@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
  border-width: 0;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: "Marcellus-Regular";
  src: url("../fonts/Manrope/Marcellus-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/* Circular */
@font-face {
  font-family: "Circular-Std";
  src: url("../fonts/circular-std-book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Std-Medium";
  src: url("../fonts/circular-std-medium-500-_1_.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Std-Medium";
  src: url("../fonts/circular-std-medium-500.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
/* Futura */
@font-face {
  font-family: "Futura-PT";
  src: url("../fonts/futura-pt-medium-oblique.woff") format("woff");
  font-weight: 500;
  font-style: oblique;
}
/* Helvetica */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* Manrope */
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
/* Marcellus */
@font-face {
  font-family: "Marcellus";
  src: url("../fonts/Manrope/Marcellus-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/* Noto Sans JP */
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* Sweet Sans Pro */
@font-face {
  font-family: "Sweet Sans Pro";
  src: url("../fonts/SweetSansProRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Sweet Sans Pro";
  src: url("../fonts/SweetSansProMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Sweet Sans Pro";
  src: url("../fonts/SweetSansProBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* Termina */
@font-face {
  font-family: "Termina";
  src: url("../fonts/Termina-W00-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TerminaTest";
  src: url("../fonts/TerminaTest-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
.blogBody {
  font-size: medium;
  width: 100%;
  /* children of the <head> element all have display:none */
  /* generic block-level elements */
  /* heading elements */
  /* tables */
  /* for tables without table section elements (can happen with XHTML or dynamically created tables) */
  /* lists */
  /* form elements */
  /* Form controls don't go vertical. */
  /* TODO(crbug.com/880258): Use different styles for
  `-internal-autofill-previewed` and `-internal-autofill-selected`. */
  /* meter */
  /* progress */
  /* inline elements */
  /* states */
  /* HTML5 ruby elements */
  /* other elements */
  /* TODO(foolip): In the Fullscreen spec, there's a ::backdrop block with the
  properties shared with :fullscreen::backdrop (see fullscreen.css). */
  /* page */
  /* Allows thead sections to print at the top of each page. */
}
.blogBody html,
.blogBody body,
.blogBody div,
.blogBody span,
.blogBody applet,
.blogBody object,
.blogBody iframe,
.blogBody h1,
.blogBody h2,
.blogBody h3,
.blogBody h4,
.blogBody h5,
.blogBody h6,
.blogBody p,
.blogBody blockquote,
.blogBody pre,
.blogBody a,
.blogBody button,
.blogBody abbr,
.blogBody acronym,
.blogBody address,
.blogBody big,
.blogBody cite,
.blogBody code,
.blogBody del,
.blogBody dfn,
.blogBody em,
.blogBody img,
.blogBody ins,
.blogBody kbd,
.blogBody q,
.blogBody s,
.blogBody samp,
.blogBody small,
.blogBody strike,
.blogBody strong,
.blogBody sub,
.blogBody sup,
.blogBody tt,
.blogBody var,
.blogBody b,
.blogBody u,
.blogBody i,
.blogBody center,
.blogBody dl,
.blogBody dt,
.blogBody dd,
.blogBody ol,
.blogBody ul,
.blogBody li,
.blogBody fieldset,
.blogBody form,
.blogBody label,
.blogBody legend,
.blogBody table,
.blogBody caption,
.blogBody tbody,
.blogBody tfoot,
.blogBody thead,
.blogBody tr,
.blogBody th,
.blogBody td,
.blogBody article,
.blogBody aside,
.blogBody canvas,
.blogBody details,
.blogBody embed,
.blogBody figure,
.blogBody figcaption,
.blogBody footer,
.blogBody header,
.blogBody hgroup,
.blogBody menu,
.blogBody nav,
.blogBody output,
.blogBody ruby,
.blogBody section,
.blogBody summary,
.blogBody time,
.blogBody mark,
.blogBody audio,
.blogBody video {
  font-size: medium;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.blogBody html {
  display: block;
}
.blogBody head {
  display: none;
}
.blogBody meta {
  display: none;
}
.blogBody title {
  display: none;
}
.blogBody link {
  display: none;
}
.blogBody style {
  display: none;
}
.blogBody script {
  display: none;
}
.blogBody body {
  display: block;
  margin: 8px;
}
.blogBody body:-webkit-full-page-media {
  background-color: rgb(0, 0, 0);
}
.blogBody p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  .blogBody p {
    font-size: 14px;
  }
}
.blogBody span {
  font-size: inherit;
}
.blogBody div {
  display: block;
}
.blogBody layer {
  display: block;
}
.blogBody article,
.blogBody aside,
.blogBody footer,
.blogBody header,
.blogBody hgroup,
.blogBody main,
.blogBody nav,
.blogBody section {
  display: block;
}
.blogBody marquee {
  display: inline-block;
  width: -webkit-fill-available;
}
.blogBody address {
  display: block;
}
.blogBody blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}
.blogBody figcaption {
  display: block;
}
.blogBody figure {
  display: block;
}
.blogBody q {
  display: inline;
}
.blogBody q:before {
  content: open-quote;
}
.blogBody q:after {
  content: close-quote;
}
.blogBody center {
  display: block;
  /* special centering to be able to emulate the html4/netscape behaviour */
  text-align: -webkit-center;
}
.blogBody hr {
  display: block;
  overflow: hidden;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  border-style: inset;
  border-width: 1px;
}
.blogBody map {
  display: inline;
}
.blogBody video {
  -o-object-fit: contain;
     object-fit: contain;
}
.blogBody h1 {
  display: block;
  width: 100%;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1em;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
}
.blogBody h2 {
  display: block;
  width: 100%;
  font-size: 2.3em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .blogBody h2 {
    font-size: 1.6em;
  }
}
.blogBody h3 {
  display: block;
  width: 100%;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody h4 {
  display: block;
  width: 100%;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody h5 {
  display: block;
  width: 100%;
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody h6 {
  display: block;
  width: 100%;
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody strong,
.blogBody em,
.blogBody kbd {
  font-size: 1em;
}
.blogBody table {
  display: table;
  border-color: gray;
  box-sizing: border-box;
  text-indent: initial;
}
.blogBody thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}
.blogBody tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.blogBody tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}
.blogBody table > tr {
  vertical-align: middle;
}
.blogBody col {
  display: table-column;
}
.blogBody colgroup {
  display: table-column-group;
}
.blogBody tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.blogBody td,
.blogBody th {
  display: table-cell;
  vertical-align: inherit;
}
.blogBody th {
  font-weight: bold;
  text-align: -internal-center;
}
.blogBody caption {
  display: table-caption;
  text-align: -webkit-center;
}
.blogBody ul,
.blogBody menu,
.blogBody dir {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}
.blogBody ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}
.blogBody li {
  display: list-item;
  text-align: -webkit-match-parent;
  line-height: 1.8;
}
.blogBody ul ul,
.blogBody ol ul {
  list-style-type: circle;
}
.blogBody ol ol ul,
.blogBody ol ul ul,
.blogBody ul ol ul,
.blogBody ul ul ul {
  list-style-type: square;
}
.blogBody dd {
  display: block;
  margin-inline-start: 40px;
}
.blogBody dl {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.blogBody dt {
  display: block;
}
.blogBody ol ul,
.blogBody ul ol,
.blogBody ul ul,
.blogBody ol ol {
  margin-block-start: 0;
  margin-block-end: 0;
}
.blogBody form {
  display: block;
  margin-top: 0em;
}
.blogBody :-webkit-any(table, thead, tbody, tfoot, tr) > form:-internal-is-html {
  display: none !important;
}
.blogBody label {
  cursor: default;
}
.blogBody legend {
  display: block;
  padding-inline-start: 2px;
  padding-inline-end: 2px;
  border: none;
}
.blogBody fieldset {
  display: block;
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
  min-inline-size: -moz-min-content;
  min-inline-size: min-content;
}
.blogBody button {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.blogBody input,
.blogBody textarea,
.blogBody select,
.blogBody button,
.blogBody meter,
.blogBody progress {
  -webkit-writing-mode: horizontal-tb !important;
}
.blogBody input,
.blogBody textarea,
.blogBody select,
.blogBody button {
  margin: 0em;
  font: -webkit-small-control;
  text-rendering: auto; /* FIXME: Remove when tabs work with optimizeLegibility. */
  color: -internal-light-dark(black, white);
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
.blogBody input[type=hidden i] {
  display: none;
}
.blogBody input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  padding: 1px;
  background-color: -internal-light-dark(white, black);
  border: 2px inset;
  -webkit-rtl-ordering: logical;
  cursor: text;
}
.blogBody input[type=search i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
}
.blogBody input::-webkit-textfield-decoration-container {
  display: flex !important;
  align-items: center;
  -webkit-user-modify: read-only !important;
  content: none !important;
  writing-mode: inherit !important;
  -internal-align-self-block: center;
}
.blogBody input::-webkit-clear-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: inline-block;
  cursor: default;
  flex: none;
  -webkit-user-modify: read-only !important;
  margin-inline-start: 2px;
}
.blogBody input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-clear-button {
  opacity: 1;
  pointer-events: auto;
}
.blogBody input[type=search i]::-webkit-search-cancel-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: block;
  cursor: default;
  flex: none;
  -webkit-user-modify: read-only !important;
  margin-inline-start: 1px;
  -webkit-user-select: none !important;
          user-select: none !important;
}
.blogBody input[type=search i]:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: auto;
}
.blogBody input::-webkit-inner-spin-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: inline-block;
  cursor: default;
  flex: none;
  align-self: stretch;
  -webkit-user-modify: read-only !important;
}
.blogBody input:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-inner-spin-button {
  opacity: 1;
  pointer-events: auto;
}
.blogBody select {
  border-radius: 5px;
}
.blogBody textarea {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  background-color: -internal-light-dark(white, black);
  border: 1px solid;
  -moz-column-count: initial !important;
       column-count: initial !important;
  -webkit-rtl-ordering: logical;
  flex-direction: column;
  resize: auto;
  cursor: text;
  padding: 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.blogBody ::-webkit-input-placeholder {
  -webkit-text-security: none;
  color: #757575;
  direction: inherit !important;
  pointer-events: none !important;
  text-orientation: inherit !important;
  writing-mode: inherit !important;
}
.blogBody input::-webkit-input-placeholder {
  text-overflow: inherit;
  line-height: initial;
  white-space: pre;
  word-wrap: normal;
  overflow: hidden;
  -webkit-user-modify: read-only !important;
}
.blogBody input::-internal-input-suggested {
  text-overflow: inherit;
  white-space: nowrap;
  overflow: hidden;
}
.blogBody input::-internal-input-suggested,
.blogBody textarea::-internal-input-suggested {
  font: -webkit-small-control !important;
  /* Prevent that overflow affects the scrollable area. Without this,
  LayoutBox::*Scroll{Height,Width}() may determine the scroll width/height
  from the scrollable area instead of from the overrides in
  LayoutTextControl{Single,Multi}Line::Scroll{Height,Width}(). */
  overflow: hidden !important;
  overflow-anchor: none;
}
.blogBody input[type=password i] {
  -webkit-text-security: disc !important;
}
.blogBody input[type=password i]::-internal-input-suggested {
  -webkit-text-security: disc !important;
}
.blogBody input[type=hidden i],
.blogBody input[type=image i],
.blogBody input[type=file i] {
  -webkit-appearance: initial; /* AutoAppearanceFor() should match to this. */
  padding: initial;
  background-color: initial;
  border: initial;
  cursor: default;
}
.blogBody input[type=file i] {
  align-items: baseline;
  color: inherit;
  overflow: hidden !important;
  text-align: start !important;
  text-overflow: ellipsis;
  white-space: pre;
}
.blogBody input[type=image i] {
  cursor: pointer;
}
.blogBody input:-internal-autofill-previewed,
.blogBody textarea:-internal-autofill-previewed,
.blogBody select:-internal-autofill-previewed {
  -webkit-appearance: menulist-button;
  background-color: #e8f0fe !important;
  background-image: none !important;
  color: -internal-light-dark(black, white) !important;
}
.blogBody input:-internal-autofill-selected,
.blogBody textarea:-internal-autofill-selected,
.blogBody select:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
  background-color: #e8f0fe !important;
  background-image: none !important;
  color: -internal-light-dark(black, white) !important;
}
.blogBody input[type=radio i],
.blogBody input[type=checkbox i] {
  margin: 3px 0.5ex;
  padding: initial;
  background-color: initial;
  border: initial;
  cursor: default;
}
.blogBody input[type=button i],
.blogBody input[type=submit i],
.blogBody input[type=reset i] {
  -internal-empty-line-height: fabricated;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  white-space: pre;
}
.blogBody input[type=file i]::-webkit-file-upload-button {
  -webkit-appearance: auto;
          appearance: auto;
  -webkit-user-modify: read-only !important;
  white-space: nowrap;
  margin: 0;
  margin-inline-end: 4px;
  font-size: inherit;
}
.blogBody input[type=button i],
.blogBody input[type=submit i],
.blogBody input[type=reset i],
.blogBody input[type=file i]::-webkit-file-upload-button,
.blogBody button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: -internal-light-dark(ButtonText, #aaaaaa);
  padding: 2px 6px 3px 6px;
  border: 2px outset ButtonFace;
  background-color: ButtonFace;
  box-sizing: border-box;
}
.blogBody input[type=range i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto; /* AutoAppearanceFor() should match to this. */
  padding: initial;
  border: initial;
  margin: 2px;
  color: #909090;
  cursor: default;
}
.blogBody input[type=range i]::-webkit-slider-container,
.blogBody input[type=range i]::-webkit-media-slider-container {
  -webkit-appearance: inherit;
          appearance: inherit;
  flex: 1;
  min-inline-size: 0;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: flex;
}
.blogBody input[type=range i]:-internal-has-datalist::-webkit-slider-container {
  /*
  * See LayoutThemeDefault. "22px" is
  * 2 * (SliderTickOffsetFromTrackCenter() + SliderTickSize().Height()).
  */
  min-block-size: 22px;
}
.blogBody input[type=range i]::-webkit-slider-runnable-track {
  flex: 1;
  min-inline-size: 0;
  -webkit-align-self: center;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: block;
}
.blogBody input[type=range i]::-webkit-slider-thumb,
.blogBody input[type=range i]::-webkit-media-slider-thumb {
  -webkit-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: block;
}
.blogBody input[type=button i]:disabled,
.blogBody input[type=submit i]:disabled,
.blogBody input[type=reset i]:disabled,
.blogBody input[type=file i]:disabled::-webkit-file-upload-button,
.blogBody button:disabled,
.blogBody select:disabled,
.blogBody optgroup:disabled,
.blogBody option:disabled,
.blogBody select[disabled] > option {
  color: -internal-light-dark(GrayText, #aaa);
}
.blogBody input[type=button i]:active,
.blogBody input[type=submit i]:active,
.blogBody input[type=reset i]:active,
.blogBody input[type=file i]:active::-webkit-file-upload-button,
.blogBody button:active {
  border-style: inset;
}
.blogBody input[type=button i]:active:disabled,
.blogBody input[type=submit i]:active:disabled,
.blogBody input[type=reset i]:active:disabled,
.blogBody input[type=file i]:active:disabled::-webkit-file-upload-button,
.blogBody button:active:disabled {
  border-style: outset;
}
.blogBody input:disabled,
.blogBody textarea:disabled {
  color: -internal-light-dark(#545454, #aaa);
  cursor: default;
}
.blogBody option:-internal-spatial-navigation-focus {
  outline: -internal-light-dark(black, white) dashed 1px;
  outline-offset: -1px;
}
.blogBody datalist {
  display: none;
}
.blogBody area {
  display: inline;
}
.blogBody area:-webkit-any-link {
  cursor: pointer;
}
.blogBody param {
  display: none;
}
.blogBody input[type=checkbox i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
}
.blogBody input[type=radio i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
}
.blogBody input[type=color i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 44px;
  height: 23px;
  background-color: ButtonFace;
  /* Same as native_theme_base. */
  border: 1px #a9a9a9 solid;
  padding: 1px 2px;
  cursor: default;
}
.blogBody input[type=color i]::-webkit-color-swatch-wrapper {
  display: flex;
  padding: 4px 2px;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  width: 100%;
  height: 100%;
}
.blogBody input[type=color i]::-webkit-color-swatch {
  background-color: #000000;
  border: 1px solid #777777;
  flex: 1;
  min-width: 0;
  -webkit-user-modify: read-only !important;
}
.blogBody input[type=color i][list] {
  -webkit-appearance: menulist; /* AutoAppearanceFor() should match to this. */
  width: 88px;
  height: 23px;
}
.blogBody input[type=color i][list]::-webkit-color-swatch-wrapper {
  padding-inline-start: 8px;
  padding-inline-end: 24px;
}
.blogBody input[type=color i][list]::-webkit-color-swatch {
  border-color: #000000;
}
.blogBody input::-webkit-calendar-picker-indicator {
  display: inline-block;
  width: 0.66em;
  height: 0.66em;
  padding: 0.17em 0.34em;
  -webkit-user-modify: read-only !important;
  cursor: default;
}
.blogBody input::-webkit-calendar-picker-indicator:hover {
  background-color: #eee;
}
.blogBody input:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-calendar-picker-indicator,
.blogBody input::-webkit-calendar-picker-indicator:focus {
  opacity: 1;
  pointer-events: auto;
}
.blogBody input[type=date i]:disabled::-webkit-clear-button,
.blogBody input[type=date i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=datetime-local i]:disabled::-webkit-clear-button,
.blogBody input[type=datetime-local i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=month i]:disabled::-webkit-clear-button,
.blogBody input[type=month i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=week i]:disabled::-webkit-clear-button,
.blogBody input[type=week i]:disabled::-webkit-inner-spin-button,
.blogBody input:disabled::-webkit-calendar-picker-indicator,
.blogBody input[type=date i][readonly]::-webkit-clear-button,
.blogBody input[type=date i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=datetime-local i][readonly]::-webkit-clear-button,
.blogBody input[type=datetime-local i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=month i][readonly]::-webkit-clear-button,
.blogBody input[type=month i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=week i][readonly]::-webkit-clear-button,
.blogBody input[type=week i][readonly]::-webkit-inner-spin-button,
.blogBody input[readonly]::-webkit-calendar-picker-indicator {
  visibility: hidden;
}
.blogBody select {
  -webkit-appearance: menulist; /* AutoAppearanceFor() should match to this. */
  box-sizing: border-box;
  align-items: center;
  border: 1px solid;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  color: -internal-light-dark(black, white);
  background-color: -internal-light-dark(white, black);
  cursor: default;
}
.blogBody select:not(:-internal-list-box) {
  overflow: visible !important;
}
.blogBody select:-internal-list-box {
  -webkit-appearance: listbox; /* AutoAppearanceFor() should match to this. */
  align-items: flex-start;
  border: 1px inset gray;
  border-radius: initial;
  overflow-x: hidden;
  overflow-y: scroll;
  vertical-align: text-bottom;
  white-space: nowrap;
}
.blogBody optgroup {
  font-weight: bolder;
  display: block;
}
.blogBody option {
  font-weight: normal;
  display: block;
  padding: 0 2px 1px 2px;
  white-space: nowrap;
  min-height: 1.2em;
}
.blogBody select:-internal-list-box optgroup option:before {
  content: "    ";
}
.blogBody select:-internal-list-box option,
.blogBody select:-internal-list-box optgroup {
  line-height: initial !important;
}
.blogBody select:-internal-list-box:focus option:checked {
  background-color: -internal-active-list-box-selection !important;
  color: -internal-active-list-box-selection-text !important;
}
.blogBody select:-internal-list-box:focus option:checked:disabled {
  background-color: -internal-inactive-list-box-selection !important;
}
.blogBody select:-internal-list-box option:checked {
  background-color: -internal-inactive-list-box-selection !important;
  color: -internal-inactive-list-box-selection-text !important;
}
.blogBody select:-internal-list-box:disabled option:checked,
.blogBody select:-internal-list-box option:checked:disabled {
  color: gray !important;
}
.blogBody select:-internal-list-box hr {
  border-style: none;
  margin-block-start: 0.5em;
  margin-block-end: 0;
}
.blogBody select:-internal-list-box:focus option:-internal-multi-select-focus {
  outline: auto 1px -webkit-focus-ring-color;
  outline-offset: -1px;
}
.blogBody output {
  display: inline;
}
.blogBody meter {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  display: inline-block;
  height: 1em;
  width: 5em;
  vertical-align: -0.2em;
  -webkit-user-modify: read-only !important;
}
.blogBody meter::-webkit-meter-inner-element {
  -webkit-appearance: inherit;
          appearance: inherit;
  box-sizing: inherit;
  display: none;
  -webkit-user-modify: read-only !important;
  height: 100%;
  width: 100%;
}
.blogBody meter::-webkit-meter-inner-element:-internal-shadow-host-has-appearance {
  display: block;
}
.blogBody meter::-internal-fallback:-internal-shadow-host-has-appearance {
  display: none;
}
.blogBody meter::-webkit-meter-bar {
  background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);
  height: 100%;
  width: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody meter::-webkit-meter-optimum-value {
  background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);
  height: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody meter::-webkit-meter-suboptimum-value {
  background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);
  height: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody meter::-webkit-meter-even-less-good-value {
  background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);
  height: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody progress {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  display: inline-block;
  height: 1em;
  width: 10em;
  vertical-align: -0.2em;
}
.blogBody progress::-webkit-progress-inner-element {
  box-sizing: inherit;
  -webkit-user-modify: read-only;
  height: 100%;
  width: 100%;
}
.blogBody progress::-webkit-progress-bar {
  background-color: gray;
  height: 100%;
  width: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody progress::-webkit-progress-value {
  background-color: green;
  height: 100%;
  width: 50%; /* should be removed later */
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody u,
.blogBody ins {
  text-decoration: underline;
}
.blogBody abbr[title],
.blogBody acronym[title] {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}
.blogBody strong,
.blogBody b {
  font-weight: bold;
}
.blogBody i,
.blogBody cite,
.blogBody em,
.blogBody var,
.blogBody address,
.blogBody dfn {
  font-style: italic;
}
.blogBody pre,
.blogBody xmp,
.blogBody plaintext,
.blogBody listing {
  display: block;
  white-space: pre;
  margin: 1em 0;
}
.blogBody mark {
  background-color: yellow;
  color: black;
}
.blogBody big {
  font-size: larger;
}
.blogBody small {
  font-size: smaller;
}
.blogBody s,
.blogBody strike,
.blogBody del {
  text-decoration: line-through;
}
.blogBody sub {
  vertical-align: sub;
  font-size: smaller;
}
.blogBody sup {
  vertical-align: super;
  font-size: smaller;
}
.blogBody nobr {
  white-space: nowrap;
}
.blogBody :-internal-spatial-navigation-interest {
  outline: auto 1px -webkit-focus-ring-color !important;
  box-shadow: none !important;
}
.blogBody :focus {
  outline: auto 1px -webkit-focus-ring-color;
}
.blogBody html:focus,
.blogBody body:focus {
  outline: none;
}
.blogBody embed:focus,
.blogBody iframe:focus,
.blogBody object:focus {
  outline: none;
}
.blogBody input:focus,
.blogBody textarea:focus,
.blogBody select:focus {
  outline-offset: -2px;
}
.blogBody input[type=button i]:focus,
.blogBody input[type=checkbox i]:focus,
.blogBody input[type=file i]:focus,
.blogBody input[type=hidden i]:focus,
.blogBody input[type=image i]:focus,
.blogBody input[type=radio i]:focus,
.blogBody input[type=reset i]:focus,
.blogBody input[type=submit i]:focus,
.blogBody input[type=file i]:focus::-webkit-file-upload-button {
  outline-offset: 0;
}
.blogBody a:-webkit-any-link {
  color: #0073aa;
  text-decoration: underline;
  cursor: pointer;
  word-break: break-all;
}
.blogBody p.has-text-color a {
  color: inherit;
}
.blogBody a:-webkit-any-link:active {
  color: -webkit-activelink;
}
.blogBody a:-webkit-any-link:read-write {
  cursor: text;
}
.blogBody ruby,
.blogBody rt {
  text-indent: 0; /* blocks used for ruby rendering should not trigger this */
}
.blogBody rt {
  line-height: normal;
}
.blogBody ruby > rt {
  display: block;
  font-size: 50%;
  text-align: start;
}
.blogBody rp {
  display: none;
}
.blogBody noframes {
  display: none;
}
.blogBody frameset,
.blogBody frame {
  display: block;
}
.blogBody frameset {
  border-color: inherit;
}
.blogBody iframe {
  border: 2px inset;
}
.blogBody details {
  display: block;
}
.blogBody summary {
  display: block;
}
.blogBody summary::-webkit-details-marker {
  display: inline-block;
  width: 0.66em;
  height: 0.66em;
  margin-inline-end: 0.4em;
}
.blogBody template {
  display: none;
}
.blogBody bdi,
.blogBody output {
  unicode-bidi: -webkit-isolate;
}
.blogBody bdo {
  unicode-bidi: bidi-override;
}
.blogBody textarea[dir=auto i] {
  unicode-bidi: -webkit-plaintext;
}
.blogBody dialog:not([open]) {
  display: none;
}
.blogBody dialog {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: -internal-light-dark(white, black);
  color: -internal-light-dark(black, white);
}
.blogBody dialog:-internal-modal {
  position: fixed;
  overflow: auto;
  top: 0;
  bottom: 0;
  /* 6px + 2em = border + padding, as by default box-sizing is content-box. */
  max-width: calc(100% - 6px - 2em);
  max-height: calc(100% - 6px - 2em);
}
.blogBody dialog::backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}
.blogBody slot {
  display: contents;
}
@page {
  .blogBody {
    /* FIXME: Define the right default values for page properties. */
    size: auto;
    margin: auto;
    padding: 0px;
    border-width: 0px;
  }
}
@media print {
  .blogBody thead {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .blogBody tfoot {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
.blogBody .wp-block-pullquote {
  margin: 0 0 1em 0;
  padding: 3em 0;
  text-align: center;
  border-top: 4px solid;
  border-bottom: 4px solid;
}
.blogBody .wp-block-pullquote.alignleft,
.blogBody .wp-block-pullquote.alignright {
  max-width: 420px;
}
.blogBody .wp-block-pullquote.alignleft p,
.blogBody .wp-block-pullquote.alignright p {
  font-size: 1.25em;
}
.blogBody .wp-block-pullquote p {
  font-size: 1.75em;
  line-height: 1.6;
}
.blogBody .wp-block-pullquote cite,
.blogBody .wp-block-pullquote footer {
  position: relative;
}
.blogBody .wp-block-pullquote .has-text-color a {
  color: inherit;
}
.blogBody .wp-block-pullquote:not(.is-style-solid-color) {
  background: none;
}
.blogBody .wp-block-pullquote.is-style-solid-color {
  border: none;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  max-width: 60%;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote cite {
  text-transform: none;
  font-style: normal;
}
.blogBody .wp-block-pullquote cite {
  color: inherit;
}
.blogBody .wp-block-quote {
  border-left: 0.25em solid;
  margin: 0 0 1.75em;
  padding-left: 1em;
}
.blogBody .wp-block-table td,
.blogBody .wp-block-table th {
  border: 1px solid;
}
.blogBody .wp-block-table td,
.blogBody .wp-block-table th {
  padding: 0.5em;
  border: 1px solid;
  word-break: normal;
  line-height: 1.8;
}
.blogBody .wp-block-image img {
  max-width: 100%;
  height: auto;
}
.blogBody .wp-block-columns {
  display: flex;
  margin-bottom: 2em;
  box-sizing: border-box;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .blogBody .wp-block-columns {
    flex-direction: column-reverse;
  }
}
.blogBody .wp-block-columns p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.blogBody .wp-block-column {
  overflow: hidden;
}
.blogBody .size-full img {
  width: 100%;
}
.blogBody h2,
.blogBody h3,
.blogBody h4,
.blogBody h5,
.blogBody h6 {
  margin-block-start: 2em;
  margin-block-end: 2em;
}
.blogBody .wp-block-column > h1,
.blogBody .wp-block-column > h2,
.blogBody .wp-block-column > h3,
.blogBody .wp-block-column > h4,
.blogBody .wp-block-column > h5,
.blogBody .wp-block-column > h6 {
  margin-block-start: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
button,
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 {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body,
html {
  background-color: white;
  font-family: "NotoSansJP", sans-serif;
  font-weight: 400;
}

.color\:black {
  color: #1b1b1b;
}

.blogBody {
  display: flex;
  justify-content: center;
  align-items: center;
}
.blogBody__inner {
  display: flex;
  align-items: center;
  width: 78.4375vw;
  padding-top: 9.375vw;
  margin-bottom: 12.5vw;
}
@media screen and (max-width: 800px) {
  .blogBody__inner {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .blogBody__inner {
    padding-top: 32vw;
  }
}
@media screen and (max-width: 800px) {
  .blogBody__inner {
    margin-bottom: 42.6666666667vw;
  }
}

.blogBody h1,
.blogBody p,
.blogBody ol li {
  color: black;
  font-family: "Manrope";
}

.hamburger {
  display: none;
  position: relative;
}
.hamburger.active span:nth-of-type(1) {
  transform: translateY(2.1vw) rotate(45deg);
}
.hamburger.active span:nth-of-type(2) {
  opacity: 0;
}
.hamburger.active span:nth-of-type(3) {
  transform: translateY(-2.1vw) rotate(-45deg);
}
@media screen and (max-width: 800px) {
  .hamburger {
    display: block;
    z-index: 109000;
    cursor: pointer;
    margin-right: 1.875vw;
    width: 1.875vw;
    height: 1.25vw;
    z-index: 8;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .hamburger {
    margin-right: 6.4vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .hamburger {
    width: 6.4vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .hamburger {
    height: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .hamburger span {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    border-radius: 4px;
  }
  .hamburger span:nth-child(1) {
    top: 0%;
  }
  .hamburger span:nth-of-type(2) {
    top: 50%;
  }
  .hamburger span:nth-of-type(3) {
    top: 100%;
  }
}
.hamburger--black span {
  background-color: #000;
}

.drawerNav {
  width: 100%;
  padding-top: 6.25vw;
  padding-bottom: 9.375vw;
  overflow-y: auto; /* スクロールを可能にする */
  max-height: 100vh;
  box-sizing: border-box;
  z-index: 7;
}
@media screen and (max-width: 800px) {
  .drawerNav {
    padding-top: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .drawerNav {
    padding-bottom: 32vw;
  }
}
.drawerNav {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .drawerNav {
    padding-left: 8.5333333333vw;
    padding-right: 8.5333333333vw;
  }
}
.drawerNav__item a {
  color: #fff;
}
.drawerNav__black {
  border-radius: 5px;
  border: 1px solid #000;
  margin-top: 1.875vw;
  text-align: center;
  width: 80%;
}
@media screen and (max-width: 800px) {
  .drawerNav__black {
    margin-top: 6.4vw;
  }
}
.drawerNav__black {
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__black {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.drawerNav__black {
  padding-left: 1.09375vw;
  padding-right: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__black {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}
.drawerNav__link {
  font-size: 1.09375vw;
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
  font-weight: bold;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 800px) {
  .drawerNav__link {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .drawerNav__link {
    padding-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .drawerNav__link {
    padding-bottom: 6.4vw;
  }
}
.drawerNav__link--contact {
  background-color: #fff;
  border-radius: 5px;
  border: none;
  margin-top: 1.875vw;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--contact {
    margin-top: 6.4vw;
  }
}
.drawerNav__link--contact {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--contact {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.drawerNav__link--contact {
  padding-left: 1.09375vw;
  padding-right: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--contact {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}
.drawerNav__link--contact:hover {
  background-color: #fff;
  border: none;
}
.drawerNav__button {
  display: inline-flex !important;
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__button {
    margin-top: 6.4vw;
  }
}
.drawerNav__campain {
  width: 100%;
  border: 1px solid #000;
  border-radius: 999px;
}

.drawer--left .drawer-nav {
  left: -100vw;
}

.about {
  position: relative;
  width: 100%;
  padding-top: 7.5vw;
  padding-bottom: 3.90625vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .about {
    padding-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about {
    padding-bottom: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.about__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .about__inner {
    position: relative;
    width: 26.25vw;
    padding-top: 4.375vw;
    padding-bottom: 4.375vw;
    padding: 0;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about__inner {
    width: 89.6vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about__inner {
    padding-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about__inner {
    padding-bottom: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 4.6875vw;
    height: 4.375vw;
    background: center center/contain no-repeat url("../images/about-icon01.webp");
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about__inner::before {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about__inner::before {
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about__inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 4.6875vw;
    height: 4.375vw;
    background: center center/contain no-repeat url("../images/about-icon02.webp");
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about__inner::after {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about__inner::after {
    height: 14.9333333333vw;
  }
}
.about__img {
  width: 24.21875vw;
  height: 6.640625vw;
  display: none;
}
@media screen and (max-width: 800px) {
  .about__img {
    width: 82.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about__img {
    height: 22.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about__img {
    display: block;
  }
}
.about__title {
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
  background: center center/contain no-repeat url("../images/detail-title.webp");
}
.about__title {
  padding-left: 7.265625vw;
  padding-right: 7.265625vw;
}
@media screen and (max-width: 800px) {
  .about__title {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about__title {
    padding-top: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about__title {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about__title {
    background: none;
  }
}
.about__title h2 {
  font-size: 3.75vw;
  font-weight: 700;
  text-align: center;
  color: #D93924;
}
@media screen and (max-width: 800px) {
  .about__title h2 {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .about__title h2 {
    color: #000;
  }
}
.about__text {
  padding-top: 0.625vw;
  padding-bottom: 3.75vw;
}
@media screen and (max-width: 800px) {
  .about__text {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about__text {
    padding-bottom: 0vw;
  }
}
.about__text p {
  font-size: 1.25vw;
  font-weight: 500;
  color: #000;
  line-height: 1.8;
}
@media screen and (max-width: 800px) {
  .about__text p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about__text p {
    text-align: center;
  }
}
.about__text p br.sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .about__text p br.sp {
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .about .btn01 {
    display: none;
  }
}
.about__sub {
  display: none;
}
.about__sub-img01 {
  display: none;
}

.page-about .about__sub {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  padding-bottom: 3.125vw;
  gap: 1.875vw;
}
@media screen and (max-width: 800px) {
  .page-about .about__sub {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .page-about .about__sub {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .page-about .about__sub {
    display: none;
  }
}
.page-about .about__sub-img {
  width: 36.40625vw;
  height: 10vw;
  display: block;
}
@media screen and (max-width: 800px) {
  .page-about .about__sub-img {
    width: 124.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .page-about .about__sub-img {
    height: 34.1333333333vw;
  }
}
.page-about .about__sub-hr {
  width: 6.25vw;
  height: 0.234375vw;
  display: block;
  background-color: #000000;
}
@media screen and (max-width: 800px) {
  .page-about .about__sub-hr {
    width: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .page-about .about__sub-hr {
    height: 0.8vw;
  }
}
.page-about .about__text p {
  text-align: center;
}
.page-about .about .btn01 {
  display: none;
}
.page-about .about__sub-img01 {
  display: block;
  position: absolute;
  top: 74%;
  right: 0;
  width: 17.8125vw;
  height: 15.78125vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .page-about .about__sub-img01 {
    width: 60.8vw;
  }
}
@media screen and (max-width: 800px) {
  .page-about .about__sub-img01 {
    height: 53.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .page-about .about__sub-img01 {
    display: none;
  }
}

.about02 {
  position: relative;
  width: 100%;
  padding-top: 7.34375vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .about02 {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.about02__inner {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding-top: 31.5625vw;
  padding-left: 10.9375vw;
  padding-right: 10.703125vw;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .about02__inner {
    padding-top: 107.2vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__inner {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__inner {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.about02__img01 {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 56.484375vw;
  width: 19.765625vw;
  height: 31.5625vw;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .about02__img01 {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__img01 {
    width: 25.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__img01 {
    height: 41.6vw;
  }
}
.about02__img02 {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 7.03125vw;
  padding-left: 0vw;
  width: 60.078125vw;
  height: 35.703125vw;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .about02__img02 {
    padding-top: 27.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__img02 {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__img02 {
    width: 100vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__img02 {
    height: 59.4666666667vw;
  }
}
.about02__img03 {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 36.09375vw;
  padding-left: 3.828125vw;
  width: 23.203125vw;
  height: 16.71875vw;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .about02__img03 {
    padding-top: 77.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__img03 {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__img03 {
    width: 30.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__img03 {
    height: 21.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__img03 {
    left: auto;
    right: 0;
  }
}
.about02__title {
  padding-top: 5.625vw;
  padding-bottom: 5.625vw;
  position: relative;
}
.about02__title {
  padding-left: 4.84375vw;
  padding-right: 4.84375vw;
}
@media screen and (max-width: 800px) {
  .about02__title {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__title {
    padding-top: 5.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__title {
    padding-bottom: 9.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__title {
    width: 90%;
  }
}
.about02__title::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 4.6875vw;
  height: 4.375vw;
  background: center center/contain no-repeat url("../images/about-icon03.webp");
}
@media screen and (max-width: 800px) {
  .about02__title::before {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__title::before {
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__title::before {
    right: auto;
    left: 0;
    background: center center/contain no-repeat url("../images/about-icon01.webp");
  }
}
.about02__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 4.6875vw;
  height: 4.375vw;
  background: center center/contain no-repeat url("../images/about-icon04.webp");
}
@media screen and (max-width: 800px) {
  .about02__title::after {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__title::after {
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__title::after {
    left: auto;
    right: 0;
    background: center center/contain no-repeat url("../images/about-icon02.webp");
  }
}
.about02__title h2 {
  font-size: 3.125vw;
  font-weight: 700;
  text-align: center;
  color: #D93924;
  writing-mode: vertical-rl;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .about02__title h2 {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__title h2 {
    writing-mode: horizontal-tb;
    width: 100%;
    color: #000;
    z-index: 1;
  }
  .about02__title h2::before {
    position: absolute;
    content: "";
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16.40625vw;
    height: 2.1875vw;
    background: center center/contain no-repeat url("../images/underline.webp");
    z-index: -1;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about02__title h2::before {
    width: 56vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about02__title h2::before {
    height: 7.4666666667vw;
  }
}
.about02__text {
  padding-top: 24.375vw;
  width: 51.25vw;
}
@media screen and (max-width: 800px) {
  .about02__text {
    padding-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__text {
    width: 89.6vw;
  }
}
.about02__text h3 {
  font-size: 2.5vw;
  font-weight: 700;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.01em;
  padding-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .about02__text h3 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__text h3 {
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about02__text h3 {
    display: none;
  }
}
.about02__text p {
  font-size: 1.25vw;
  font-weight: 500;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 800px) {
  .about02__text p {
    font-size: 3.7333333333vw;
  }
}

.about03 {
  position: relative;
  width: 100%;
  padding-top: 6.25vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .about03 {
    padding-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.about03__inner {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: row;
  padding-top: 31.5625vw;
  padding-right: 10.9375vw;
  padding-left: 10.703125vw;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .about03__inner {
    padding-top: 107.2vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__inner {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__inner {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.about03__img01 {
  position: absolute;
  top: -40px;
  right: -110px;
  padding-right: 56.484375vw;
  width: 40.78125vw;
  height: 31.5625vw;
  display: block;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .about03__img01 {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img01 {
    width: 49.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img01 {
    height: 41.6vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img01 {
    left: auto;
    right: 0;
  }
}
.about03__img02 {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 7.03125vw;
  padding-right: 0vw;
  width: 60.078125vw;
  height: 35.703125vw;
  display: block;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .about03__img02 {
    padding-top: 24vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img02 {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img02 {
    width: 100vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img02 {
    height: 59.4666666667vw;
  }
}
.about03__img03 {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 36.09375vw;
  padding-right: 3.828125vw;
  width: 23.203125vw;
  height: 16.71875vw;
  display: block;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .about03__img03 {
    padding-top: 77.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img03 {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img03 {
    width: 30.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img03 {
    height: 21.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__img03 {
    left: 0;
    right: auto;
  }
}
.about03__title {
  padding-top: 5.625vw;
  padding-bottom: 5.625vw;
  position: relative;
}
.about03__title {
  padding-left: 4.84375vw;
  padding-right: 4.84375vw;
}
@media screen and (max-width: 800px) {
  .about03__title {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__title {
    padding-top: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__title {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__title {
    width: 90%;
  }
}
.about03__title::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 4.6875vw;
  height: 4.375vw;
  background: center center/contain no-repeat url("../images/about-icon03.webp");
}
@media screen and (max-width: 800px) {
  .about03__title::before {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__title::before {
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__title::before {
    right: auto;
    left: 0;
    background: center center/contain no-repeat url("../images/about-icon01.webp");
  }
}
.about03__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 4.6875vw;
  height: 4.375vw;
  background: center center/contain no-repeat url("../images/about-icon04.webp");
}
@media screen and (max-width: 800px) {
  .about03__title::after {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__title::after {
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__title::after {
    left: auto;
    right: 0;
    background: center center/contain no-repeat url("../images/about-icon02.webp");
  }
}
.about03__title h2 {
  font-size: 3.125vw;
  font-weight: 700;
  text-align: center;
  color: #D93924;
  writing-mode: vertical-rl;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .about03__title h2 {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__title h2 {
    writing-mode: horizontal-tb;
    width: 100%;
    color: #000;
    z-index: 1;
  }
  .about03__title h2::before {
    position: absolute;
    content: "";
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16.40625vw;
    height: 2.1875vw;
    background: center center/contain no-repeat url("../images/underline.webp");
    z-index: -1;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about03__title h2::before {
    width: 56vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .about03__title h2::before {
    height: 7.4666666667vw;
  }
}
.about03__text {
  padding-top: 24.375vw;
  width: 51.25vw;
}
@media screen and (max-width: 800px) {
  .about03__text {
    padding-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__text {
    width: 89.6vw;
  }
}
.about03__text h3 {
  font-size: 2.5vw;
  font-weight: 700;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.01em;
  padding-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .about03__text h3 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__text h3 {
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .about03__text h3 {
    display: none;
  }
}
.about03__text p {
  font-size: 1.25vw;
  font-weight: 500;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 800px) {
  .about03__text p {
    font-size: 3.7333333333vw;
  }
}
.about03__text p br.sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .about03__text p br.sp {
    display: block;
  }
}

main .banner {
  width: 100%;
  padding-top: 5.625vw;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  main .banner {
    padding-top: 32vw;
  }
}
main .banner * {
  box-sizing: border-box;
}
main .banner__inner {
  display: flex;
  position: relative;
  width: 100%;
  padding-bottom: 4.0625vw;
}
@media screen and (max-width: 800px) {
  main .banner__inner {
    padding-bottom: 6.4vw;
  }
}
main .banner__slider {
  width: 100%;
}
main .banner__slide {
  width: 37.5vw;
  margin-left: 2.5vw;
  margin-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  main .banner__slide {
    width: 87.2vw;
  }
}
@media screen and (max-width: 800px) {
  main .banner__slide {
    margin-left: 4.2666666667vw;
    margin-right: 4.2666666667vw;
  }
}
main .banner .swiper-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
}
@media screen and (max-width: 800px) {
  main .banner .swiper-button {
    display: none;
  }
}
main .banner .swiper-button-prev {
  position: absolute;
  left: 28.9%;
  transform: translate(-50%, -50%);
  width: 3.90625vw;
}
@media screen and (max-width: 800px) {
  main .banner .swiper-button-prev {
    width: 13.3333333333vw;
  }
}
main .banner .swiper-button-prev::after {
  display: none;
}
main .banner .swiper-button-next {
  position: absolute;
  top: 50%;
  right: 28.6%;
  transform: translate(50%, -50%);
  width: 3.90625vw;
}
@media screen and (max-width: 800px) {
  main .banner .swiper-button-next {
    width: 13.3333333333vw;
  }
}
main .banner .swiper-button-next::after {
  display: none;
}
main .banner .swiper-pagination {
  position: absolute;
  top: auto;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.875vw;
}
main .banner .swiper-pagination {
  padding-top: 0.078125vw;
  padding-bottom: 0.078125vw;
}
@media screen and (max-width: 800px) {
  main .banner .swiper-pagination {
    padding-top: 0.2666666667vw;
    padding-bottom: 0.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  main .banner .swiper-pagination {
    gap: 4.2666666667vw;
  }
}
main .banner .swiper-pagination-bullet {
  width: 0.9375vw;
  height: 0.9375vw;
  margin: 0 !important;
  opacity: 1;
  background-color: #fff;
  transition: background-color 0.4s ease;
  border-radius: 50%;
  border: 1px solid #000;
  display: block;
}
@media screen and (max-width: 800px) {
  main .banner .swiper-pagination-bullet {
    width: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  main .banner .swiper-pagination-bullet {
    height: 2.1333333333vw;
  }
}
main .banner .swiper-pagination-bullet-active {
  background-color: #000;
}

.store {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .store {
    padding-top: 32vw;
  }
}
@media screen and (max-width: 800px) {
  .store {
    padding-bottom: 24vw;
  }
}
.store__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.store__title {
  font-size: 6.25vw;
  font-weight: 700;
  text-align: center;
  color: #000;
  font-family: "Circular", sans-serif;
}
@media screen and (max-width: 800px) {
  .store__title {
    font-size: 14.9333333333vw;
  }
}
.store__subtitle {
  position: relative;
  font-size: 1.25vw;
  font-weight: 700;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 800px) {
  .store__subtitle {
    font-size: 3.7333333333vw;
  }
}
.store__subtitle {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .store__subtitle {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.store__subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 1px;
  width: 0.859375vw;
  background-color: #000;
}
@media screen and (max-width: 800px) {
  .store__subtitle::before {
    width: 2.9333333333vw;
  }
}
.store__subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 1px;
  width: 0.859375vw;
  background-color: #000;
}
@media screen and (max-width: 800px) {
  .store__subtitle::after {
    width: 2.9333333333vw;
  }
}
.store__info {
  padding-top: 3.75vw;
  width: 78.515625vw;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .store__info {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info {
    width: 87.2vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    gap: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .store__info {
    gap: 4.2666666667vw;
  }
}
.store__info-item {
  width: 100%;
  box-sizing: border-box;
}
.store__info-item-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 5.3125vw;
  padding-left: 0.703125vw;
  padding-right: 1.25vw;
  border-bottom: 1px solid #000;
  cursor: pointer;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .store__info-item-title {
    height: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-title {
    padding-left: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-title {
    padding-right: 6.4vw;
  }
}
.store__info-item-title__name {
  font-size: 1.875vw;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 800px) {
  .store__info-item-title__name {
    font-size: 6.4vw;
  }
}
.store__info-item-title__arrows {
  position: relative;
  width: 2.65625vw;
  height: 1.796875vw;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .store__info-item-title__arrows {
    width: 9.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-title__arrows {
    height: 6.1333333333vw;
  }
}
.store__info-item-title__arrows-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out;
}
.store__info-item-title__arrows-item.arrow-plus {
  opacity: 1;
}
.store__info-item-title__arrows-item.arrow-minus {
  opacity: 0;
}
.store__info-item-detail {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
}
.store__info-item-detail {
  padding-left: 1.25vw;
  padding-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail {
    padding-left: 2.1333333333vw;
    padding-right: 2.1333333333vw;
  }
}
.store__info-item-detail-list {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  row-gap: 1.5625vw;
  -moz-column-gap: 1.875vw;
       column-gap: 1.875vw;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list {
    row-gap: 4.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list {
    -moz-column-gap: 4.2666666667vw;
         column-gap: 4.2666666667vw;
  }
}
.store__info-item-detail-list {
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.store__info-item-detail-list-item {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  gap: 1.25vw;
  width: 24.296875vw;
  padding-top: 1.25vw;
  padding-bottom: 0.625vw;
  background-color: #fff;
  border-radius: 7px;
  box-sizing: border-box;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item {
    width: 39.2vw;
  }
}
.store__info-item-detail-list-item {
  padding-left: 0.625vw;
  padding-right: 0.625vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item {
    padding-left: 2.1333333333vw;
    padding-right: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item {
    padding-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item {
    padding-bottom: 2.1333333333vw;
  }
}
.store__info-item-detail-list-item__name {
  font-size: 1.25vw;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__name {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__name {
    text-align: center;
  }
}
.store__info-item-detail-list-item__name br.sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__name br.sp {
    display: block;
  }
}
.store__info-item-detail-list-item table {
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table {
    display: none;
  }
}
.store__info-item-detail-list-item table th {
  padding-left: 0.390625vw;
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
  width: 1%;
  white-space: nowrap;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table th {
    padding-left: 1.3333333333vw;
  }
}
.store__info-item-detail-list-item table th {
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table th {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table th {
    font-size: 3.2vw;
  }
}
.store__info-item-detail-list-item table td {
  padding-left: 3.125vw;
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table td {
    padding-left: 10.6666666667vw;
  }
}
.store__info-item-detail-list-item table td {
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table td {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table td {
    font-size: 3.2vw;
  }
}
.store__info-item-detail-list-item table tr:first-of-type th {
  padding-top: 0vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table tr:first-of-type th {
    padding-top: 0vw;
  }
}
.store__info-item-detail-list-item table tr:first-of-type td {
  padding-top: 0vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table tr:first-of-type td {
    padding-top: 0vw;
  }
}
.store__info-item-detail-list-item table tr:last-of-type th {
  padding-bottom: 0vw;
  border-bottom: none;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table tr:last-of-type th {
    padding-bottom: 0vw;
  }
}
.store__info-item-detail-list-item table tr:last-of-type td {
  padding-bottom: 0vw;
  border-bottom: none;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table tr:last-of-type td {
    padding-bottom: 0vw;
  }
}
.store__info-item-detail-list-item table p,
.store__info-item-detail-list-item table span {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table p,
  .store__info-item-detail-list-item table span {
    font-size: 3.2vw;
  }
}
.store__info-item-detail-list-item table a {
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table a {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table a {
    gap: 2.1333333333vw;
  }
}
.store__info-item-detail-list-item table a span {
  text-decoration: underline;
}
.store__info-item-detail-list-item table a img {
  height: 0.546875vw;
  width: 0.546875vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table a img {
    height: 1.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table a img {
    width: 1.8666666667vw;
  }
}
.store__info-item-detail-list-item table div {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  width: 12.96875vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item table div {
    width: 4.2666666667vw;
  }
}
.store__info-item-detail-list-item table div p {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.store__info-item-detail-list-item__badge {
  font-size: 0.9375vw;
  font-weight: 700;
  color: #d93924;
  text-align: center;
  margin-top: -0.9375vw;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__badge {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__badge {
    margin-top: -1.6vw;
  }
}
.store__info-item-detail-list-item__name02 .label {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  min-width: 50%;
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__name02 .label {
    font-size: 3.2vw;
  }
}
.store__info-item-detail-list-item__name02 .hours {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  min-width: 60%;
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__name02 .hours {
    font-size: 3.2vw;
  }
}
.store__info-item-detail-list-item__link {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.890625vw;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-top: auto;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__link {
    height: 9.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__link {
    display: flex;
  }
}
.store__info-item-detail-list-item__link p {
  font-size: 1.09375vw;
  font-weight: 700;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__link p {
    font-size: 3.7333333333vw;
  }
}
.store__info-item-detail-list-item__link02 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.890625vw;
  background-color: #d93924;
  border-radius: 4px;
  margin-top: auto;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__link02 {
    height: 9.8666666667vw;
  }
}
.store__info-item-detail-list-item__link02 p {
  font-size: 1.09375vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .store__info-item-detail-list-item__link02 p {
    font-size: 3.7333333333vw;
  }
}
.store__sub-title {
  display: none;
}

.page-store .store::after {
  display: none;
}
.page-store .store__title {
  display: none;
}
.page-store .store__subtitle {
  display: none;
}
.page-store .store__info-item.is-open .store__info-item-title__arrows-item.arrow-plus {
  opacity: 0;
}
.page-store .store__info-item.is-open .store__info-item-title__arrows-item.arrow-minus {
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .page-store .store__info-item-detail {
    box-sizing: border-box;
  }
}
@media screen and (max-width: 800px) {
  .page-store .store__info-item-detail-list {
    padding-top: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .page-store .store__info-item-detail-list {
    padding-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .page-store .store__info-item-detail-list-item {
    width: 100%;
    gap: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .page-store .store__info-item-detail-list-item {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .page-store .store__info-item-detail-list-item__name br.sp {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .page-store .store__info-item-detail-list-item table {
    display: table;
  }
}
@media screen and (max-width: 800px) {
  .page-store .store__info-item-detail-list-item table div {
    width: 12.96875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .page-store .store__info-item-detail-list-item table div {
    width: 44.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .page-store .store__info-item-detail-list-item__link {
    display: none;
  }
}
.page-store .store__sub-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.page-store .store__sub-title h2 {
  font-size: 3.125vw;
  font-weight: 700;
  color: #000;
  padding-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .page-store .store__sub-title h2 {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .page-store .store__sub-title h2 {
    padding-bottom: 3.2vw;
  }
}
.page-store .store__sub-title hr {
  width: 6.25vw;
  height: 0.234375vw;
  background-color: #000;
}
@media screen and (max-width: 800px) {
  .page-store .store__sub-title hr {
    width: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .page-store .store__sub-title hr {
    height: 0.2666666667vw;
  }
}
.page-store .store__sub-title p {
  font-size: 1.25vw;
  font-weight: 500;
  color: #000;
  padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .page-store .store__sub-title p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .page-store .store__sub-title p {
    padding-top: 3.2vw;
  }
}

.btn01 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.875vw;
}
@media screen and (max-width: 800px) {
  .btn01 {
    gap: 6.4vw;
  }
}
.btn01 p {
  font-size: 1.25vw;
  font-weight: 700;
  text-align: center;
  color: #000;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .btn01 p {
    font-size: 4.2666666667vw;
  }
}
.btn01 img {
  display: block;
  width: 3.90625vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .btn01 img {
    width: 13.3333333333vw;
  }
}

.parallax {
  width: 100%;
  height: 43.75vw;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .parallax {
    height: 63.2vw;
  }
}
.parallax__inner {
  width: 100%;
  height: 100%;
  display: flex;
}
.parallax__inner img {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.parallax__bottom {
  display: none;
}
@media screen and (max-width: 800px) {
  .parallax__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    padding-top: 10vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .parallax__bottom {
    padding-top: 34.1333333333vw;
  }
}
.parallax__bottom-img {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  transform: translateY(-25%);
  width: 18.90625vw;
  height: 9.453125vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .parallax__bottom-img {
    width: 64.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .parallax__bottom-img {
    height: 32.2666666667vw;
  }
}

.page-about .parallax__bottom-btn {
  display: none;
}

.fv {
  position: relative;
  width: 100%;
  height: 62.5vw;
}
@media screen and (max-width: 800px) {
  .fv {
    height: 177.0666666667vw;
  }
}
.fv__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.fv__pc {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.fv__pc::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #bdbdbd;
  mix-blend-mode: multiply;
}
.fv__pc-img01 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .fv__pc-img01 {
    width: 341.3333333333vw;
  }
}
.fv__pc-img02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28.359375vw;
  height: auto;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .fv__pc-img02 {
    width: 96.8vw;
  }
}
.fv__pc-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.fv__sp {
  display: none;
}
.fv__cta {
  position: absolute;
  left: 50%;
  bottom: -2.5vw;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  background-color: #c53d27;
  border-radius: 7px;
  box-shadow: 0 1.25vw 3vw rgba(0, 0, 0, 0.2);
  text-decoration: none;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.06em;
  z-index: 3;
  transition: opacity 0.3s ease;
}
.fv__cta {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .fv__cta {
    padding-left: 4.8vw;
    padding-right: 4.8vw;
  }
}
.fv__cta {
  padding-top: 1.40625vw;
  padding-bottom: 1.40625vw;
}
@media screen and (max-width: 800px) {
  .fv__cta {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.fv__cta:hover {
  opacity: 0.9;
}
.fv__cta:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 6px;
}
.fv__cta-text {
  font-size: 1.25vw;
  font-family: "NotoSansJP", sans-serif;
  font-weight: 500;
  color: #fff;
  line-height: normal;
}
@media screen and (max-width: 800px) {
  .fv__cta-text {
    font-size: 4.2666666667vw;
  }
}
.fv__cta-arrow {
  display: block;
  flex-shrink: 0;
  margin-left: 1.875vw;
  width: 3.90625vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv__cta-arrow {
    margin-left: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .fv__cta-arrow {
    width: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .fv__pc {
    display: none;
  }
  .fv__sp {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .fv__sp::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #bdbdbd;
    mix-blend-mode: multiply;
  }
  .fv__sp-img01 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: auto;
    z-index: 2;
  }
  .fv__sp-img02 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21.640625vw;
    height: auto;
    z-index: 2;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fv__sp-img02 {
    width: 73.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .fv__sp-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .fv__cta {
    width: 80%;
    bottom: -24vw;
    text-align: left;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 800px) {
  .sp-only {
    display: block;
  }
}

.fv-about {
  position: relative;
  height: 31.25vw;
  width: 100%;
  background: center center/cover no-repeat url(../images/fv-about.webp);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .fv-about {
    height: 120vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-about {
    background: center center/cover no-repeat url(../images/fv-about-sp.webp);
  }
  .fv-about::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 40.625vw;
    z-index: 2;
    background: center top/cover no-repeat url(../images/fv-sub-sp.webp);
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fv-about::before {
    height: 138.6666666667vw;
  }
}
.fv-about__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .fv-about__inner {
    gap: 0vw;
  }
}
.fv-about__title {
  font-size: 6.25vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-about__title {
    font-size: 14.9333333333vw;
  }
}
.fv-about__subtitle {
  font-size: 1.25vw;
  font-weight: 700;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .fv-about__subtitle {
    font-size: 4.2666666667vw;
  }
}
.fv-about__subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-about__subtitle::before {
    width: 2.9333333333vw;
  }
}
.fv-about__subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-about__subtitle::after {
    width: 2.9333333333vw;
  }
}
.fv-about__img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.3125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-about__img01 {
    width: 68vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-about__img01 {
    display: none;
  }
}
.fv-about__img02 {
  position: absolute;
  bottom: -19%;
  right: 0;
  width: 25.78125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-about__img02 {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-about__img02 {
    display: none;
  }
}
.fv-about__img03 {
  position: absolute;
  top: 84%;
  left: 0;
  width: 19.453125vw;
  height: 15.15625vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .fv-about__img03 {
    width: 66.4vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-about__img03 {
    height: 51.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-about__img03 {
    display: none;
  }
}

.fv-menu {
  position: relative;
  height: 31.25vw;
  width: 100%;
  background: center center/cover no-repeat url(../images/fv-menu.webp);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .fv-menu {
    height: 120vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-menu {
    background: center center/cover no-repeat url(../images/fv-menu-sp.webp);
  }
  .fv-menu::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 40.625vw;
    z-index: 2;
    background: center top/cover no-repeat url(../images/fv-sub-sp.webp);
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fv-menu::before {
    height: 138.6666666667vw;
  }
}
.fv-menu__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .fv-menu__inner {
    gap: 0vw;
  }
}
.fv-menu__title {
  font-size: 6.25vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-menu__title {
    font-size: 14.9333333333vw;
  }
}
.fv-menu__title--black {
  color: #000;
}
.fv-menu__subtitle {
  font-size: 1.25vw;
  font-weight: 700;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .fv-menu__subtitle {
    font-size: 4.2666666667vw;
  }
}
.fv-menu__subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-menu__subtitle::before {
    width: 2.9333333333vw;
  }
}
.fv-menu__subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-menu__subtitle::after {
    width: 2.9333333333vw;
  }
}
.fv-menu__subtitle--black {
  color: #000;
}
.fv-menu__subtitle--black::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #000;
}
@media screen and (max-width: 800px) {
  .fv-menu__subtitle--black::before {
    width: 2.9333333333vw;
  }
}
.fv-menu__subtitle--black::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #000;
}
@media screen and (max-width: 800px) {
  .fv-menu__subtitle--black::after {
    width: 2.9333333333vw;
  }
}
.fv-menu__img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.3125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-menu__img01 {
    width: 68vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-menu__img01 {
    display: none;
  }
}
.fv-menu__img02 {
  position: absolute;
  bottom: -19%;
  right: 0;
  width: 25.78125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-menu__img02 {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-menu__img02 {
    display: none;
  }
}
.fv-menu__img03 {
  position: absolute;
  top: 84%;
  left: 0;
  width: 19.453125vw;
  height: 15.15625vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .fv-menu__img03 {
    width: 66.4vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-menu__img03 {
    height: 51.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-menu__img03 {
    display: none;
  }
}

.fv-store {
  position: relative;
  height: 31.25vw;
  width: 100%;
  background: center center/cover no-repeat url(../images/fv-store.webp);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .fv-store {
    height: 120vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-store {
    background: center center/cover no-repeat url(../images/fv-store-sp.webp);
  }
  .fv-store::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 40.625vw;
    z-index: 2;
    background: center top/cover no-repeat url(../images/fv-sub-sp.webp);
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fv-store::before {
    height: 138.6666666667vw;
  }
}
.fv-store__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .fv-store__inner {
    gap: 0vw;
  }
}
.fv-store__title {
  font-size: 6.25vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-store__title {
    font-size: 14.9333333333vw;
  }
}
.fv-store__subtitle {
  font-size: 1.25vw;
  font-weight: 700;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .fv-store__subtitle {
    font-size: 4.2666666667vw;
  }
}
.fv-store__subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-store__subtitle::before {
    width: 2.9333333333vw;
  }
}
.fv-store__subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-store__subtitle::after {
    width: 2.9333333333vw;
  }
}
.fv-store__img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.3125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-store__img01 {
    width: 68vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-store__img01 {
    display: none;
  }
}
.fv-store__img02 {
  position: absolute;
  bottom: -19%;
  right: 0;
  width: 25.78125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-store__img02 {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-store__img02 {
    display: none;
  }
}

@media screen and (min-width: 801px) {
  .page-store .fv__cta {
    width: min(30vw, 720px);
  }
}
.fv-takeout {
  position: relative;
  height: 31.25vw;
  width: 100%;
  background: center center/cover no-repeat url(../images/fv-takeout.webp);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .fv-takeout {
    height: 120vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-takeout {
    background: center center/cover no-repeat url(../images/fv-takeout-sp.webp);
  }
  .fv-takeout::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 40.625vw;
    z-index: 2;
    background: center top/cover no-repeat url(../images/fv-sub-sp.webp);
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fv-takeout::before {
    height: 138.6666666667vw;
  }
}
.fv-takeout__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .fv-takeout__inner {
    gap: 0vw;
  }
}
.fv-takeout__title {
  font-size: 6.25vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-takeout__title {
    font-size: 14.9333333333vw;
  }
}
.fv-takeout__subtitle {
  font-size: 1.25vw;
  font-weight: 700;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .fv-takeout__subtitle {
    font-size: 4.2666666667vw;
  }
}
.fv-takeout__subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-takeout__subtitle::before {
    width: 2.9333333333vw;
  }
}
.fv-takeout__subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-takeout__subtitle::after {
    width: 2.9333333333vw;
  }
}
.fv-takeout__img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.3125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-takeout__img01 {
    width: 68vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-takeout__img01 {
    display: none;
  }
}
.fv-takeout__img02 {
  position: absolute;
  bottom: -19%;
  right: 0;
  width: 25.78125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-takeout__img02 {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-takeout__img02 {
    display: none;
  }
}

.fv-news {
  position: relative;
  height: 31.25vw;
  width: 100%;
  background: center center/cover no-repeat url(../images/fv-news.webp);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .fv-news {
    height: 120vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-news {
    background: center center/cover no-repeat url(../images/fv-news-sp.webp);
  }
  .fv-news::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 40.625vw;
    z-index: 2;
    background: center top/cover no-repeat url(../images/fv-sub-sp.webp);
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fv-news::before {
    height: 138.6666666667vw;
  }
}
.fv-news__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .fv-news__inner {
    gap: 0vw;
  }
}
.fv-news__title {
  font-size: 6.25vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-news__title {
    font-size: 14.9333333333vw;
  }
}
.fv-news__subtitle {
  font-size: 1.25vw;
  font-weight: 700;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .fv-news__subtitle {
    font-size: 4.2666666667vw;
  }
}
.fv-news__subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-news__subtitle::before {
    width: 2.9333333333vw;
  }
}
.fv-news__subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .fv-news__subtitle::after {
    width: 2.9333333333vw;
  }
}
.fv-news__img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.3125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-news__img01 {
    width: 68vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-news__img01 {
    display: none;
  }
}
.fv-news__img02 {
  position: absolute;
  bottom: -19%;
  right: 0;
  width: 25.78125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .fv-news__img02 {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .fv-news__img02 {
    display: none;
  }
}

.news {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  background-color: #1C1C1C;
  padding-top: 5vw;
  padding-bottom: 7.5vw;
}
@media screen and (max-width: 800px) {
  .news {
    padding-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .news {
    padding-bottom: 14.9333333333vw;
  }
}
.news::before {
  content: "";
  position: absolute;
  right: 0;
  top: -13%;
  width: 14.765625vw;
  height: 10.546875vw;
  background: center right/contain no-repeat url(../images/news-top-img.webp);
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .news::before {
    width: 36.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news::before {
    height: 26.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .news::before {
    top: -21vw;
  }
}
.news__inner {
  position: relative;
  width: 87.578125vw;
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .news__inner {
    width: 91.4666666667vw;
  }
}
.news__categories {
  display: none;
}
.news__title {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
}
.news__title__name {
  font-size: 6.25vw;
  font-weight: 700;
  color: #fff;
  font-family: "Circular", sans-serif;
}
@media screen and (max-width: 800px) {
  .news__title__name {
    font-size: 14.9333333333vw;
  }
}
.news__title__subtitle {
  position: relative;
  font-size: 1.25vw;
  padding-left: 1.484375vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .news__title__subtitle {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .news__title__subtitle {
    padding-left: 5.0666666667vw;
  }
}
.news__title__subtitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .news__title__subtitle::before {
    width: 2.9333333333vw;
  }
}
.news__btn {
  position: absolute;
  right: 0;
  top: 9vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
  padding-bottom: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .news__btn {
    padding-bottom: 2.1333333333vw;
  }
}
.news__btn p {
  font-size: 1.25vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .news__btn p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .news__btn {
    top: auto;
    bottom: 0;
  }
  .news__btn .btn01 {
    gap: 0.9375vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .news__btn .btn01 {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .news__btn .btn01 img {
    width: 1.953125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .news__btn .btn01 img {
    width: 6.6666666667vw;
  }
}
.news__list {
  display: flex;
  align-items: start;
  justify-content: start;
  padding-top: 4.0625vw;
  gap: 3.125vw;
}
@media screen and (max-width: 800px) {
  .news__list {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news__list {
    gap: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news__list {
    flex-direction: column;
    padding-bottom: 7.03125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .news__list {
    padding-bottom: 24vw;
  }
}
.news__list-item {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  width: 27.109375vw;
}
@media screen and (max-width: 800px) {
  .news__list-item {
    width: 91.2vw;
  }
}
.news__list-item__img {
  width: 100%;
  height: 27.109375vw;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .news__list-item__img {
    height: 91.2vw;
  }
}
.news__list-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease;
}
.news__list-item__details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .news__list-item__details {
    padding-top: 4.2666666667vw;
  }
}
.news__list-item__details-date {
  font-size: 1.25vw;
  font-weight: 500;
  color: #fff;
  opacity: 0.4;
}
@media screen and (max-width: 800px) {
  .news__list-item__details-date {
    font-size: 4.2666666667vw;
  }
}
.news__list-item__details-category {
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
  background-color: #fff;
  border-radius: 60px;
}
@media screen and (max-width: 800px) {
  .news__list-item__details-category {
    font-size: 3.2vw;
  }
}
.news__list-item__details-category {
  padding-top: 0.546875vw;
  padding-bottom: 0.546875vw;
}
@media screen and (max-width: 800px) {
  .news__list-item__details-category {
    padding-top: 1.8666666667vw;
    padding-bottom: 1.8666666667vw;
  }
}
.news__list-item__details-category {
  padding-left: 1.875vw;
  padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
  .news__list-item__details-category {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
}
.news__list-item__title {
  width: 100%;
  padding-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .news__list-item__title {
    padding-top: 4.2666666667vw;
  }
}
.news__list-item__title-text {
  width: 100%;
  font-size: 1.25vw;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .news__list-item__title-text {
    font-size: 4.2666666667vw;
  }
}
.news__list-item__not-found {
  font-size: 1.25vw;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .news__list-item__not-found {
    font-size: 4.2666666667vw;
  }
}
.news__list-item:hover .news__list-item__img img {
  transform: scale(1.1);
}
.news__pagination {
  display: none;
}

.page-news .news {
  background: none;
  padding-top: 4.375vw;
  padding-bottom: 8.75vw;
}
@media screen and (max-width: 800px) {
  .page-news .news {
    padding-top: 8.8vw;
  }
}
@media screen and (max-width: 800px) {
  .page-news .news {
    padding-bottom: 21.3333333333vw;
  }
}
.page-news .news::before {
  display: none;
}
.page-news .news__title {
  display: none;
}
.page-news .news__btn {
  display: none;
}
.page-news .news__categories {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
}
.page-news .news__categories span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.40625vw;
  width: 2px;
  background-color: #000000;
}
@media screen and (max-width: 800px) {
  .page-news .news__categories span {
    height: 4.8vw;
  }
}
.page-news .news__categories-item {
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .page-news .news__categories-item {
    font-size: 3.2vw;
  }
}
.page-news .news__list {
  flex-wrap: wrap;
  row-gap: 4.375vw;
  -moz-column-gap: 3.125vw;
       column-gap: 3.125vw;
  padding-top: 4.375vw;
  padding-bottom: 0vw;
}
@media screen and (max-width: 800px) {
  .page-news .news__list {
    row-gap: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .page-news .news__list {
    -moz-column-gap: 10.6666666667vw;
         column-gap: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .page-news .news__list {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .page-news .news__list {
    padding-bottom: 19.2vw;
  }
}
.page-news .news__list-item__details-date {
  color: rgba(0, 0, 0, 0.4);
}
.page-news .news__list-item__details-category {
  background-color: #D93924;
  color: #fff;
}
.page-news .news__list-item__title-text {
  color: #000;
}
.page-news .news__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 4.375vw;
}
@media screen and (max-width: 800px) {
  .page-news .news__pagination {
    padding-top: 0vw;
  }
}
.page-news .news__pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25vw;
}
@media screen and (max-width: 800px) {
  .page-news .news__pagination ul {
    gap: 4.2666666667vw;
  }
}
.page-news .news__pagination ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-news .news__pagination ul li a, .page-news .news__pagination ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.359375vw;
  height: 3.359375vw;
  border-radius: 50%;
  border: 1px solid #D93924;
  color: #D93924;
  font-size: 1.25vw;
  font-weight: 500;
  font-family: "Circular", sans-serif;
}
@media screen and (max-width: 800px) {
  .page-news .news__pagination ul li a, .page-news .news__pagination ul li span {
    width: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .page-news .news__pagination ul li a, .page-news .news__pagination ul li span {
    height: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .page-news .news__pagination ul li a, .page-news .news__pagination ul li span {
    font-size: 3.2vw;
  }
}
.page-news .news__pagination ul li a.current, .page-news .news__pagination ul li span.current {
  background-color: #D93924;
  color: #fff;
}
.page-news .news__pagination ul li a img, .page-news .news__pagination ul li span img {
  width: 0.9375vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .page-news .news__pagination ul li a img, .page-news .news__pagination ul li span img {
    width: 2.6666666667vw;
  }
}

.sns {
  width: 100%;
  padding-top: 8.75vw;
  padding-bottom: 7.890625vw;
  position: relative;
}
@media screen and (max-width: 800px) {
  .sns {
    padding-top: 17.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sns {
    padding-bottom: 9.6vw;
  }
}
.sns::before {
  content: "";
  position: absolute;
  top: -5.4vw;
  left: 0;
  width: 17.578125vw;
  height: 10.625vw;
  background: center left/contain no-repeat url(../images/sns-sp.webp);
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .sns::before {
    width: 50.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sns::before {
    height: 30.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sns::before {
    top: -19vw;
  }
}
.sns__inner {
  width: 100%;
}
.sns__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 4.53125vw;
}
@media screen and (max-width: 800px) {
  .sns__title {
    padding-bottom: 8.5333333333vw;
  }
}
.sns__title-text {
  font-size: 6.25vw;
  font-family: "Circular", sans-serif;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 800px) {
  .sns__title-text {
    font-size: 14.9333333333vw;
  }
}
.sns__title-subtitle {
  position: relative;
  font-size: 1.25vw;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 800px) {
  .sns__title-subtitle {
    font-size: 3.7333333333vw;
  }
}
.sns__title-subtitle {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sns__title-subtitle {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.sns__title-subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #000000;
}
@media screen and (max-width: 800px) {
  .sns__title-subtitle::before {
    width: 2.9333333333vw;
  }
}
.sns__title-subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #000000;
}
@media screen and (max-width: 800px) {
  .sns__title-subtitle::after {
    width: 2.9333333333vw;
  }
}
.sns__slider {
  position: relative;
  width: 100%;
  height: 42.1875vw;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media screen and (max-width: 800px) {
  .sns__slider {
    height: 72vw;
  }
}
.sns__slider-container {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sns__slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
.sns__slider img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.sns__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.125vw;
  padding-top: 3.75vw;
}
@media screen and (max-width: 800px) {
  .sns__content {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sns__content {
    padding-top: 12.8vw;
  }
}
@media screen and (max-width: 800px) {
  .sns__content {
    flex-direction: column-reverse;
  }
}
.sns__content-link {
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: #1C1C1C;
  border-radius: 7px;
  padding: 1.25vw;
  padding-right: 0vw;
  gap: 1.875vw;
  width: 22.5vw;
  height: 5.15625vw;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .sns__content-link {
    padding: 3.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sns__content-link {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .sns__content-link {
    gap: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sns__content-link {
    width: 87.2vw;
  }
}
@media screen and (max-width: 800px) {
  .sns__content-link {
    height: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .sns__content-link {
    padding-left: 1.875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sns__content-link {
    padding-left: 6.4vw;
  }
}
.sns__content-link img {
  width: 2.65625vw;
  height: 2.65625vw;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 800px) {
  .sns__content-link img {
    width: 9.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sns__content-link img {
    height: 9.0666666667vw;
  }
}
.sns__content-link h4 {
  font-size: 1.25vw;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 800px) {
  .sns__content-link h4 {
    font-size: 4.2666666667vw;
  }
}
.sns__content-link:nth-of-type(2) {
  gap: 1.25vw;
}
@media screen and (max-width: 800px) {
  .sns__content-link:nth-of-type(2) {
    gap: 4.2666666667vw;
  }
}

@media screen and (max-width: 800px) {
  .page-about .sns.sns::before {
    display: none;
  }
}

.recruitment {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 23.4375vw;
  background: center center/cover no-repeat url(../images/recruitment.webp) #171211;
}
@media screen and (max-width: 800px) {
  .recruitment {
    height: 53.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitment {
    background: center center/cover no-repeat url(../images/recruitment-sp.webp) #171211;
  }
}
.recruitment a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recruitment__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.recruitment__title {
  font-size: 5vw;
  font-family: "Circular", sans-serif;
  font-weight: 700;
  color: #fff;
  padding-bottom: 0.625vw;
}
@media screen and (max-width: 800px) {
  .recruitment__title {
    font-size: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitment__title {
    padding-bottom: 0vw;
  }
}
.recruitment__subtitle {
  position: relative;
  font-size: 1.25vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .recruitment__subtitle {
    font-size: 4.2666666667vw;
  }
}
.recruitment__subtitle {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .recruitment__subtitle {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.recruitment__subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .recruitment__subtitle::before {
    width: 2.9333333333vw;
  }
}
.recruitment__subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.859375vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .recruitment__subtitle::after {
    width: 2.9333333333vw;
  }
}
.recruitment__btn {
  display: inline-flex;
  margin-top: 1.875vw;
  border-radius: 999px;
  background-color: #000;
  border: 1px solid #fff;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 800px) {
  .recruitment__btn {
    margin-top: 4.2666666667vw;
  }
}
.recruitment__btn {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .recruitment__btn {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.recruitment__btn {
  padding-left: 3.75vw;
  padding-right: 3.75vw;
}
@media screen and (max-width: 800px) {
  .recruitment__btn {
    padding-left: 7.4666666667vw;
    padding-right: 7.4666666667vw;
  }
}
.recruitment__btn p {
  color: #fff;
  font-size: 1.25vw;
}
@media screen and (max-width: 800px) {
  .recruitment__btn p {
    font-size: 3.4666666667vw;
  }
}
.recruitment__btn img {
  width: 3.90625vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .recruitment__btn img {
    width: 7.4666666667vw;
  }
}

.mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 19.53125vw;
  background-color: #fff;
  z-index: 1001;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 800px) {
  .mobile-menu {
    width: 66.6666666667vw;
  }
}
.mobile-menu::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: #909090;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.mobile-menu.active {
  transform: translateX(0);
}
.mobile-menu.active::before {
  opacity: 0.7;
  visibility: visible;
}
@media screen and (max-width: 800px) {
  .mobile-menu {
    display: block;
  }
}
.mobile-menu__inner {
  padding-top: 3.75vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .mobile-menu__inner {
    padding-top: 12.8vw;
  }
}
.mobile-menu__inner {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .mobile-menu__inner {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.mobile-menu__close {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 1.5625vw;
  height: 1.5625vw;
  background: transparent;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .mobile-menu__close {
    width: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-menu__close {
    height: 5.3333333333vw;
  }
}
.mobile-menu__close span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  transition: all 0.3s;
}
.mobile-menu__close span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.mobile-menu__close span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.mobile-menu__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.875vw;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 800px) {
  .mobile-menu__list {
    gap: 6.4vw;
  }
}
.mobile-menu__item {
  padding-left: 2.5vw;
  position: relative;
}
@media screen and (max-width: 800px) {
  .mobile-menu__item {
    padding-left: 8.5333333333vw;
  }
}
.mobile-menu__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25vw;
  height: 1px;
  background-color: #000;
}
@media screen and (max-width: 800px) {
  .mobile-menu__item::before {
    width: 4.2666666667vw;
  }
}
.mobile-menu__item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.25vw;
  gap: 0.625vw;
  color: #000;
  text-decoration: none;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .mobile-menu__item a {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-menu__item a {
    gap: 2.1333333333vw;
  }
}
.mobile-menu__item a img {
  width: 1.875vw;
  height: 1.875vw;
}
@media screen and (max-width: 800px) {
  .mobile-menu__item a img {
    width: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-menu__item a img {
    height: 6.4vw;
  }
}
.mobile-menu__item a span {
  display: block;
  font-size: 1.25vw;
  color: #000;
  text-decoration: none;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .mobile-menu__item a span {
    font-size: 4.2666666667vw;
  }
}
.mobile-menu__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.875vw;
  gap: 1.25vw;
}
@media screen and (max-width: 800px) {
  .mobile-menu__footer {
    padding-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-menu__footer {
    gap: 4.2666666667vw;
  }
}
.mobile-menu__recruitment {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #000;
  border-radius: 5px;
  text-decoration: none;
}
.mobile-menu__recruitment {
  padding-top: 1.09375vw;
  padding-bottom: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .mobile-menu__recruitment {
    padding-top: 3.7333333333vw;
    padding-bottom: 3.7333333333vw;
  }
}
.mobile-menu__recruitment p {
  font-size: 1.25vw;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .mobile-menu__recruitment p {
    font-size: 4.2666666667vw;
  }
}
.mobile-menu__reservation {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #D93924;
  border-radius: 5px;
  text-decoration: none;
}
.mobile-menu__reservation {
  padding-top: 1.09375vw;
  padding-bottom: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .mobile-menu__reservation {
    padding-top: 3.7333333333vw;
    padding-bottom: 3.7333333333vw;
  }
}
.mobile-menu__reservation p {
  font-size: 1.25vw;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .mobile-menu__reservation p {
    font-size: 4.2666666667vw;
  }
}
.mobile-menu .gtranslate_wrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 15% auto 0;
  gap: 8%;
}
.mobile-menu .gtranslate_wrapper > a {
  border: 1px solid #e5e5e5;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 5px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  order: 2;
}
.mobile-menu .gtranslate_wrapper > a[data-gt-lang=ja] {
  order: 1;
}

.bottom-menu {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.90625vw;
  background-color: #fff;
  z-index: 1000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .bottom-menu {
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .bottom-menu {
    display: block;
  }
}
.bottom-menu__inner {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.bottom-menu__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  border-right: 1px solid #F7F6F2;
  height: 100%;
  width: 20%;
}
.bottom-menu__item > span {
  font-size: 0.78125vw;
  color: #000;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .bottom-menu__item > span {
    font-size: 2.6666666667vw;
  }
}
.bottom-menu__current-language {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom-menu__current-language img {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  display: block;
}
.bottom-menu__language-label.bottom-menu__language-label {
  font-size: 0.546875vw;
  font-weight: 500;
  line-height: 1;
  margin-top: 0.3125vw;
}
@media screen and (max-width: 800px) {
  .bottom-menu__language-label.bottom-menu__language-label {
    font-size: 1.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .bottom-menu__language-label.bottom-menu__language-label {
    margin-top: 1.0666666667vw;
  }
}
.bottom-menu__hamburger {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  background-color: #D93924;
  padding-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .bottom-menu__hamburger {
    padding-top: 4.2666666667vw;
  }
}
.bottom-menu__hamburger-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3125vw;
}
@media screen and (max-width: 800px) {
  .bottom-menu__hamburger-inner {
    gap: 1.0666666667vw;
  }
}
.bottom-menu__hamburger-inner span {
  display: block;
  width: 1.71875vw;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .bottom-menu__hamburger-inner span {
    width: 5.8666666667vw;
  }
}
.bottom-menu__hamburger > span {
  margin-top: 0.390625vw;
  font-size: 0.625vw;
  font-weight: 500;
  color: #fff;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .bottom-menu__hamburger > span {
    margin-top: 1.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .bottom-menu__hamburger > span {
    font-size: 2.1333333333vw;
  }
}

.bottom-menu {
  opacity: 0;
  visibility: hidden;
}

.is-active .bottom-menu {
  animation: bottommenu 0.5s ease-in-out 3.7s forwards;
}

.is-sub-active .bottom-menu {
  animation: bottommenu 0.5s ease-in-out 1.2s forwards;
}

@keyframes bottommenu {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.mobile-store-menu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  background-color: #fff;
  z-index: 1001;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.mobile-store-menu.active {
  transform: translateX(0);
}
@media screen and (max-width: 800px) {
  .mobile-store-menu {
    display: block;
  }
}
.mobile-store-menu__inner {
  padding-top: 5vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  overflow-y: auto;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__inner {
    padding-top: 17.0666666667vw;
  }
}
.mobile-store-menu__inner {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__inner {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.mobile-store-menu__close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 1.5625vw;
  height: 1.5625vw;
  background: transparent;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__close {
    width: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__close {
    height: 5.3333333333vw;
  }
}
.mobile-store-menu__close span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  transition: all 0.3s;
}
.mobile-store-menu__close span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.mobile-store-menu__close span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.mobile-store-menu__img {
  position: absolute;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
  width: 10.703125vw;
  height: 2.96875vw;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__img {
    width: 36.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__img {
    height: 10.1333333333vw;
  }
}
.mobile-store-menu__note-border {
  width: 100%;
  margin-bottom: 0.9375vw;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__note-border {
    margin-bottom: 3.2vw;
  }
}
.mobile-store-menu__note {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.9375vw;
  margin-bottom: 1.25vw;
  font-size: 1.25vw;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #d8482c;
  border-radius: 7px;
  box-shadow: 0 8px 16px rgba(216, 72, 44, 0.35);
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__note {
    margin-top: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__note {
    margin-bottom: 4.2666666667vw;
  }
}
.mobile-store-menu__note {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__note {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__note {
    font-size: 4.2666666667vw;
  }
}
.mobile-store-menu__title {
  width: 100%;
  font-size: 1.25vw;
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
  font-weight: 500;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__title {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__title {
    padding-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__title {
    padding-bottom: 6.4vw;
  }
}
.mobile-store-menu__content {
  display: flex;
  flex-direction: column;
}
.mobile-store-menu__area {
  width: 100%;
  box-sizing: border-box;
}
.mobile-store-menu__area-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
  padding-left: 0.625vw;
  padding-right: 1.875vw;
  border-bottom: 1px solid #000;
  cursor: pointer;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__area-title {
    padding-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__area-title {
    padding-bottom: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__area-title {
    padding-left: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__area-title {
    padding-right: 6.4vw;
  }
}
.mobile-store-menu__area-title h4 {
  font-size: 1.5625vw;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__area-title h4 {
    font-size: 5.3333333333vw;
  }
}
.mobile-store-menu__area-title__arrows {
  position: relative;
  width: 1.953125vw;
  height: 1.328125vw;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__area-title__arrows {
    width: 6.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__area-title__arrows {
    height: 4.5333333333vw;
  }
}
.mobile-store-menu__area-title__arrows-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out;
}
.mobile-store-menu__area-title__arrows-item.arrow-plus {
  opacity: 1;
}
.mobile-store-menu__area-title__arrows-item.arrow-minus {
  opacity: 0;
}
.mobile-store-menu__area-detail {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  box-sizing: border-box;
}
.mobile-store-menu__area-detail {
  padding-left: 0.625vw;
  padding-right: 0.625vw;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__area-detail {
    padding-left: 2.1333333333vw;
    padding-right: 2.1333333333vw;
  }
}
.mobile-store-menu__store-list {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  -moz-column-gap: 1.25vw;
       column-gap: 1.25vw;
  row-gap: 1.25vw;
  padding-bottom: 1.25vw;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-list {
    -moz-column-gap: 4.2666666667vw;
         column-gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-list {
    row-gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-list {
    padding-bottom: 4.2666666667vw;
  }
}
.mobile-store-menu__store-item {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  gap: 0.625vw;
  width: 11.484375vw;
  padding-top: 1.25vw;
  padding-bottom: 0.625vw;
  background-color: #fff;
  border-radius: 7px;
  box-sizing: border-box;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-item {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-item {
    width: 39.2vw;
  }
}
.mobile-store-menu__store-item {
  padding-left: 0.625vw;
  padding-right: 0.625vw;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-item {
    padding-left: 2.1333333333vw;
    padding-right: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-item {
    padding-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-item {
    padding-bottom: 2.1333333333vw;
  }
}
.mobile-store-menu__store-name {
  font-size: 1.25vw;
  font-weight: 700;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-name {
    font-size: 4.2666666667vw;
  }
}
.mobile-store-menu__store-badge {
  font-size: 0.78125vw;
  font-weight: 700;
  color: #d93924;
  text-align: center;
  margin-top: -0.46875vw;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-badge {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-badge {
    margin-top: -1.6vw;
  }
}
.mobile-store-menu__store-address {
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-address {
    font-size: 3.2vw;
  }
}
.mobile-store-menu__store-phone {
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-phone {
    font-size: 3.2vw;
  }
}
.mobile-store-menu__store-hours {
  font-size: 0.9375vw;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-hours {
    font-size: 3.2vw;
  }
}
.mobile-store-menu__store-hours p {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.mobile-store-menu__store-links {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
  width: 100%;
  margin-top: 0.625vw;
  padding-top: 0.625vw;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-links {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-links {
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-links {
    padding-top: 2.1333333333vw;
  }
}
.mobile-store-menu__store-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.890625vw;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-link {
    height: 9.8666666667vw;
  }
}
.mobile-store-menu__store-link p {
  font-size: 1.09375vw;
  font-weight: 700;
  color: #000000;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-link p {
    font-size: 3.7333333333vw;
  }
}
.mobile-store-menu__store-link02 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.890625vw;
  background-color: #d93924;
  border-radius: 4px;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-link02 {
    height: 9.8666666667vw;
  }
}
.mobile-store-menu__store-link02 p {
  font-size: 1.09375vw;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .mobile-store-menu__store-link02 p {
    font-size: 3.7333333333vw;
  }
}

body {
  overflow: hidden;
}
body.is-sub-active {
  overflow: auto;
}
body.is-active {
  animation: body 2.5s ease-in-out 0.2s forwards;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading__image01 {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 800px) {
  .loading__image01 {
    display: none;
  }
}
.loading__image02 {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 800px) {
  .loading__image02 {
    display: none;
  }
}
.loading__image03 {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 800px) {
  .loading__image03 {
    display: none;
  }
}
.loading__image--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .loading__image--sp {
    display: block;
  }
}
.loading.is-active {
  animation: visibility 2.7s ease-in-out 0.2s forwards;
}
.loading.is-active .loading__image01 {
  animation: fadeOut01 2.6s ease-in-out 0.2s forwards;
}
.loading.is-active .loading__image02 {
  animation: fadeOut02 2.6s ease-in-out 0.2s forwards;
}
.loading.is-active .loading__image03 {
  animation: fadeOut03 2.6s ease-in-out 0.2s forwards;
}

@keyframes fadeOut01 {
  0% {
    opacity: 1;
  }
  7% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut02 {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  36% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut03 {
  0% {
    opacity: 1;
  }
  37% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes visibility {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes body {
  0% {
    overflow: hidden;
  }
  99% {
    overflow: hidden;
  }
  100% {
    overflow: auto;
  }
}
.takeout {
  padding-top: 5.234375vw;
  padding-bottom: 8.75vw;
}
@media screen and (max-width: 800px) {
  .takeout {
    padding-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout {
    padding-bottom: 17.0666666667vw;
  }
}
.takeout__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.takeout__title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .takeout__title {
    width: 19.609375vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .takeout__title {
    width: 66.9333333333vw;
  }
}
.takeout__title h2 {
  font-size: 3.125vw;
  font-weight: 700;
  color: #000;
  padding-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .takeout__title h2 {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__title h2 {
    padding-bottom: 3.2vw;
  }
}
.takeout__title hr {
  width: 6.25vw;
  height: 0.234375vw;
  background-color: #000;
}
@media screen and (max-width: 800px) {
  .takeout__title hr {
    width: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__title hr {
    height: 0.2666666667vw;
  }
}
.takeout__title p {
  font-size: 1.25vw;
  font-weight: 500;
  color: #000;
  padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .takeout__title p {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__title p {
    padding-top: 3.2vw;
  }
}
.takeout__container {
  padding-top: 2.5vw;
  width: 78.4375vw;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 1.875vw;
}
@media screen and (max-width: 800px) {
  .takeout__container {
    padding-top: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container {
    width: 91.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container {
    flex-direction: column;
  }
}
.takeout__container-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  border: 5px solid #D93924;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .takeout__container-item {
    border-radius: 7px;
  }
}
.takeout__container-item-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #D93924;
  box-sizing: border-box;
}
.takeout__container-item-title {
  padding-top: 0.78125vw;
  padding-bottom: 0.78125vw;
}
@media screen and (max-width: 800px) {
  .takeout__container-item-title {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
.takeout__container-item-title h3 {
  font-size: 2.5vw;
  font-weight: 700;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .takeout__container-item-title h3 {
    font-size: 5.3333333333vw;
  }
}
.takeout__container-item__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  padding-left: 1.5625vw;
  gap: 3.90625vw;
  box-sizing: border-box;
}
.takeout__container-item__content {
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content {
    padding-left: 2.4vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content {
    flex-direction: column;
    align-items: start;
  }
}
.takeout__container-item__content-item {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 2.734375vw;
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item {
    gap: 4.2666666667vw;
  }
}
.takeout__container-item__content-item-name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15.625vw;
  height: 3.828125vw;
  font-size: 1.875vw;
  font-weight: 700;
  color: #fff;
  background-color: #CE6514;
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item-name {
    width: 23.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item-name {
    height: 8vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item-name {
    font-size: 3.2vw;
  }
}
.takeout__container-item__content-item-name.red {
  background-color: #D93924;
}
.takeout__container-item__content-item-weight {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.1875vw;
  font-weight: 700;
  color: #CE6514;
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item-weight {
    font-size: 4.2666666667vw;
  }
}
.takeout__container-item__content-item-weight.red {
  color: #D93924;
}
.takeout__container-item__content-item-note {
  display: flex;
  align-items: center;
  gap: 0.390625vw;
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item-note {
    gap: 1.3333333333vw;
  }
}
.takeout__container-item__content-item-note-asterisk {
  font-size: 1.25vw;
  font-weight: 500;
  color: #000;
  opacity: 0.4;
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item-note-asterisk {
    font-size: 3.2vw;
  }
}
.takeout__container-item__content-item-note-text {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item-note-text {
    flex-direction: row;
    gap: 0px;
  }
}
.takeout__container-item__content-item-note-text span {
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 1.25vw;
  font-weight: 500;
  color: #000;
  opacity: 0.4;
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item-note-text span {
    font-size: 3.2vw;
  }
}
.takeout__container-item__content-item-asterisk {
  font-size: 1.25vw;
  font-weight: 500;
  color: #000;
  opacity: 0.4;
}
@media screen and (max-width: 800px) {
  .takeout__container-item__content-item-asterisk {
    font-size: 3.2vw;
  }
}
.takeout__container-item:not(:first-of-type) {
  width: 37.578125vw;
  padding-top: 0.703125vw;
  position: relative;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) {
    width: 91.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) {
    padding-top: 2.4vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item-title {
  background: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-title {
    padding-top: 3.2vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item-title h3 {
  color: #000;
  position: relative;
  font-size: 1.875vw;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-title h3 {
    font-size: 5.3333333333vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item-title h3::before {
  position: absolute;
  content: "";
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
  width: 16.40625vw;
  height: 2.109375vw;
  background: center center/cover no-repeat url(../images/underline.webp);
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-title h3::before {
    width: 56vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-title h3::before {
    height: 7.2vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item-title p {
  font-size: 1.25vw;
  font-weight: 500;
  color: #000;
  padding-top: 1.953125vw;
  opacity: 0.4;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-title p {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-title p {
    padding-top: 5.3333333333vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 5.859375vw;
  height: 5.9375vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-bottom-right-radius: 10px;
  background-color: #d93924;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-icon {
    width: 20vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-icon {
    height: 20.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-icon {
    border-bottom-right-radius: 7px;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item-img {
  width: 36.171875vw;
  height: 19.6875vw;
  border-radius: 7px;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-img {
    width: 84vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item-img {
    height: 50.1333333333vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.takeout__container-item:not(:first-of-type) .takeout__container-item__content {
  padding-top: 1.875vw;
  gap: 0.625vw;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content {
    padding-top: 4.2666666667vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item__content {
  padding-left: 1.171875vw;
  padding-right: 1.171875vw;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content {
    padding-left: 0.703125vw;
    padding-right: 0.703125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content {
    padding-left: 2.4vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content {
    padding-right: 2.4vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item__content-item {
  gap: 0vw;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content-item {
    gap: 0vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item__content-item-name {
  width: 10.78125vw;
  height: 3.046875vw;
  font-size: 1.25vw;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content-item-name {
    width: 23.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content-item-name {
    height: 8vw;
  }
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content-item-name {
    font-size: 3.2vw;
  }
}
.takeout__container-item:not(:first-of-type) .takeout__container-item__content-item-weight {
  font-size: 1.5625vw;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .takeout__container-item:not(:first-of-type) .takeout__container-item__content-item-weight {
    font-size: 3.7333333333vw;
  }
}

.single-post {
  position: relative;
  width: 100%;
  padding-top: 11.25vw;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .single-post {
    padding-top: 30.4vw;
  }
}
.single-post__img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.3125vw;
  height: auto;
  z-index: -1;
}
@media screen and (max-width: 800px) {
  .single-post__img01 {
    width: 68vw;
  }
}
.single-post__img02 {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 13.90625vw;
  width: 20.3125vw;
  height: auto;
  z-index: -1;
}
@media screen and (max-width: 800px) {
  .single-post__img02 {
    margin-top: 47.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .single-post__img02 {
    width: 68vw;
  }
}
@media screen and (max-width: 800px) {
  .single-post__img02 {
    display: none;
  }
}
.single-post__inner {
  width: 78.125vw;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .single-post__inner {
    width: 80vw;
  }
}
.single-post__meta {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1.25vw;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .single-post__meta {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .single-post__meta {
    margin-bottom: 7.2vw;
  }
}
.single-post__date {
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.25vw;
}
@media screen and (max-width: 800px) {
  .single-post__date {
    font-size: 4.2666666667vw;
  }
}
.single-post__category {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.46875vw;
}
@media screen and (max-width: 800px) {
  .single-post__category {
    gap: 1.6vw;
  }
}
.single-post__category-item {
  background: #D93924;
  border-radius: 60px;
  font-size: 0.9375vw;
  color: #fff;
}
.single-post__category-item {
  padding-left: 1.875vw;
  padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
  .single-post__category-item {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
}
.single-post__category-item {
  padding-top: 0.546875vw;
  padding-bottom: 0.546875vw;
}
@media screen and (max-width: 800px) {
  .single-post__category-item {
    padding-top: 1.8666666667vw;
    padding-bottom: 1.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .single-post__category-item {
    font-size: 3.2vw;
  }
}
.single-post__title {
  position: relative;
  font-size: 2.5vw;
  font-weight: 700;
  padding-bottom: 3.75vw;
  margin-bottom: 4.375vw;
  line-height: 1.4;
}
@media screen and (max-width: 800px) {
  .single-post__title {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .single-post__title {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .single-post__title {
    margin-bottom: 10.6666666667vw;
  }
}
.single-post__title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: rgba(0, 0, 0, 0.1019607843);
}
.single-post__content {
  width: 52.34375vw;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .single-post__content {
    width: 80vw;
  }
}
.single-post__body * {
  font-size: 1.25vw;
}
@media screen and (max-width: 800px) {
  .single-post__body * {
    font-size: 4.2666666667vw;
  }
}
.single-post__body p {
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .single-post__body p {
    margin-bottom: 10.6666666667vw;
  }
}
.single-post__body img {
  max-width: 100%;
  height: auto;
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .single-post__body img {
    margin-bottom: 10.6666666667vw;
  }
}
.single-post__body h2 {
  font-weight: 700;
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .single-post__body h2 {
    margin-bottom: 10.6666666667vw;
  }
}
.single-post__body h3 {
  font-weight: 700;
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .single-post__body h3 {
    margin-bottom: 10.6666666667vw;
  }
}
.single-post__body ul, .single-post__body ol {
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .single-post__body ul, .single-post__body ol {
    margin-bottom: 10.6666666667vw;
  }
}
.single-post__body li {
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .single-post__body li {
    margin-bottom: 10.6666666667vw;
  }
}
.single-post__back {
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-post__back {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .single-post__back {
    padding-top: 17.0666666667vw;
    padding-bottom: 17.0666666667vw;
  }
}
.single-post__back-btn {
  display: inline-block;
  background: #D93924;
  color: #fff;
  border-radius: 7px;
  font-size: 1.25vw;
  font-weight: 700;
  transition: opacity 0.3s;
}
.single-post__back-btn {
  padding-left: 4.84375vw;
  padding-right: 4.84375vw;
}
@media screen and (max-width: 800px) {
  .single-post__back-btn {
    padding-left: 16.5333333333vw;
    padding-right: 16.5333333333vw;
  }
}
.single-post__back-btn {
  padding-top: 1.015625vw;
  padding-bottom: 1.015625vw;
}
@media screen and (max-width: 800px) {
  .single-post__back-btn {
    padding-top: 3.4666666667vw;
    padding-bottom: 3.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .single-post__back-btn {
    font-size: 4.2666666667vw;
  }
}
.single-post__back-btn:hover {
  opacity: 0.8;
}

.menu {
  position: relative;
  width: 100%;
  padding-top: 5vw;
  padding-bottom: 8.75vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .menu {
    padding-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu {
    padding-bottom: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.menu__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 4.375vw;
       column-gap: 4.375vw;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .menu__inner {
    -moz-column-gap: 14.9333333333vw;
         column-gap: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__inner {
    flex-direction: column;
    position: relative;
    width: 26.25vw;
    padding-top: 4.375vw;
    padding-bottom: 4.375vw;
    row-gap: 5vw;
    padding: 0;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu__inner {
    width: 89.6vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu__inner {
    padding-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu__inner {
    padding-bottom: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu__inner {
    row-gap: 17.0666666667vw;
  }
}
.menu__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.menu__title {
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
  position: relative;
}
.menu__title {
  padding-left: 5.859375vw;
  padding-right: 5.859375vw;
}
@media screen and (max-width: 800px) {
  .menu__title {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__title {
    padding-top: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__title {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__title {
    width: 90%;
  }
}
.menu__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transform: rotate(-90deg);
  width: 4.6875vw;
  height: 4.375vw;
  background: center center/contain no-repeat url("../images/about-icon03.webp");
}
@media screen and (max-width: 800px) {
  .menu__title::before {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__title::before {
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__title::before {
    transform: rotate(0deg);
    right: auto;
    left: 0;
    background: center center/contain no-repeat url("../images/about-icon01.webp");
  }
}
.menu__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(-90deg);
  display: block;
  width: 4.6875vw;
  height: 4.375vw;
  background: center center/contain no-repeat url("../images/about-icon04.webp");
}
@media screen and (max-width: 800px) {
  .menu__title::after {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__title::after {
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__title::after {
    transform: rotate(0deg);
    left: auto;
    right: 0;
    background: center center/contain no-repeat url("../images/about-icon02.webp");
  }
}
.menu__title h2 {
  font-size: 1.875vw;
  font-weight: 700;
  text-align: center;
  color: #000;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .menu__title h2 {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__title h2 {
    writing-mode: horizontal-tb;
    width: 100%;
    color: #000;
    z-index: 1;
  }
  .menu__title h2::before {
    position: absolute;
    content: "";
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16.40625vw;
    height: 2.1875vw;
    background: center center/contain no-repeat url("../images/underline.webp");
    z-index: -1;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu__title h2::before {
    width: 56vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu__title h2::before {
    height: 7.4666666667vw;
  }
}
.menu__menuImgWrapper {
  width: 27.65625vw;
  height: 38.125vw;
  margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .menu__menuImgWrapper {
    width: 94.4vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__menuImgWrapper {
    height: 130.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__menuImgWrapper {
    margin-top: 4.2666666667vw;
  }
}
.menu__menuImgWrapper img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.menu__menuImgWrapper--single {
  width: 53.59375vw;
  height: 38.125vw;
}
@media screen and (max-width: 800px) {
  .menu__menuImgWrapper--single {
    width: 94.4vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__menuImgWrapper--single {
    height: 66.1333333333vw;
  }
}
.menu__menuImgWrapper--single img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.menu__button {
  margin-top: 1.875vw;
  width: 23.4375vw;
  height: 4.84375vw;
  background-color: #d93924;
  border-radius: 7px;
  border: none;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .menu__button {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__button {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__button {
    height: 16.5333333333vw;
  }
}
.menu__button img {
  width: 2.65625vw;
  height: 2.65625vw;
  margin-left: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .menu__button img {
    width: 9.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__button img {
    height: 9.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__button img {
    margin-left: 3.7333333333vw;
  }
}
.menu__button p {
  color: #fff;
  text-align: center;
  font-size: 1.25vw;
  margin-left: 3.125vw;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .menu__button p {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__button p {
    margin-left: 10.6666666667vw;
  }
}
.menu__button:hover {
  opacity: 0.8;
}
.menu__asterisk {
  margin-top: 0.9375vw;
  font-size: 0.9375vw;
  font-weight: 600;
  color: #d93924;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .menu__asterisk {
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__asterisk {
    font-size: 3.2vw;
  }
}
.menu__pagination {
  position: static;
  margin-top: 2.5vw;
}
@media screen and (max-width: 800px) {
  .menu__pagination {
    margin-top: 8.5333333333vw;
  }
}
.menu__pagination .swiper-pagination-bullet {
  width: 0.625vw;
  height: 0.625vw;
  background-color: #ccc;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .menu__pagination .swiper-pagination-bullet {
    width: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu__pagination .swiper-pagination-bullet {
    height: 2.1333333333vw;
  }
}
.menu__pagination .swiper-pagination-bullet-active {
  background-color: #d93924;
}

.menu-front {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 5vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .menu-front {
    padding-top: 14.9333333333vw;
  }
}
.menu-front::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-40%);
  background: center right/contain no-repeat url(../images/store-top-img01.webp);
  width: 34.765625vw;
  height: 17.421875vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .menu-front::after {
    width: 118.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front::after {
    height: 59.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front::after {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .menu-front {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.menu-front__topImg {
  display: block;
  width: 7.265625vw;
  height: 14.0625vw;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 800px) {
  .menu-front__topImg {
    width: 24.8vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__topImg {
    height: 48vw;
  }
}
.menu-front__inner {
  -moz-column-gap: 4.375vw;
       column-gap: 4.375vw;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .menu-front__inner {
    -moz-column-gap: 0vw;
         column-gap: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__inner {
    position: relative;
    width: 100%;
    padding-top: 4.375vw;
    padding-bottom: 1.25vw;
    row-gap: 5vw;
    padding: 0;
    margin: 0 auto;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu-front__inner {
    padding-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu-front__inner {
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu-front__inner {
    row-gap: 17.0666666667vw;
  }
}
.menu-front__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.menu-front__title {
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
  position: relative;
}
.menu-front__title {
  padding-left: 5.859375vw;
  padding-right: 5.859375vw;
}
@media screen and (max-width: 800px) {
  .menu-front__title {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__title {
    padding-top: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__title {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__title {
    width: 90%;
  }
}
.menu-front__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transform: rotate(-90deg);
  width: 4.6875vw;
  height: 4.375vw;
  background: center center/contain no-repeat url("../images/about-icon03.webp");
}
@media screen and (max-width: 800px) {
  .menu-front__title::before {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__title::before {
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__title::before {
    transform: rotate(0deg);
    right: auto;
    left: 0;
    background: center center/contain no-repeat url("../images/about-icon01.webp");
  }
}
.menu-front__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(-90deg);
  display: block;
  width: 4.6875vw;
  height: 4.375vw;
  background: center center/contain no-repeat url("../images/about-icon04.webp");
}
@media screen and (max-width: 800px) {
  .menu-front__title::after {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__title::after {
    height: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__title::after {
    transform: rotate(0deg);
    left: auto;
    right: 0;
    background: center center/contain no-repeat url("../images/about-icon02.webp");
  }
}
.menu-front__title h2 {
  font-size: 1.875vw;
  font-weight: 700;
  text-align: center;
  color: #000;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .menu-front__title h2 {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__title h2 {
    writing-mode: horizontal-tb;
    width: 100%;
    color: #000;
    z-index: 1;
  }
  .menu-front__title h2::before {
    position: absolute;
    content: "";
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16.40625vw;
    height: 2.1875vw;
    background: center center/contain no-repeat url("../images/underline.webp");
    z-index: -1;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu-front__title h2::before {
    width: 56vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu-front__title h2::before {
    height: 7.4666666667vw;
  }
}
.menu-front__menuImgWrapper {
  width: 27.65625vw;
  height: 38.125vw;
  margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .menu-front__menuImgWrapper {
    width: 94.4vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__menuImgWrapper {
    height: 130.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__menuImgWrapper {
    margin-top: 4.2666666667vw;
  }
}
.menu-front__menuImgWrapper img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.menu-front__menuImgWrapper--single {
  width: 53.59375vw;
  height: 38.125vw;
}
@media screen and (max-width: 800px) {
  .menu-front__menuImgWrapper--single {
    width: 94.4vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__menuImgWrapper--single {
    height: 66.1333333333vw;
  }
}
.menu-front__menuImgWrapper--single img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.menu-front__button {
  margin-top: 1.875vw;
  width: 23.4375vw;
  height: 4.84375vw;
  background-color: #d93924;
  border-radius: 7px;
  border: none;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .menu-front__button {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__button {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__button {
    height: 16.5333333333vw;
  }
}
.menu-front__button img {
  width: 2.65625vw;
  height: 2.65625vw;
  margin-left: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .menu-front__button img {
    width: 9.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__button img {
    height: 9.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__button img {
    margin-left: 3.7333333333vw;
  }
}
.menu-front__button p {
  color: #fff;
  text-align: center;
  font-size: 1.25vw;
  margin-left: 3.125vw;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .menu-front__button p {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__button p {
    margin-left: 10.6666666667vw;
  }
}
.menu-front__button:hover {
  opacity: 0.8;
}
.menu-front__asterisk {
  margin-top: 0.9375vw;
  font-size: 0.9375vw;
  font-weight: 600;
  color: #d93924;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .menu-front__asterisk {
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__asterisk {
    font-size: 3.2vw;
  }
}
.menu-front__pagination {
  display: none;
}
@media screen and (max-width: 800px) {
  .menu-front__pagination {
    position: static;
    margin-top: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu-front__pagination {
    margin-top: 8.5333333333vw;
  }
}
.menu-front__pagination .swiper-pagination-bullet {
  width: 0.625vw;
  height: 0.625vw;
  background-color: #fff;
  border: 1px solid #000;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .menu-front__pagination .swiper-pagination-bullet {
    width: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .menu-front__pagination .swiper-pagination-bullet {
    height: 2.1333333333vw;
  }
}
.menu-front__pagination .swiper-pagination-bullet-active {
  background-color: #000;
}
.menu-front__navigation {
  display: none;
}
@media screen and (max-width: 800px) {
  .menu-front__navigation {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 10;
    pointer-events: none;
    padding: 0 10px;
  }
}
.menu-front__prev, .menu-front__next {
  display: none;
}
@media screen and (max-width: 800px) {
  .menu-front__prev, .menu-front__next {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    font-size: 1.25vw;
    color: #000;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .menu-front__prev, .menu-front__next {
    font-size: 4.2666666667vw;
  }
}
.menu-front__prev {
  left: 10px;
}
.menu-front__next {
  right: 10px;
}

.menuFrontSwiper {
  overflow: hidden;
  position: relative;
  margin-top: 3.75vw;
}
@media screen and (max-width: 800px) {
  .menuFrontSwiper {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .menuFrontSwiper {
    width: 100%;
  }
}
.menuFrontSwiper .swiper-wrapper {
  width: 100%;
  display: flex;
  position: relative;
}
.menuFrontSwiper .swiper-slide {
  width: 100%;
  flex-shrink: 1;
  position: relative;
}
@media screen and (max-width: 800px) {
  .menuFrontSwiper .swiper-slide {
    flex-shrink: 0;
  }
}

.menu-front__single {
  margin-top: 2.5vw;
}
@media screen and (max-width: 800px) {
  .menu-front__single {
    margin-top: 6.4vw;
  }
}

.language-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1002;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 800px) {
  .language-popup {
    display: block;
  }
}
.language-popup.is-active {
  opacity: 1;
  pointer-events: auto;
}
.language-popup.is-active .language-popup__overlay {
  opacity: 0.45;
  pointer-events: auto;
}
.language-popup.is-active .language-popup__panel {
  opacity: 1;
  transform: translate(0, 0);
}
.language-popup__overlay {
  position: absolute;
  inset: 0;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.language-popup__panel {
  position: absolute;
  left: auto;
  right: clamp(16px, 6vw, 32px);
  bottom: clamp(56px, 10vw, 88px);
  transform: translate(0, 10px);
  width: min(160px, 100% - 56px);
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.14);
  padding: 8px 10px 12px;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.language-popup__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 4px;
}
.language-popup__close {
  position: relative;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.language-popup__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #000;
  transform-origin: center;
}
.language-popup__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.language-popup__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.language-popup__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.language-popup__flags {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.language-popup__flag-button {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 6px;
  min-width: 32px;
  min-height: 32px;
  background-color: #fff;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  text-decoration: none;
  font-size: 0;
  line-height: 1;
  position: relative;
}
.language-popup__flag-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: #dcdcdc;
}
.language-popup__flag-button img {
  height: 14px;
  width: auto;
  max-width: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.language-popup__flag-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.language-popup__empty {
  margin: 0;
  font-size: 14px;
  color: #555;
  text-align: center;
}

header {
  position: fixed;
  top: 3%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: start;
  width: 96.25vw;
  padding-left: 1.875vw;
  padding-right: 3.125vw;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 7px;
}
@media screen and (max-width: 800px) {
  header {
    width: 328.5333333333vw;
  }
}
header {
  padding-top: 1.40625vw;
  padding-bottom: 1.40625vw;
}
@media screen and (max-width: 800px) {
  header {
    padding-top: 3.7333333333vw;
    padding-bottom: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header {
    padding-left: 4vw;
  }
}
@media screen and (max-width: 800px) {
  header {
    padding-right: 4vw;
  }
}
@media screen and (max-width: 800px) {
  header {
    background-color: transparent;
    width: 100%;
    top: 0;
  }
}
header .header__inner {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 800px) {
  header .header__inner {
    justify-content: flex-end;
  }
}
header .header__list01 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1.25vw;
}
@media screen and (max-width: 800px) {
  header .header__list01 {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__list01 {
    display: none;
  }
}
header .header__list02 {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-left: auto;
  gap: 1.875vw;
}
@media screen and (max-width: 800px) {
  header .header__list02 {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__list02 {
    display: none;
  }
}
header .header__list02__icon01 {
  width: 1.875vw;
  height: 1.875vw;
}
@media screen and (max-width: 800px) {
  header .header__list02__icon01 {
    width: 4.8vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__list02__icon01 {
    height: 4.8vw;
  }
}
header .header__list02__icon01 img {
  width: 100%;
  height: auto;
}
header .header__list02__icon02 {
  width: 1.875vw;
  height: 1.875vw;
}
@media screen and (max-width: 800px) {
  header .header__list02__icon02 {
    width: 4.8vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__list02__icon02 {
    height: 4.8vw;
  }
}
header .header__list02__icon02 img {
  width: 100%;
  height: auto;
}
header .header__list02__link01 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.375vw;
  height: 2.8125vw;
  font-size: 1.09375vw;
  color: #fff;
  font-weight: 500;
  background-color: #1b1b1b;
  border-radius: 3px;
}
@media screen and (max-width: 800px) {
  header .header__list02__link01 {
    width: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__list02__link01 {
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__list02__link01 {
    font-size: 3.2vw;
  }
}
header .header__list02__link02 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.375vw;
  height: 2.8125vw;
  font-size: 1.09375vw;
  color: #fff;
  font-weight: 500;
  background-color: #D93924;
  border-radius: 3px;
}
@media screen and (max-width: 800px) {
  header .header__list02__link02 {
    width: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__list02__link02 {
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__list02__link02 {
    font-size: 3.2vw;
  }
}
header .header__reservation {
  align-items: center;
  justify-content: center;
  width: 10.9375vw;
  height: 2.96875vw;
  gap: 0.390625vw;
  background-color: #D93924;
  border-radius: 4px;
  display: none;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.45s ease, visibility 0.45s ease;
}
@media screen and (max-width: 800px) {
  header .header__reservation {
    width: 37.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__reservation {
    height: 10.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__reservation {
    gap: 1.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__reservation {
    display: flex;
  }
}
header .header__reservation.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
header .header__reservation span {
  display: block;
  font-size: 1.015625vw;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  header .header__reservation span {
    font-size: 3.4666666667vw;
  }
}
header .header__reservation img {
  width: 1.5625vw;
  height: 1.5625vw;
}
@media screen and (max-width: 800px) {
  header .header__reservation img {
    width: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header .header__reservation img {
    height: 5.3333333333vw;
  }
}
header h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14.21875vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  header h1 {
    width: 36.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  header h1 {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
  }
}
header h1 a {
  display: block;
  width: 100%;
}
header h1 a img {
  width: 100%;
  height: auto;
}
header p, header a {
  font-size: 1.09375vw;
  color: #1b1b1b;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  header p, header a {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  header .hamburger {
    display: block;
    margin-left: auto;
  }
}

header {
  opacity: 0;
  visibility: hidden;
}

.is-active header {
  animation: header 0.5s ease-in-out 3.7s forwards;
}

.is-sub-active header {
  animation: header 0.5s ease-in-out 1.2s forwards;
}

@keyframes header {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.loading-blur {
  filter: blur(30px);
}

.is-active .loading-blur.is-front-page {
  animation: blurFade 1.2s ease-in-out 2.5s forwards;
}

.is-sub-active .loading-blur {
  animation: blurFade 1.2s ease-in-out 0s forwards;
}

@keyframes blurFade {
  0% {
    filter: blur(30px);
  }
  100% {
    filter: blur(0px);
  }
}
.gtranslate_wrapper {
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
.gtranslate_wrapper > a {
  display: none;
}
.gtranslate_wrapper .current-lang {
  border: 1px solid #e5e5e5;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 5px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.gtranslate_wrapper .current-lang:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.gtranslate_wrapper .current-lang img {
  width: 1.25vw;
  height: 1.25vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .gtranslate_wrapper .current-lang img {
    width: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .gtranslate_wrapper .current-lang img {
    height: 4.2666666667vw;
  }
}
.gtranslate_wrapper .lang-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
  border: 1px solid #e5e5e5;
}
.gtranslate_wrapper .lang-dropdown.active {
  display: block;
}
.gtranslate_wrapper .lang-dropdown a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  transition: background-color 0.3s ease;
}
.gtranslate_wrapper .lang-dropdown a {
  padding-left: 0.9375vw;
  padding-right: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .gtranslate_wrapper .lang-dropdown a {
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
}
.gtranslate_wrapper .lang-dropdown a {
  padding-top: 0.3125vw;
  padding-bottom: 0.3125vw;
}
@media screen and (max-width: 800px) {
  .gtranslate_wrapper .lang-dropdown a {
    padding-top: 1.0666666667vw;
    padding-bottom: 1.0666666667vw;
  }
}
.gtranslate_wrapper .lang-dropdown a.gt-current-lang {
  display: none;
}
.gtranslate_wrapper .lang-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.gtranslate_wrapper .lang-dropdown a img {
  width: 1.25vw;
  height: 1.25vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .gtranslate_wrapper .lang-dropdown a img {
    width: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .gtranslate_wrapper .lang-dropdown a img {
    height: 4.2666666667vw;
  }
}

.footer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  padding-top: 4.0625vw;
  padding-bottom: 0vw;
}
@media screen and (max-width: 800px) {
  .footer {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .footer {
    padding-bottom: 13.3333333333vw;
  }
}
.footer__inner {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 87.5vw;
  padding-bottom: 7.03125vw;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .footer__inner {
    width: 87.2vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__inner {
    padding-bottom: 17.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.footer__left {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: 3.125vw;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .footer__left {
    gap: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__left {
    align-items: center;
  }
}
.footer__left-logo {
  width: 21.71875vw;
  height: auto;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .footer__left-logo {
    width: 57.0666666667vw;
  }
}
.footer__left-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.footer__left-button {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 2.96875vw;
  width: 21.71875vw;
  height: 5.15625vw;
  border-radius: 10px;
  background-color: #D93924;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .footer__left-button {
    gap: 13.3333333333vw;
  }
}
.footer__left-button {
  padding-left: 1.25vw;
  padding-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .footer__left-button {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__left-button {
    width: 87.2vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__left-button {
    height: 16vw;
  }
}
.footer__left-button img {
  width: 2.65625vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .footer__left-button img {
    width: 9.0666666667vw;
  }
}
.footer__left-button p {
  font-size: 1.25vw;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 800px) {
  .footer__left-button p {
    font-size: 4.2666666667vw;
  }
}
.footer__right {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  width: 51.015625vw;
  padding-top: 1.09375vw;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .footer__right {
    width: 87.2vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__right {
    padding-top: 8.5333333333vw;
  }
}
.footer__right-inner {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  width: 100%;
}
.footer__right-inner__top {
  width: 100%;
  padding-bottom: 1.875vw;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .footer__right-inner__top {
    padding-bottom: 6.4vw;
  }
}
.footer__right-inner__top h3 {
  font-size: 1.875vw;
  font-weight: 700;
  color: #000;
  font-family: "Circular", sans-serif;
}
@media screen and (max-width: 800px) {
  .footer__right-inner__top h3 {
    font-size: 6.4vw;
  }
}
.footer__right-inner__bottom {
  display: flex;
  align-items: start;
  justify-content: start;
  width: 100%;
  gap: 11.71875vw;
  padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .footer__right-inner__bottom {
    gap: 8vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__right-inner__bottom {
    padding-top: 6.4vw;
  }
}
.footer__right-inner__bottom-item {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: 1.875vw;
}
@media screen and (max-width: 800px) {
  .footer__right-inner__bottom-item {
    gap: 4.2666666667vw;
  }
}
.footer__right-inner__bottom-item a {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .footer__right-inner__bottom-item a {
    gap: 2.6666666667vw;
  }
}
.footer__right-inner__bottom-item a img {
  width: 1.953125vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .footer__right-inner__bottom-item a img {
    width: 5.8666666667vw;
  }
}
.footer__right-inner__bottom-item a h4 {
  font-size: 1.25vw;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 800px) {
  .footer__right-inner__bottom-item a h4 {
    font-size: 3.7333333333vw;
  }
}
.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 87.5vw;
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .footer__bottom {
    width: 87.2vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__bottom {
    padding-top: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__bottom {
    padding-bottom: 8.5333333333vw;
  }
}
.footer__bottom-text p {
  font-size: 0.9375vw;
  font-weight: 450;
  color: #000;
}
@media screen and (max-width: 800px) {
  .footer__bottom-text p {
    font-size: 3.2vw;
  }
}
.footer__bottom-pagetop {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.625vw;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .footer__bottom-pagetop {
    gap: 2.1333333333vw;
  }
}
.footer__bottom-pagetop p {
  font-size: 0.9375vw;
  font-weight: 500;
  color: #000;
}
@media screen and (max-width: 800px) {
  .footer__bottom-pagetop p {
    font-size: 3.2vw;
  }
}
.footer__bottom-pagetop img {
  width: 3.90625vw;
  height: auto;
}
@media screen and (max-width: 800px) {
  .footer__bottom-pagetop img {
    width: 13.3333333333vw;
  }
}

.main {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  overflow: hidden;
  flex-direction: column;
  position: relative;
  background: center top/contain repeat-y url("../images/bg.webp");
  background-attachment: scroll;
}
@media screen and (max-width: 800px) {
  .main {
    background: center top/contain repeat-y url("../images/bg-sp.webp");
  }
}
.main__inner {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}

a {
  transition: opacity 0.3s ease;
}
a:hover {
  opacity: 0.6;
}

body {
  position: relative;
}
body > #logo {
  position: absolute;
  top: 3vw;
  left: 5%;
  width: 10.703125vw;
  z-index: 10;
}
@media screen and (max-width: 800px) {
  body > #logo {
    width: 36.5333333333vw;
  }
}
body > #logo a {
  display: flex;
  justify-content: center;
  align-items: center;
}
body > #logo a img {
  width: 100%;
  height: auto;
}

.fade-in {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}