@charset "UTF-8";
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* line 136, _normalize.scss */
h1 {
  margin: 0;
  font-size: 2em;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 146, _normalize.scss */
mark {
  color: #000000;
  background: #ffff00;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 155, _normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 163, _normalize.scss */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

/* line 171, _normalize.scss */
sup {
  top: -0.5em;
}

/* line 175, _normalize.scss */
sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 186, _normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 194, _normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 205, _normalize.scss */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 213, _normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
/* line 222, _normalize.scss */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 230, _normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
/* line 253, _normalize.scss */
button,
input,
optgroup,
select,
textarea {
  /* 2 */
  margin: 0;
  /* 1 */
  font: inherit;
  color: inherit;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 267, _normalize.scss */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 278, _normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 291, _normalize.scss */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 303, _normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 312, _normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 323, _normalize.scss */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 335, _normalize.scss */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 347, _normalize.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
/* line 357, _normalize.scss */
input[type=search] {
  /* 1 */
  box-sizing: content-box;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/* line 368, _normalize.scss */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 377, _normalize.scss */
fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  padding: 0;
  border: 0;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

* {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-weight: 300;
}

p,
ul,
li,
dl,
dt,
dd {
  padding: 0;
  margin: 0;
}

ul,
ol {
  list-style: none;
}

img {
  vertical-align: top;
}

table {
  width: 100%;
}

table th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

input,
button,
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  appearance: none;
  appearance: none;
  border: none;
}

a {
  text-decoration: none !important;
}

.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 {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #191919;
  font-size: 1.6rem;
  font-weight: 400;
  background-color: #EAE7DC;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-break: strict;
  overflow-x: hidden;
}

img {
  width: 100%;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

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

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

.btn {
  display: inline-block;
  padding: 14px 136px 17px 20px;
  background-color: #1D3329;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .btn {
    padding: 12px 117px 15px 20px;
  }
}
.btn__inner {
  overflow: hidden;
}
.btn__text {
  position: relative;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.btn__text::after {
  content: attr(data-text);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  transform: translateY(100%);
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover .btn__text {
    transform: translateY(-100%);
  }
}

.contentBox {
  width: 100%;
}
.contentBox--maxW400 {
  max-width: 400px;
}
.contentBox__title {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 800px) {
  .contentBox__title {
    font-size: 1.8rem;
  }
}
.contentBox__subtitle {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 2.6rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  padding-top: 8px;
}
@media screen and (max-width: 800px) {
  .contentBox__subtitle {
    font-size: 2.2rem;
    padding-top: 16px;
  }
}
.contentBox__text {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: 0.08em;
  padding-top: 20px;
}
.contentBox__btn {
  padding-top: 32px;
}
@media screen and (max-width: 800px) {
  .contentBox__btn {
    padding-top: 48px;
  }
}

.fvSlider {
  width: 100%;
  height: 100svh;
}
.fvSlider__list {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.fvSlider__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.fvSlider__imgWrapper {
  width: 100%;
  height: 100%;
  transform-origin: center;
}
.fvSlider__imgWrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fvPagination {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fvPagination__dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
}
.fvPagination__dot--active {
  background-color: #1D3329;
}

.gtranslate {
  position: relative;
}
.gtranslate__btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 30px;
  height: 1.32rem;
  padding: 0;
  background-color: transparent;
  position: relative;
  z-index: 20;
}
.gtranslate__btn i.icon__chevronDown {
  position: relative;
  top: 1px;
  display: block;
  font-size: 14px;
}
.gtranslate__btn.is-active i.icon__chevronDown {
  transform: rotate(180deg);
}
.gtranslate .gtranslate_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  z-index: 10;
}
.gtranslate .gtranslate_wrapper a {
  color: #191919;
  display: none;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  line-height: 1.2;
  pointer-events: none;
}
.gtranslate .gtranslate_wrapper a.gt-current-lang {
  display: block;
  pointer-events: none;
}
@media screen and (max-width: 800px) {
  .gtranslate .gtranslate_wrapper a {
    font-size: 1.6rem;
  }
}
.gtranslate.is-active .gtranslate_wrapper a:not(:has(.gt-current-lang)) {
  display: block;
  pointer-events: auto;
}

.hamburger {
  position: relative;
  display: none;
  width: 32px;
  height: 32px;
  background-color: transparent;
}
@media screen and (max-width: 800px) {
  .hamburger {
    display: block;
  }
}
.hamburger i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.4rem;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger i.icon__hamburger {
  color: #191919;
}
.hamburger i.icon__close {
  color: #FFFFFF;
}

@font-face {
  font-family: "no-two_icons";
  src: url("../fonts/icons/no-two_icons.eot?g7smd");
  src: url("../fonts/icons/no-two_icons.eot?g7smd#iefix") format("embedded-opentype"), url("../fonts/icons/no-two_icons.ttf?g7smd") format("truetype"), url("../fonts/icons/no-two_icons.woff?g7smd") format("woff"), url("../fonts/icons/no-two_icons.svg?g7smd#no-two_icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon__], [class*=" icon__"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "no-two_icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon__close:before {
  content: "\e908";
}

.icon__hamburger:before {
  content: "\e909";
}

.icon__instagram:before {
  content: "\e905";
}

.icon__line:before {
  content: "\e906";
}

.icon__youtube:before {
  content: "\e907";
}

.icon__arrowLeft:before {
  content: "\e900";
}

.icon__arrowRight:before {
  content: "\e901";
}

.icon__chevronDown:before {
  content: "\e902";
}

.icon__chevronUp:before {
  content: "\e903";
}

.icon__shopping:before {
  content: "\e904";
}

.nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100vw;
  height: 100dvh;
  background-color: #1D3329;
  clip-path: inset(0% 0% 100% 0%);
  pointer-events: none;
}
.nav__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.nav__header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 11px 12px;
}
.nav__headerInner {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.nav__headerLogo {
  width: 100px;
}
.nav__headerLogo a {
  display: block;
  width: 100%;
}
.nav__headerCol {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.nav__headerCol .navList__item {
  display: none;
}
.nav__headerCol .navList__item--onlineStore {
  display: flex;
}
.nav__headerCol .navList__item--onlineStore span {
  display: none;
}
.nav__headerCol .navList__item--onlineStore i {
  color: #EAE7DC;
}
.nav .gtranslate__btn {
  width: 46px;
  height: 1.92rem;
}
.nav .gtranslate__btn i {
  color: #EAE7DC;
  font-size: 1.8rem;
}
.nav .gtranslate .gtranslate_wrapper a {
  color: #EAE7DC;
}
.nav__main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.nav__main::-webkit-scrollbar {
  display: none;
}
.nav__mainInner {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 123px 0;
}
.nav__mainInner {
  padding-left: 0vw;
  padding-right: 0vw;
}
@media screen and (max-width: 800px) {
  .nav__mainInner {
    padding-left: 14.9333333333vw;
    padding-right: 14.9333333333vw;
  }
}
.nav__mainList {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 32px;
}
.nav__mainItem a {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: #EAE7DC;
}
.nav__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.nav__footer {
  padding-left: 0vw;
  padding-right: 0vw;
}
@media screen and (max-width: 800px) {
  .nav__footer {
    padding-left: 8.5333333333vw;
    padding-right: 8.5333333333vw;
  }
}
.nav__footer {
  padding-top: 1.5625vw;
  padding-bottom: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .nav__footer {
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}

.navList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 6px;
}
.navList__item a {
  color: #191919;
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
.navList__item a span {
  display: inline;
  background-image: linear-gradient(to right, #191919, #191919);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 0% 1px;
  transition: background-size 0.5s cubic-bezier(0.19, 1, 0.22, 1), color 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
@media (hover: hover) and (pointer: fine) {
  .navList__item a:hover span {
    color: #191919;
    background-position: left bottom;
    background-size: 100% 1px;
  }
}
@media screen and (max-width: 800px) {
  .navList__item a {
    font-size: 1rem;
  }
}
.navList__item--onlineStore a {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
@media screen and (max-width: 800px) {
  .navList__item--onlineStore a {
    flex-direction: row-reverse;
  }
}
.navList__item--onlineStore a i.icon__shopping {
  position: relative;
  font-size: 2rem;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 800px) {
  .navList__item--onlineStore a i.icon__shopping {
    top: -2px;
    font-size: 2.6rem;
  }
}
.navList + .navList--footer {
  padding-top: 8px;
}

.newsCard__link {
  position: relative;
  display: flex;
  -moz-column-gap: 36px;
       column-gap: 36px;
  padding: 20px 0 26px;
  color: #FFFFFF;
  border-bottom: 1px solid #7E7E7E;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.newsCard__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #EAE7DC;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (hover: hover) and (pointer: fine) {
  .newsCard__link:hover::after {
    transform-origin: left;
    transform: scaleX(1);
  }
}
@media screen and (max-width: 800px) {
  .newsCard__link {
    flex-direction: column;
    row-gap: 4px;
    padding: 16px 0 20px;
  }
}
.newsCard__date, .newsCard__title {
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
.newsCard__date {
  min-width: 72px;
}
@media screen and (max-width: 800px) {
  .newsCard__date {
    min-width: auto;
  }
}

.newsList {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.newsletter {
  display: flex;
  justify-content: center;
  width: 100%;
}
.newsletter__inner {
  display: flex;
  align-items: center;
  width: 100%;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.newsletter__title {
  flex: 1;
  font-size: 1rem;
}
.newsletter__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 156px;
  height: 20px;
  padding: 0 12px 0 14px;
  border-radius: 2px;
  color: #FFFFFF;
  background-color: #1D3329;
}
@media (hover: hover) and (pointer: fine) {
  .newsletter__btn:hover .newsletter__btnArrow {
    transform: translateX(6px);
  }
}
.newsletter__btnText {
  position: relative;
  top: -1px;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  list-style: 1.2;
  opacity: 0.5;
}
.newsletter__btnArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.newsletter__btnArrow i {
  font-size: 1.4rem;
}
.newsletter--footer .newsletter__inner {
  flex-direction: column;
  row-gap: 16px;
}
.newsletter--footer .newsletter__title {
  width: 100%;
  font-size: 1.1rem;
  transform: none;
  text-align: left;
}
.newsletter--footer .newsletter__btn {
  width: 25.46875vw;
  max-width: 326px;
  height: 42px;
  padding: 0 15px;
  background-color: #FFFFFF;
  color: #191919;
}
@media screen and (max-width: 800px) {
  .newsletter--footer .newsletter__btn {
    width: 86.9333333333vw;
  }
}
.newsletter--footer .newsletter__btnArrow i {
  font-size: 2.4rem;
}
.newsletter--nav .newsletter__title {
  color: #EAE7DC;
}
.newsletter--nav .newsletter__btn {
  background-color: #EAE7DC;
}
.newsletter--nav .newsletter__btnText {
  color: #1D3329;
}
.newsletter--nav .newsletter__btnArrow i {
  color: #1D3329;
}

.onlineStore {
  display: flex;
  justify-content: center;
  width: 100%;
}
.onlineStore {
  padding-left: 3.125vw;
  padding-right: 3.125vw;
}
@media screen and (max-width: 800px) {
  .onlineStore {
    padding-left: 9.6vw;
    padding-right: 9.6vw;
  }
}
.onlineStore__inner {
  width: 100%;
}
.onlineStore__link {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  width: 100%;
  padding: 84px;
  color: #EAE7DC;
  background-color: #1D3329;
}
@media screen and (max-width: 800px) {
  .onlineStore__link {
    padding: 44px;
  }
}
.onlineStore__link span {
  position: relative;
  display: block;
  font-size: 1.7rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  top: 1px;
  display: inline;
  background-image: linear-gradient(to right, #EAE7DC, #EAE7DC);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 0% 1px;
  transition: background-size 0.5s cubic-bezier(0.19, 1, 0.22, 1), color 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
@media screen and (max-width: 800px) {
  .onlineStore__link span {
    font-size: 1.6rem;
  }
}
.onlineStore__link i {
  display: block;
  font-size: 2.6rem;
}
@media screen and (max-width: 800px) {
  .onlineStore__link i {
    font-size: 2.4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .onlineStore__link:hover span {
    color: #EAE7DC;
    background-position: left bottom;
    background-size: 100% 1px;
  }
}

.sectionAbout {
  position: relative;
  width: 100vw;
  background-color: #EAE7DC;
}
.sectionAbout__inner {
  position: relative;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .sectionAbout__inner {
    flex-direction: column;
  }
}
.sectionAbout__col {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 800px) {
  .sectionAbout__col {
    width: 100%;
  }
}
.sectionAbout__imgWrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .sectionAbout__imgWrapper {
    height: auto;
  }
}
.sectionAbout__imgWrapper--bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(83, 83, 83, 0.9);
  mix-blend-mode: multiply;
}
.sectionAbout__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .sectionAbout__img {
    height: auto;
    -o-object-fit: initial;
       object-fit: initial;
  }
}
.sectionAbout__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 48px;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .sectionAbout__content {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionAbout__content {
    padding-left: 9.6vw;
    padding-right: 9.6vw;
  }
}

.sectionAboutConcept {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #EAE7DC;
  padding-top: 9.375vw;
  padding-bottom: 12.5vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept {
    padding-top: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept {
    padding-bottom: 16vw;
  }
}
.sectionAboutConcept__inner {
  display: block;
  width: 67.5%;
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__inner {
    width: 100%;
  }
  .sectionAboutConcept__inner {
    padding-left: 2.8125vw;
    padding-right: 2.8125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionAboutConcept__inner {
    padding-left: 9.6vw;
    padding-right: 9.6vw;
  }
}
.sectionAboutConcept__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sectionAboutConcept__content + .sectionAboutConcept__content {
  padding-top: 9.375vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__content + .sectionAboutConcept__content {
    padding-top: 32vw;
  }
}
.sectionAboutConcept__logo {
  width: 266px;
}
.sectionAboutConcept__logo + .sectionAboutConcept__title {
  padding-top: 7.8125vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__logo + .sectionAboutConcept__title {
    padding-top: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__logo {
    width: 174px;
  }
}
.sectionAboutConcept__title {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
.sectionAboutConcept__desc {
  display: block;
  width: 74%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.3;
  letter-spacing: 0.08em;
  padding-top: 7.03125vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__desc {
    padding-top: 13.3333333333vw;
  }
}
.sectionAboutConcept__desc + .sectionAboutConcept__desc {
  padding-top: 7.03125vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__desc + .sectionAboutConcept__desc {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__desc {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.sectionAboutConcept__imgBox {
  position: relative;
  left: 8.125vw;
  width: 83.75vw;
  padding-top: 6.171875vw;
  margin-top: 8.59375vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__imgBox {
    padding-top: 66.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__imgBox {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__imgBox {
    left: 0;
    width: 100%;
  }
}
.sectionAboutConcept__imgWrapper--01 {
  width: 36.2686567164%;
  position: relative;
  z-index: 20;
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__imgWrapper--01 {
    width: 100%;
  }
}
.sectionAboutConcept__imgWrapper--02 {
  width: 76.7164179104%;
  position: absolute !important;
  top: 0;
  right: 0;
  z-index: 10;
}
@media screen and (max-width: 800px) {
  .sectionAboutConcept__imgWrapper--02 {
    width: 100%;
    left: 9.6vw;
  }
}

.sectionAboutFv {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100svh;
}
.sectionAboutFv__inner {
  width: 100%;
  height: 100%;
}
.sectionAboutFv__imgWrapper {
  width: 100%;
  height: 100%;
}
.sectionAboutFv__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sectionAboutFv__content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.sectionAboutFv__content h1 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 5rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .sectionAboutFv__content h1 {
    font-size: 2.5rem;
  }
}
.sectionAboutFv__content p {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2.7rem;
  line-height: 1.3;
  letter-spacing: 0.08em;
  padding-top: 24px;
  color: #EAE7DC;
}
@media screen and (max-width: 800px) {
  .sectionAboutFv__content p {
    font-size: 1.6rem;
    line-height: 1.75;
    padding-top: 36px;
  }
}
.sectionAboutFv__newsletter {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  display: none;
  justify-content: center;
  width: 100%;
}
.sectionAboutFv__newsletter {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutFv__newsletter {
    padding-left: 8.5333333333vw;
    padding-right: 8.5333333333vw;
  }
}
.sectionAboutFv__newsletter {
  padding-top: 1.5625vw;
  padding-bottom: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutFv__newsletter {
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionAboutFv__newsletter {
    display: flex;
  }
}
.sectionAboutFv__newsletter .newsletter__title {
  color: #EAE7DC;
}

.sectionAboutStory {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #B4A085;
  color: #EAE7DC;
}
.sectionAboutStory {
  padding-top: 8.984375vw;
  padding-bottom: 8.984375vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutStory {
    padding-top: 14.9333333333vw;
    padding-bottom: 14.9333333333vw;
  }
}
.sectionAboutStory__inner {
  display: block;
  width: 67.5%;
}
@media screen and (max-width: 800px) {
  .sectionAboutStory__inner {
    width: 100%;
  }
  .sectionAboutStory__inner {
    padding-left: 2.8125vw;
    padding-right: 2.8125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionAboutStory__inner {
    padding-left: 9.6vw;
    padding-right: 9.6vw;
  }
}
.sectionAboutStory__textBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.sectionAboutStory__copy {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionAboutStory__copy {
    font-size: 1.8rem;
  }
}
.sectionAboutStory__title {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
  padding-top: 110px;
}
@media screen and (max-width: 800px) {
  .sectionAboutStory__title {
    font-size: 1.8rem;
    padding-top: 40px;
  }
}
.sectionAboutStory__desc {
  display: block;
  width: 74%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.3;
  letter-spacing: 0.08em;
  padding-top: 90px;
}
.sectionAboutStory__desc + .sectionAboutStory__desc {
  padding-top: 90px;
}
@media screen and (max-width: 800px) {
  .sectionAboutStory__desc {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6;
    padding-top: 50px;
  }
  .sectionAboutStory__desc + .sectionAboutStory__desc {
    padding-top: 40px;
  }
}
.sectionAboutStory__imgBox {
  position: relative;
  left: -5%;
  display: flex;
  width: 110%;
  padding-top: 8.59375vw;
  gap: 4.21875vw;
}
@media screen and (max-width: 800px) {
  .sectionAboutStory__imgBox {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionAboutStory__imgBox {
    gap: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionAboutStory__imgBox {
    flex-direction: column;
    left: 0;
    width: 100%;
  }
}

.sectionFv {
  position: relative;
  width: 100vw;
  height: 100svh;
}
.sectionFv__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sectionFv__copy {
  position: absolute;
  top: 70px;
  left: 36px;
  z-index: 20;
}
@media screen and (max-width: 800px) {
  .sectionFv__copy {
    top: 114px;
    left: 36px;
  }
}
.sectionFv__copy strong,
.sectionFv__copy small {
  display: block;
}
.sectionFv__copy strong {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.08em;
}
.sectionFv__copy small {
  padding-top: 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0.08em;
}
.sectionFv__newsletter {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  display: none;
  justify-content: center;
  width: 100%;
}
.sectionFv__newsletter {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .sectionFv__newsletter {
    padding-left: 8.5333333333vw;
    padding-right: 8.5333333333vw;
  }
}
.sectionFv__newsletter {
  padding-top: 1.5625vw;
  padding-bottom: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionFv__newsletter {
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionFv__newsletter {
    display: flex;
  }
}

.sectionLook {
  position: relative;
  width: 100vw;
  background-color: #EAE7DC;
}
.sectionLook {
  padding-top: 8.59375vw;
  padding-bottom: 8.59375vw;
}
@media screen and (max-width: 800px) {
  .sectionLook {
    padding-top: 9.6vw;
    padding-bottom: 9.6vw;
  }
}
.sectionLook__inner {
  position: relative;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .sectionLook__inner {
    flex-direction: column;
  }
}
.sectionLook__col {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 800px) {
  .sectionLook__col {
    width: 100%;
  }
}
.sectionLook__col--01 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 800px) {
  .sectionLook__col--01 {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionLook__col--01 {
    padding-left: 9.6vw;
    padding-right: 9.6vw;
  }
}
.sectionLook__col--02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 9.375vw;
}
@media screen and (max-width: 800px) {
  .sectionLook__col--02 {
    row-gap: 32vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionLook__col--02 {
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
  }
  .sectionLook__col--02 {
    padding-top: 0vw;
    padding-bottom: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionLook__col--02 {
    padding-top: 7.4666666667vw;
    padding-bottom: 7.4666666667vw;
  }
}
.sectionLook__imgWrapper--01 {
  width: 80%;
}
@media screen and (max-width: 800px) {
  .sectionLook__imgWrapper--01 {
    width: 100%;
  }
}
.sectionLook__imgWrapper--02, .sectionLook__imgWrapper--03 {
  width: 66%;
}
@media screen and (max-width: 800px) {
  .sectionLook__imgWrapper--02, .sectionLook__imgWrapper--03 {
    width: calc((100% - 14px) / 2);
  }
}
@media screen and (max-width: 800px) {
  .sectionLook__imgWrapper--03 {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionLook__imgWrapper--03 {
    margin-top: 16vw;
  }
}
.sectionLook__content {
  position: absolute;
  top: 17.1875vw;
  left: 0;
  display: flex;
  width: 100%;
  padding-left: 10%;
  z-index: 20;
}
@media screen and (min-width: 1601px) {
  .sectionLook__content {
    top: 220px;
  }
}
@media screen and (max-width: 800px) {
  .sectionLook__content {
    top: 50px;
  }
  .sectionLook__content {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionLook__content {
    padding-left: 17.0666666667vw;
    padding-right: 17.0666666667vw;
  }
}

.sectionNews {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 9.6875vw;
  padding-bottom: 24.21875vw;
}
@media screen and (max-width: 800px) {
  .sectionNews {
    padding-top: 11.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionNews {
    padding-bottom: 19.7333333333vw;
  }
}
.sectionNews {
  padding-left: 11.5625vw;
  padding-right: 11.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionNews {
    padding-left: 9.6vw;
    padding-right: 9.6vw;
  }
}
.sectionNews__inner {
  position: relative;
  width: 100%;
  z-index: 20;
}
.sectionNews__bgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.sectionNews__bgWrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(83, 83, 83, 0.9);
  mix-blend-mode: multiply;
}
.sectionNews__bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
.sectionNews__content {
  width: 58.59375vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__content {
    width: 200vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionNews__content {
    width: 100%;
  }
}
.sectionNews .contentBox__title, .sectionNews .contentBox__subtitle, .sectionNews .contentBox__text {
  color: #FFFFFF;
}
.sectionNews .newsList {
  padding-top: 20px;
}
@media screen and (max-width: 800px) {
  .sectionNews .newsList {
    padding-top: 14px;
  }
}

.sectionStore {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 15.625vw;
  background-color: #EAE7DC;
}
@media screen and (max-width: 800px) {
  .sectionStore {
    padding-top: 26.6666666667vw;
  }
}
.sectionStore__inner {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sectionStore__body {
  display: flex;
  width: 100%;
  width: 85.546875vw;
  -moz-column-gap: 7.65625vw;
       column-gap: 7.65625vw;
}
@media screen and (max-width: 800px) {
  .sectionStore__body {
    width: 292vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionStore__body {
    -moz-column-gap: 26.1333333333vw;
         column-gap: 26.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionStore__body {
    width: 100%;
    flex-direction: column;
  }
  .sectionStore__body {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionStore__body {
    padding-left: 9.6vw;
    padding-right: 9.6vw;
  }
}
.sectionStore__col--pic {
  width: 46.640625vw;
}
@media screen and (max-width: 800px) {
  .sectionStore__col--pic {
    width: 159.2vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionStore__col--pic {
    width: 100%;
  }
}
.sectionStore__col--content {
  flex: 1;
  padding-top: 33.75vw;
}
@media screen and (max-width: 800px) {
  .sectionStore__col--content {
    padding-top: 9.6vw;
  }
}
.sectionStore__landscape {
  width: 100%;
  padding-top: 17.578125vw;
}
@media screen and (max-width: 800px) {
  .sectionStore__landscape {
    padding-top: 11.7333333333vw;
  }
}

.socialList {
  display: flex;
}
.socialList__item--line {
  padding-left: 2px;
}
.socialList__item--youtube {
  padding-left: 8px;
}
.socialList__item a {
  display: block;
  color: #191919;
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (hover: hover) and (pointer: fine) {
  .socialList__item a:hover {
    opacity: 0.6;
  }
}
.socialList__item a i {
  font-size: 4rem;
}

.fv {
  position: relative;
  width: 100%;
  padding-top: 6.25vw;
}
@media screen and (max-width: 800px) {
  .fv {
    padding-top: 10.6666666667vw;
  }
}
.fv__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fv__inner--bottom {
  align-items: flex-end;
}
.fv__inner::before {
  content: "";
  display: block;
  padding-top: 62.5%;
}
@media screen and (max-width: 800px) {
  .fv__inner::before {
    padding-top: 177.8666666667%;
  }
}
.fv__mediaWrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 0.625vw;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .fv__mediaWrapper {
    padding-bottom: 2.1333333333vw;
  }
}
.fv__video {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 800px) {
  .fv__video--pc {
    display: none;
  }
}
.fv__video--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .fv__video--sp {
    display: block;
  }
}
.fv__img {
  display: block;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 800px) {
  .fv__img--pc {
    display: none;
  }
}
.fv__img--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .fv__img--sp {
    display: block;
  }
}
.fv__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  opacity: 0;
  animation: fadeIn 2s ease-in-out forwards;
}
.fv__content {
  padding-top: 5.625vw;
  padding-bottom: 5.625vw;
}
@media screen and (max-width: 800px) {
  .fv__content {
    padding-top: 19.2vw;
    padding-bottom: 19.2vw;
  }
}
.fv__logo {
  display: block;
  width: 30.390625vw;
  filter: brightness(0) saturate(100%) invert(95%) sepia(84%) saturate(71%) hue-rotate(329deg) brightness(94%) contrast(95%);
}
@media screen and (max-width: 800px) {
  .fv__logo {
    width: 72.5333333333vw;
  }
}
.fv__text {
  padding-top: 1.875vw;
  font-size: 1.875vw;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  color: #FFFFFF;
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .fv__text {
    padding-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .fv__text {
    font-size: 4.8vw;
  }
}
.fv__button {
  width: 13.75vw;
  margin-top: 1.875vw;
  font-size: 1.25vw;
  color: white;
  border: 1px solid white;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  text-align: center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .fv__button {
    width: 46.9333333333vw;
  }
}
.fv__button {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .fv__button {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .fv__button {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .fv__button {
    font-size: 4.2666666667vw;
  }
}
.fv__button:hover {
  cursor: pointer;
  box-shadow: inset 0 0 0 1px white;
}
.fv__title {
  font-size: 2.5vw;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  margin-top: 3.125vw;
  margin-bottom: 3.125vw;
  color: #191919;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .fv__title {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fv__title {
    margin-top: 10.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lookbook {
  position: relative;
}
.lookbook__imgWrapper {
  width: 100%;
  position: relative;
}
.lookbook__imgWrapper::before {
  display: block;
  content: "";
  padding-top: 62.5%;
}
.lookbook__imgWrapper > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .lookbook__imgWrapper {
    position: relative;
  }
  .lookbook__imgWrapper::before {
    display: block;
    content: "";
    padding-top: 216.5333333333%;
  }
  .lookbook__imgWrapper > * {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.lookbook__bg-image {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 800px) {
  .lookbook__bg-image {
    height: 63.4375vw;
    overflow: hidden;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .lookbook__bg-image {
    height: 216.5333333333vw;
  }
}
.lookbook__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lookbook__overlay-image {
  display: block;
  width: 30.390625vw;
}
@media screen and (max-width: 800px) {
  .lookbook__overlay-image {
    width: 72.5333333333vw;
  }
}
.lookbook__text {
  color: white;
  text-align: center;
  font-size: 1.875vw;
  margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .lookbook__text {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .lookbook__text {
    margin-top: 2.1333333333vw;
  }
}

.lookbook__content {
  opacity: 0;
}

.lookbook__content.visible {
  animation: fadeIn 2s ease-in-out forwards;
}

.show {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.show__inner {
  display: block;
  width: 100%;
}
.show__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3125vw;
}
@media screen and (max-width: 800px) {
  .show__row {
    gap: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .show__row {
    flex-direction: column;
    align-items: center;
  }
}
.show__image {
  display: block;
  width: 24.21875vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .show__image {
    width: 96.8vw;
  }
}
.show__image:not(:last-child) {
  margin-right: 0.390625vw;
}
@media screen and (max-width: 800px) {
  .show__image:not(:last-child) {
    margin-right: 1.3333333333vw;
  }
}
.show__image:nth-child(4) {
  margin-right: 0vw;
}
@media screen and (max-width: 800px) {
  .show__image:nth-child(4) {
    margin-right: 0vw;
  }
}
.show__image:nth-child(n+5) {
  margin-top: 0.390625vw;
}
@media screen and (max-width: 800px) {
  .show__image:nth-child(n+5) {
    margin-top: 1.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .show__image {
    margin-bottom: 0.390625vw;
    margin-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .show__image {
    margin-bottom: 1.3333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .show__image {
    margin-right: 0vw;
  }
}
.show__row + .show__row {
  margin-top: 0.390625vw;
}
@media screen and (max-width: 800px) {
  .show__row + .show__row {
    margin-top: 1.3333333333vw;
  }
}

.newsUnder {
  display: flex;
  flex-direction: column;
  padding-top: 6.25vw;
}
@media screen and (max-width: 800px) {
  .newsUnder {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.newsUnder__title {
  font-size: 2.5vw;
  margin-top: 3.125vw;
  margin-bottom: 3.125vw;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .newsUnder__title {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__title {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__title {
    margin-bottom: 10.6666666667vw;
  }
}
.newsUnder__terms {
  display: flex;
  gap: 3.125vw;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 10%;
  border-top: 1px solid #191919;
  border-bottom: 1px solid #191919;
}
.newsUnder__terms {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__terms {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.newsUnder__term {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.78125vw;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
@media screen and (max-width: 800px) {
  .newsUnder__term {
    font-size: 2.6666666667vw;
  }
}
.newsUnder__term.selected a {
  font-weight: bold;
  text-decoration: underline;
}
.newsUnder__term:hover a {
  text-decoration: underline;
}
.newsUnder__termLink {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  color: #191919;
  transition: all 0.2s ease-in;
}
.newsUnder__contents {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__contents {
    margin-bottom: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__contents {
    justify-content: center;
  }
}
.newsUnder__content {
  display: flex;
  flex-direction: column;
  width: 23.125vw;
  margin-top: 3.125vw;
  margin-left: 1.25vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__content {
    width: 78.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__content {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__content {
    margin-left: 0vw;
  }
}
.newsUnder__imgWrapper {
  width: 23.125vw;
  position: relative;
}
@media screen and (max-width: 800px) {
  .newsUnder__imgWrapper {
    width: 78.9333333333vw;
  }
}
.newsUnder__imgWrapper::before {
  display: block;
  content: "";
  padding-top: 116.2162162162%;
}
.newsUnder__imgWrapper > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.newsUnder__date {
  font-size: 0.78125vw;
  margin-top: 1.25vw;
  color: #191919;
}
@media screen and (max-width: 800px) {
  .newsUnder__date {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__date {
    margin-top: 2.1333333333vw;
  }
}
.newsUnder__imgTitle {
  font-size: 0.9375vw;
  margin-top: 0.625vw;
  overflow: hidden;
  color: #191919;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 800px) {
  .newsUnder__imgTitle {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__imgTitle {
    margin-top: 0vw;
  }
}
.newsUnder__buttonBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__buttonBox {
    margin-bottom: 16vw;
  }
}
.newsUnder__button {
  width: 13.75vw;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .newsUnder__button {
    width: 46.9333333333vw;
  }
}
.newsUnder__button.btn {
  padding: 14px 20px 17px;
  background-color: #1D3329;
}
@media screen and (max-width: 800px) {
  .newsUnder__button.btn {
    padding: 12px 20px 15px;
  }
}
.newsUnder__button.btn .btn__inner {
  width: 100%;
}
.newsUnder__button.btn .btn__text {
  font-size: 0.9375vw;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .newsUnder__button.btn .btn__text {
    font-size: 3.2vw;
  }
}

.newsSingle {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 9.375vw;
  position: relative;
}
@media screen and (max-width: 800px) {
  .newsSingle {
    padding-top: 32vw;
  }
}
.newsSingle__inner {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding-bottom: 12.5vw;
}
@media screen and (max-width: 800px) {
  .newsSingle__inner {
    padding-bottom: 42.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__inner {
    width: 80%;
  }
}
.newsSingle__sub {
  display: flex;
  align-items: center;
}
.newsSingle__sub > * + * {
  margin-left: 1.25vw;
}
@media screen and (max-width: 800px) {
  .newsSingle__sub > * + * {
    margin-left: 4.2666666667vw;
  }
}
.newsSingle__date {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25vw;
  color: #191919;
}
@media screen and (max-width: 800px) {
  .newsSingle__date {
    font-size: 4.2666666667vw;
  }
}
.newsSingle__term {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375vw;
  background-color: #FFFFFF;
  color: #191919;
  border: 1px solid #FFFFFF;
}
.newsSingle__term {
  padding-left: 0.625vw;
  padding-right: 0.625vw;
}
@media screen and (max-width: 800px) {
  .newsSingle__term {
    padding-left: 2.1333333333vw;
    padding-right: 2.1333333333vw;
  }
}
.newsSingle__term {
  padding-top: 0.3125vw;
  padding-bottom: 0.3125vw;
}
@media screen and (max-width: 800px) {
  .newsSingle__term {
    padding-top: 1.0666666667vw;
    padding-bottom: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__term {
    font-size: 3.2vw;
  }
}
.newsSingle__title {
  display: flex;
  padding-top: 1.25vw;
  padding-bottom: 1.875vw;
  font-size: 2.5vw;
  letter-spacing: 0.1em;
  color: #191919;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .newsSingle__title {
    padding-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__title {
    padding-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__title {
    font-size: 6.4vw;
  }
}
.newsSingle__imgWrapper {
  width: 100%;
  margin-top: 5vw;
  position: relative;
  border: 0.5px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 800px) {
  .newsSingle__imgWrapper {
    margin-top: 17.0666666667vw;
  }
}
.newsSingle__imgWrapper::before {
  display: block;
  content: "";
  padding-top: 50%;
}
.newsSingle__imgWrapper > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .newsSingle__imgWrapper {
    position: relative;
  }
  .newsSingle__imgWrapper::before {
    display: block;
    content: "";
    padding-top: 47.1115537849%;
  }
  .newsSingle__imgWrapper > * {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.newsSingle__img {
  width: 100%;
  height: 100%;
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .newsSingle__img {
    margin-bottom: 8.5333333333vw;
  }
}
.newsSingle__content {
  font-size: 1.25vw;
  margin-bottom: 6.25vw;
  color: #191919;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .newsSingle__content {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__content {
    margin-bottom: 21.3333333333vw;
  }
}
.newsSingle__button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsSingle__text {
  width: 13.75vw;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .newsSingle__text {
    width: 46.9333333333vw;
  }
}
.newsSingle__text.btn {
  padding: 14px 20px 17px;
  background-color: #1D3329;
  border: none;
}
@media screen and (max-width: 800px) {
  .newsSingle__text.btn {
    padding: 12px 20px 15px;
  }
}
.newsSingle__text.btn .btn__inner {
  width: 100%;
}
.newsSingle__text.btn .btn__text {
  font-size: 1.5rem;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.newsSingle__text.btn:hover {
  background-color: #1D3329;
}
.newsSingle p,
.newsSingle a {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.ambassadors {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 9.375vw;
  margin-bottom: 9.375vw;
}
@media screen and (max-width: 800px) {
  .ambassadors {
    margin-top: 32vw;
  }
}
@media screen and (max-width: 800px) {
  .ambassadors {
    margin-bottom: 32vw;
  }
}
.ambassadors__inner {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.ambassadors__title {
  align-self: flex-start;
  font-size: 1.875vw;
}
@media screen and (max-width: 800px) {
  .ambassadors__title {
    font-size: 6.4vw;
  }
}
.ambassadors__imgWrapper {
  width: 23.4375vw;
  position: relative;
  margin-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .ambassadors__imgWrapper {
    width: 80vw;
  }
}
.ambassadors__imgWrapper::before {
  display: block;
  content: "";
  padding-top: 130.6666666667%;
}
.ambassadors__imgWrapper > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .ambassadors__imgWrapper {
    margin-bottom: 6.4vw;
  }
}
.ambassadors__cardBox {
  display: flex;
  flex-wrap: wrap;
}
.ambassadors__card {
  width: 23.4375vw;
  margin-top: 1.875vw;
  margin-right: 3.75vw;
}
@media screen and (max-width: 800px) {
  .ambassadors__card {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .ambassadors__card {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .ambassadors__card {
    margin-right: 12.8vw;
  }
}
.ambassadors__card:nth-child(3n) {
  margin-right: 0vw;
}
@media screen and (max-width: 800px) {
  .ambassadors__card:nth-child(3n) {
    margin-right: 0vw;
  }
}
.ambassadors__card-name {
  font-size: 1.875vw;
}
@media screen and (max-width: 800px) {
  .ambassadors__card-name {
    font-size: 6.4vw;
  }
}
.ambassadors__card-sns {
  display: flex;
  margin-top: 0.625vw;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .ambassadors__card-sns {
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .ambassadors__card-sns {
    margin-bottom: 4.2666666667vw;
  }
}
.ambassadors__card-sns-link {
  border-right: 1px solid #a8a8a8;
  padding-right: 10px;
  margin-right: 10px;
}
.ambassadors__card-sns-link--instagram {
  color: #a8a8a8;
  font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .ambassadors__card-sns-link--instagram {
    font-size: 3.2vw;
  }
}
.ambassadors__card-sns-link--facebook {
  color: #a8a8a8;
  font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .ambassadors__card-sns-link--facebook {
    font-size: 3.2vw;
  }
}
.ambassadors__card-sns-link--twitter {
  color: #a8a8a8;
  font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .ambassadors__card-sns-link--twitter {
    font-size: 3.2vw;
  }
}
.ambassadors__card-sns-link--youtube {
  color: #a8a8a8;
  font-size: 0.9375vw;
  border-right: none;
}
@media screen and (max-width: 800px) {
  .ambassadors__card-sns-link--youtube {
    font-size: 3.2vw;
  }
}

.store {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 6.25vw;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .store {
    padding-top: 10.6666666667vw;
  }
}
.store__inner {
  display: flex;
  flex-direction: column;
  width: 80%;
  padding-top: 3.125vw;
  padding-bottom: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .store__inner {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__inner {
    padding-bottom: 16vw;
  }
}
.store__content {
  display: flex;
  flex-direction: column;
}
.store__content + .store__content {
  margin-top: 6.25vw;
}
@media screen and (max-width: 800px) {
  .store__content + .store__content {
    margin-top: 21.3333333333vw;
  }
}
.store__contentTitle {
  padding-bottom: 3.125vw;
  font-size: 2.5vw;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .store__contentTitle {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__contentTitle {
    font-size: 8.5333333333vw;
  }
}
.store__list > * + * {
  border-top: 1px solid #191919;
}
.store__item {
  display: flex;
  flex-direction: column;
  font-family: "Yu-Gothic-Light";
}
.store__item {
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .store__item {
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
  }
}
.store__item:first-child {
  border-top: 1px solid #191919;
}
.store__item:last-child {
  border-bottom: 1px solid #191919;
}
.store__item--online {
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .store__item--online {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.store__item > * + * {
  padding-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .store__item > * + * {
    padding-top: 4.2666666667vw;
  }
}
.store__title {
  font-size: 1.875vw;
  padding-bottom: 1.875vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 800px) {
  .store__title {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__title {
    padding-bottom: 6.4vw;
  }
}
.store__text {
  font-size: 1.09375vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #191919;
}
@media screen and (max-width: 800px) {
  .store__text {
    font-size: 3.2vw;
  }
}
.store__text--link {
  transition: all ease-in 0.25s;
}
.store__text--link:hover {
  opacity: 0.5;
}
.store__text--big {
  font-size: 1.875vw;
}
@media screen and (max-width: 800px) {
  .store__text--big {
    font-size: 6.4vw;
  }
}
.store__text--adressSp {
  display: none;
}
@media screen and (max-width: 800px) {
  .store__text--adressSp {
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .store__text--pc {
    display: none;
  }
}
.store__text--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .store__text--sp {
    display: block;
  }
}
.store__font {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .store__font {
    font-size: 2.6666666667vw;
  }
}
.store__googleMap {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .store__googleMap {
    margin-top: 3.2vw;
  }
}
.store__googleMap .store__img {
  width: 1.5625vw;
  height: 1.5625vw;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 61%;
  left: 1vw;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .store__googleMap .store__img {
    width: 4.8vw;
  }
}
@media screen and (max-width: 800px) {
  .store__googleMap .store__img {
    height: 4.8vw;
  }
}
.store__googleMap .store__img path {
  fill: #FFFFFF;
}
.store__googleMapText {
  position: relative;
  cursor: pointer;
}
.store__googleMapText.btn {
  display: inline-block;
  padding-top: 1.09375vw;
  padding-bottom: 1.40625vw;
  padding-left: 3.125vw;
  padding-right: 1.5625vw;
  background-color: #1D3329;
  border: none;
}
@media screen and (max-width: 800px) {
  .store__googleMapText.btn {
    padding-top: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .store__googleMapText.btn {
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__googleMapText.btn {
    padding-left: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .store__googleMapText.btn {
    padding-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .store__googleMapText.btn {
    padding-top: 0.9375vw;
    padding-bottom: 1.25vw;
    padding-left: 2.5vw;
    padding-right: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .store__googleMapText.btn {
    padding-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .store__googleMapText.btn {
    padding-bottom: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .store__googleMapText.btn {
    padding-left: 7.4666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .store__googleMapText.btn {
    padding-right: 3.7333333333vw;
  }
}
.store__googleMapText.btn .btn__inner {
  overflow: hidden;
  padding-bottom: 0.15625vw;
}
@media screen and (max-width: 800px) {
  .store__googleMapText.btn .btn__inner {
    padding-bottom: 0.5333333333vw;
  }
}
.store__googleMapText.btn .btn__text {
  font-size: 1.09375vw;
  position: relative;
  display: block;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: left;
  white-space: nowrap;
  color: #FFFFFF;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translateY(0);
}
@media screen and (max-width: 800px) {
  .store__googleMapText.btn .btn__text {
    font-size: 3.2vw;
  }
}
.store__googleMapText.btn .btn__text::after {
  content: attr(data-text);
  position: absolute;
  top: 100%;
  left: 0;
  color: #FFFFFF;
  transform: translateY(0);
}
@media (hover: hover) and (pointer: fine) {
  .store__googleMapText.btn:hover .btn__text {
    transform: translateY(-100%);
  }
}

.showRoom {
  width: 100%;
}
.showRoom__imgWrapper {
  position: relative;
}
.showRoom__imgWrapper::before {
  display: block;
  content: "";
  padding-top: 62.5%;
}
.showRoom__imgWrapper > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .showRoom__imgWrapper {
    position: relative;
  }
  .showRoom__imgWrapper::before {
    display: block;
    content: "";
    padding-top: 192.8%;
  }
  .showRoom__imgWrapper > * {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.showRoom__bgImage {
  width: 100%;
  display: block;
}

.privacyPolicy {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.privacyPolicy__inner {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding-top: 9.375vw;
  padding-bottom: 12.5vw;
}
@media screen and (max-width: 800px) {
  .privacyPolicy__inner {
    padding-top: 32vw;
  }
}
@media screen and (max-width: 800px) {
  .privacyPolicy__inner {
    padding-bottom: 42.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .privacyPolicy__inner {
    width: 80%;
  }
}
.privacyPolicy__title {
  color: #191919;
  font-size: 2.5vw;
  padding-top: 6.25vw;
}
@media screen and (max-width: 800px) {
  .privacyPolicy__title {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .privacyPolicy__title {
    padding-top: 21.3333333333vw;
  }
}
.privacyPolicy__content {
  color: #191919;
}
.privacyPolicy__content p {
  color: #191919;
}
.recruitMv {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.recruitMv__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 60%;
  padding-top: 9.375vw;
}
@media screen and (max-width: 800px) {
  .recruitMv__inner {
    padding-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitMv__inner {
    width: 100%;
  }
  .recruitMv__inner {
    padding-left: 1.25vw;
    padding-right: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .recruitMv__inner {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
.recruitMv__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.recruitMv__header span {
  font-size: 0.9375vw;
  line-height: 1.5;
  color: #1a1a1a;
  letter-spacing: 0.23em;
}
@media screen and (max-width: 800px) {
  .recruitMv__header span {
    font-size: 3.2vw;
  }
}
.recruitMv__header h1 {
  padding-top: 0.3125vw;
  font-size: 1.40625vw;
  line-height: 1.5;
  color: #1a1a1a;
  font-weight: 400;
  position: relative;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .recruitMv__header h1 {
    padding-top: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitMv__header h1 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitMv__header h1 {
    padding-bottom: 4.2666666667vw;
  }
}
.recruitMv__header h1::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2.34375vw;
  height: 3px;
  background: #1a1a1a;
  opacity: 0.3;
}
@media screen and (max-width: 800px) {
  .recruitMv__header h1::after {
    width: 8vw;
  }
}
.recruitMv__imgWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  aspect-ratio: 760/426;
  width: 100%;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .recruitMv__imgWrapper {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitMv__imgWrapper {
    aspect-ratio: 345/195;
  }
}
.recruitMv__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recruitMv__date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 4.84375vw;
  height: 4.84375vw;
  background: #f6f1eb;
  border: 2px solid rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 800px) {
  .recruitMv__date {
    width: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitMv__date {
    height: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitMv__date {
    border: 1.5px solid rgba(0, 0, 0, 0.3);
  }
}
.recruitMv__month {
  font-weight: bold;
  font-size: 1.09375vw;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .recruitMv__month {
    font-size: 2.6666666667vw;
  }
}
.recruitMv__day {
  font-weight: bold;
  font-size: 1.875vw;
  line-height: 1.5;
  margin-top: -0.3125vw;
}
@media screen and (max-width: 800px) {
  .recruitMv__day {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitMv__day {
    margin-top: -1.0666666667vw;
  }
}
.recruitMv__title {
  position: relative;
  z-index: 1;
  font-size: 4.375vw;
  font-weight: 500;
  color: black;
  letter-spacing: 0.23em;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .recruitMv__title {
    font-size: 6.4vw;
  }
}
.recruitMv__textWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1.875vw;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .recruitMv__textWrapper {
    padding-top: 6.4vw;
  }
}
.recruitMv__text span {
  display: inline-block;
  font-size: 1.40625vw;
  line-height: 1.5;
  color: #1a1a1a;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .recruitMv__text span {
    font-size: 4.2666666667vw;
  }
}
.recruitMv__detail {
  padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .recruitMv__detail {
    padding-top: 8.5333333333vw;
  }
}
.recruitMv__detail span {
  display: inline-block;
  font-size: 0.9375vw;
  line-height: 1.5;
  color: #1a1a1a;
}
@media screen and (max-width: 800px) {
  .recruitMv__detail span {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitMv__detail span {
    letter-spacing: -0.075em;
  }
}
@media screen and (max-width: 800px) {
  .recruitMv__detail br {
    display: none;
  }
}

.recruitPosition {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.recruitPosition__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72%;
}
.recruitPosition__inner {
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .recruitPosition__inner {
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
  }
}
.recruitPosition__inner {
  padding-left: 0vw;
  padding-right: 0vw;
}
@media screen and (max-width: 800px) {
  .recruitPosition__inner {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitPosition__inner {
    width: 100%;
  }
}
.recruitPosition__heading {
  width: 100%;
  text-align: center;
  font-size: 1.40625vw;
  line-height: 2;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 800px) {
  .recruitPosition__heading {
    font-size: 4.2666666667vw;
  }
}
.recruitPosition__heading::before, .recruitPosition__heading::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 27.03125vw;
  height: 1px;
  background-color: rgba(26, 26, 26, 0.3);
}
@media screen and (max-width: 800px) {
  .recruitPosition__heading::before, .recruitPosition__heading::after {
    width: 92.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitPosition__heading::before, .recruitPosition__heading::after {
    width: 20%;
  }
}
.recruitPosition__heading::before {
  left: 0;
}
.recruitPosition__heading::after {
  right: 0;
}
.recruitPosition__positions {
  width: 100%;
  list-style: none;
  margin-top: 2.5vw;
}
@media screen and (max-width: 800px) {
  .recruitPosition__positions {
    margin-top: 6.4vw;
  }
}
.recruitPosition__positions > * + * {
  padding-top: 2.5vw;
}
@media screen and (max-width: 800px) {
  .recruitPosition__positions > * + * {
    padding-top: 8.5333333333vw;
  }
}
.recruitPosition__position {
  width: 100%;
  overflow: hidden;
}
.recruitPosition__position:last-child {
  margin-bottom: 0;
}
.recruitPosition__accordionHeader {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s;
}
.recruitPosition__accordionHeader.active .recruitPosition__toggle {
  transform: rotate(180deg);
}
.recruitPosition__toggle {
  width: 1.09375vw;
  height: 0.546875vw;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 1.25vw;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 800px) {
  .recruitPosition__toggle {
    width: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitPosition__toggle {
    height: 1.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitPosition__toggle {
    margin-right: 4.2666666667vw;
  }
}
.recruitPosition__subheading {
  font-size: 1.25vw;
  letter-spacing: 0.2em;
  font-weight: 600;
  color: #1a1a1a;
}
@media screen and (max-width: 800px) {
  .recruitPosition__subheading {
    font-size: 3.7333333333vw;
  }
}
.recruitPosition__accordionContent {
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
}
.recruitPosition__accordionContent.open {
  height: auto;
}
.recruitPosition__details {
  padding-top: 1.875vw;
  font-size: 0.9375vw;
  letter-spacing: 0.2em;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .recruitPosition__details {
    padding-top: 6.4vw;
  }
}
.recruitPosition__details {
  padding-left: 2.1875vw;
  padding-right: 2.1875vw;
}
@media screen and (max-width: 800px) {
  .recruitPosition__details {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitPosition__details {
    font-size: 2.6666666667vw;
  }
}
.recruitPosition__details * {
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.recruitInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.recruitInfo__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72%;
}
.recruitInfo__inner {
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .recruitInfo__inner {
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
  }
}
.recruitInfo__inner {
  padding-left: 0vw;
  padding-right: 0vw;
}
@media screen and (max-width: 800px) {
  .recruitInfo__inner {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitInfo__inner {
    width: 100%;
  }
}
.recruitInfo__heading {
  width: 100%;
  text-align: center;
  font-size: 1.40625vw;
  line-height: 2;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 800px) {
  .recruitInfo__heading {
    font-size: 4.2666666667vw;
  }
}
.recruitInfo__heading::before, .recruitInfo__heading::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 27.03125vw;
  height: 1px;
  background-color: rgba(26, 26, 26, 0.3);
}
@media screen and (max-width: 800px) {
  .recruitInfo__heading::before, .recruitInfo__heading::after {
    width: 92.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitInfo__heading::before, .recruitInfo__heading::after {
    width: 30%;
  }
}
.recruitInfo__heading::before {
  left: 0;
}
.recruitInfo__heading::after {
  right: 0;
}
.recruitInfo__list {
  width: 100%;
  position: relative;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .recruitInfo__list {
    margin-top: 6.4vw;
  }
}
.recruitInfo__list {
  padding-left: 7.5vw;
  padding-right: 7.5vw;
}
@media screen and (max-width: 800px) {
  .recruitInfo__list {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
.recruitInfo__list > * + * {
  padding-top: 4.375vw;
}
@media screen and (max-width: 800px) {
  .recruitInfo__list > * + * {
    padding-top: 10.6666666667vw;
  }
}
.recruitInfo__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 23.359375vw;
  height: 100%;
  width: 1px;
  background-color: rgba(26, 26, 26, 0.3);
}
@media screen and (max-width: 800px) {
  .recruitInfo__list::before {
    display: none;
  }
}
.recruitInfo__row {
  display: flex;
}
@media screen and (max-width: 800px) {
  .recruitInfo__row {
    flex-direction: column;
  }
}
.recruitInfo__term {
  width: 15.859375vw;
  font-size: 1.09375vw;
  line-height: 1.5;
  letter-spacing: 0.2em;
  font-weight: 600;
}
@media screen and (max-width: 800px) {
  .recruitInfo__term {
    width: 54.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitInfo__term {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitInfo__term {
    width: 100%;
  }
}
.recruitInfo__desc {
  flex: 1;
  padding-top: 0vw;
  font-size: 0.9375vw;
  line-height: 1.5;
  letter-spacing: 0.2em;
  color: #1a1a1a;
}
.recruitInfo__desc {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .recruitInfo__desc {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitInfo__desc {
    padding-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitInfo__desc {
    font-size: 2.6666666667vw;
  }
}
.recruitInfo__desc * {
  color: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  font-size: inherit;
}
.recruitInfo__note {
  padding-top: 1.25vw;
  font-size: 1.09375vw;
  line-height: 1.5;
  letter-spacing: 0.2em;
  color: rgba(26, 26, 26, 0.5);
}
@media screen and (max-width: 800px) {
  .recruitInfo__note {
    padding-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitInfo__note {
    font-size: 3.2vw;
  }
}

.recruitContact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.recruitContact__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72%;
}
.recruitContact__inner {
  padding-top: 5vw;
  padding-bottom: 5vw;
}
@media screen and (max-width: 800px) {
  .recruitContact__inner {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitContact__inner {
    width: 90%;
  }
}
.recruitContact__heading {
  width: 100%;
  text-align: center;
  font-size: 1.40625vw;
  line-height: 2;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 800px) {
  .recruitContact__heading {
    font-size: 4.2666666667vw;
  }
}
.recruitContact__heading::before, .recruitContact__heading::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 27.03125vw;
  height: 1px;
  background-color: rgba(26, 26, 26, 0.3);
}
@media screen and (max-width: 800px) {
  .recruitContact__heading::before, .recruitContact__heading::after {
    width: 92.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitContact__heading::before, .recruitContact__heading::after {
    width: 20%;
  }
}
.recruitContact__heading::before {
  left: 0;
}
.recruitContact__heading::after {
  right: 0;
}
.recruitContact__note {
  margin-top: 40px;
  text-align: center;
  font-size: 0.9375vw;
  color: rgba(26, 26, 26, 0.7);
  line-height: 1.8;
}
@media screen and (max-width: 800px) {
  .recruitContact__note {
    font-size: 2.6666666667vw;
  }
}

.contact {
  position: relative;
  background-image: url("../images/backGroundImage/contact_backImg.png");
  background-position: -0.32px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.contact__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 65%;
  background-color: #EAE7DC;
  z-index: 2;
  margin-top: 5.625vw;
  padding-bottom: 8.75vw;
}
@media screen and (max-width: 800px) {
  .contact__inner {
    margin-top: 19.2vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__inner {
    padding-bottom: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__inner {
    width: 90%;
  }
}
.contact__top {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 5vw;
  width: 66%;
}
@media screen and (max-width: 800px) {
  .contact__top {
    margin-top: 17.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__top {
    width: 80%;
  }
}
.contact__contents {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 66%;
}
@media screen and (max-width: 800px) {
  .contact__contents {
    width: 80%;
  }
}
.contact__title {
  color: #191919;
  font-weight: 500;
  font-size: 4.375vw;
  font-weight: 500;
  letter-spacing: 0.23em;
}
@media screen and (max-width: 800px) {
  .contact__title {
    font-size: 8.5333333333vw;
  }
}
.contact__subtitle {
  color: #1a1a1a;
  margin-top: 6.25vw;
  font-size: 1.09375vw;
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 800px) {
  .contact__subtitle {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__subtitle {
    font-size: 3.2vw;
  }
}
.contact__link {
  font-size: 1.25vw;
  margin-top: 0.625vw;
  text-decoration: underline;
  color: black;
  transition: all 0.25s ease-in;
}
@media screen and (max-width: 800px) {
  .contact__link {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__link {
    margin-top: 2.1333333333vw;
  }
}
.contact__link:hover {
  opacity: 40%;
}
.contact__set {
  display: flex;
  align-items: center;
}
.contact__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .contact__col {
    margin-top: 6.4vw;
  }
}
.contact__col--mt0 {
  margin-top: 0vw;
}
@media screen and (max-width: 800px) {
  .contact__col--mt0 {
    margin-top: 0vw;
  }
}
.contact__col textarea {
  resize: none;
}
.contact__col--a {
  align-items: flex-start;
  margin-bottom: 0vw;
}
@media screen and (max-width: 800px) {
  .contact__col--a {
    margin-bottom: 0vw;
  }
}
.contact__col--contents {
  align-items: flex-start;
}
.contact__col--center {
  align-items: center;
}
@media screen and (max-width: 800px) {
  .contact__col {
    flex-direction: column;
    align-items: flex-start;
  }
}
.contact__row {
  display: flex;
}
.contact__name {
  font-size: 1.09375vw;
  color: #1a1a1a;
  font-family: "Manrope", system-ui;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .contact__name {
    font-size: 3.2vw;
  }
}
.contact__required {
  font-size: 1.09375vw;
  opacity: 60%;
  color: red;
  font-family: "Manrope", system-ui;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .contact__required {
    font-size: 3.2vw;
  }
}
.contact__required--privacy {
  width: 6.25vw;
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .contact__required--privacy {
    width: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__required--privacy {
    margin-top: 6.4vw;
  }
}
.contact__content {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  font-size: 1.09375vw;
  font-weight: 500;
  line-height: 1.5;
  font-family: "Manrope", system-ui;
  margin-top: 1.25vw;
  color: #1a1a1a;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: #FFFFFF;
  border-radius: 0;
  width: 100%;
  /* Safari用のselectタグ対応 */
}
.contact__content {
  padding-left: 1.25vw;
  padding-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .contact__content {
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
}
.contact__content {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .contact__content {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__content {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__content {
    margin-top: 2.1333333333vw;
  }
}
.contact__content--a {
  height: 16.953125vw;
  margin-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .contact__content--a {
    height: 57.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__content--a {
    margin-bottom: 21.3333333333vw;
  }
}
.contact__content select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'><path fill='%231a1a1a' d='M0 0h12L6 6z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 10px;
  padding-right: 40px;
  text-overflow: ellipsis;
  border-radius: 0;
}
.contact__text {
  position: absolute;
  top: 39%;
  left: 1%;
  font-size: 0.625vw;
  opacity: 50%;
}
@media screen and (max-width: 800px) {
  .contact__text {
    font-size: 2.1333333333vw;
  }
}
.contact__text--a {
  top: 3%;
}
.contact__viewbutton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4.375vw;
}
@media screen and (max-width: 800px) {
  .contact__viewbutton {
    margin-top: 14.9333333333vw;
  }
}
.contact__viewmore {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17.96875vw;
  height: 3.4375vw;
  background: #191919;
  border: 1px solid #191919;
  color: #EAE7DC;
  font-size: 0.9375vw;
  letter-spacing: 0.23em;
}
@media screen and (max-width: 800px) {
  .contact__viewmore {
    width: 61.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__viewmore {
    height: 11.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__viewmore {
    font-size: 3.2vw;
  }
}
.contact__viewmore:hover {
  cursor: pointer;
  color: #191919;
  background: #EAE7DC;
}
.contact__checkBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.875vw;
  height: 1.875vw;
  border: 1px solid rgba(53, 53, 53, 0.6);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all 0.25s ease-in;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact__checkBox {
    width: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__checkBox {
    height: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__checkBox {
    margin-top: -0.078125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .contact__checkBox {
    margin-top: -0.2666666667vw;
  }
}
.contact__checkBox:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.3125vw;
  height: 0.625vw;
  border: solid #322a28;
  border-width: 0 3px 3px 0;
  opacity: 0;
  transition: opacity 0.25s ease-in;
}
@media screen and (max-width: 800px) {
  .contact__checkBox:after {
    width: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__checkBox:after {
    height: 2.1333333333vw;
  }
}
.contact__checkBox:checked:after {
  opacity: 1;
}
.contact__checkBox:focus {
  outline: none;
  border-color: #322a28;
}
.contact__upload {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}
.contact__file {
  position: relative;
  width: 100%;
  font-size: 1.25vw;
  font-family: "Manrope", system-ui;
  font-weight: 500;
  color: #1a1a1a;
  gap: 1.875vw;
}
@media screen and (max-width: 800px) {
  .contact__file {
    font-size: 3.7333333333vw;
  }
}
.contact__file::-webkit-file-upload-button {
  position: relative;
  display: inline-block;
  padding: 0.9375vw 1.875vw;
  color: #1a1a1a;
  font-family: "Manrope", system-ui;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  cursor: pointer;
}
.contact__note {
  color: #1a1a1a;
  font-family: "Manrope", system-ui;
  font-weight: 500;
  font-size: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .contact__note {
    font-size: 3.2vw;
  }
}

.wpcf7-form-control-wrap {
  width: 100%;
  margin-right: 0.625vw;
}
@media screen and (max-width: 800px) {
  .wpcf7-form-control-wrap {
    margin-right: 2.1333333333vw;
  }
}

.wpcf7 {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  flex-direction: column;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .wpcf7 {
    margin-top: 10.6666666667vw;
  }
}

.wpcf7-spinner {
  display: none !important;
  visibility: hidden !important;
}

.wpcf7-form.sent {
  width: 100%;
}

/* 成功時のメッセージの色 */
.wpcf7 form.sent .wpcf7-response-output {
  border: none !important;
  text-align: center;
  color: #1a1a1a !important;
  font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .wpcf7 form.sent .wpcf7-response-output {
    font-size: 3.2vw;
  }
}

/* 失敗時のメッセージの色 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border: none !important;
  text-align: center;
  color: red !important;
  font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output,
  .wpcf7 form.payment-required .wpcf7-response-output {
    font-size: 3.2vw;
  }
}

.wpcf7-form.invalid {
  width: 100%;
}

.wpcf7-list-item-label {
  font-size: 1.25vw;
  margin-right: 1.25vw;
  font-weight: 400;
  color: #1a1a1a;
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item-label {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item-label {
    margin-right: 0vw;
  }
}

.wpcf7-list-item-label span {
  font-size: 1.25vw;
  color: red;
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item-label span {
    font-size: 4.2666666667vw;
  }
}

.wpcf7-select {
  font-size: 1.09375vw;
  font-weight: 500;
  line-height: 1.5;
  color: rgba(26, 26, 26, 0.6);
  /* Safari対応 */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'><path fill='%231a1a1a' d='M0 0h12L6 6z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 10px;
  padding-right: 40px;
  text-overflow: ellipsis;
}
@media screen and (max-width: 800px) {
  .wpcf7-select {
    font-size: 3.7333333333vw;
  }
}
.wpcf7-select[aria-invalid=false] {
  color: #1a1a1a;
}

.contact__col span {
  margin-top: 0vw;
  font-size: 0.9375vw;
  margin-right: 0;
}
@media screen and (max-width: 800px) {
  .contact__col span {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__col span {
    font-size: 3.2vw;
  }
}

.wpcf7-form-control option {
  color: #353535;
}

.wpcf7-acceptance {
  background: none !important;
}

.wpcf7-checkbox {
  background: none !important;
}

.wpcf7-form-control-wrap[data-name=desired-type] {
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .wpcf7-form-control-wrap[data-name=desired-type] {
    margin-top: 4.2666666667vw;
  }
}

.wpcf7-form-control-wrap[data-name=desired-type] span {
  margin-top: 0vw;
}
@media screen and (max-width: 800px) {
  .wpcf7-form-control-wrap[data-name=desired-type] span {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .wpcf7-form-control-wrap[data-name=desired-type] span {
    display: flex;
    align-items: center;
  }
}

.wpcf7-list-item {
  margin: 0 !important;
  margin-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item {
    margin-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item {
    padding-top: 0.46875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .wpcf7-list-item {
    padding-top: 1.6vw;
  }
}

.wpcf7-list-item label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
  color: #aea498;
  font-family: "Manrope", system-ui;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5; /* 24px */
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item label {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item label {
    align-items: flex-start;
  }
}

.contact__checkboxTop .wpcf7-list-item-label {
  width: 3.90625vw;
}
@media screen and (max-width: 800px) {
  .contact__checkboxTop .wpcf7-list-item-label {
    width: 21.3333333333vw;
  }
}

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

.contact__checkboxTop input {
  display: none;
}

.contact__checkboxTop input + span {
  padding-left: 28px;
  display: inline-block;
  position: relative;
}

.contact__checkboxTop input + span::after,
.contact__checkboxTop input + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}

.contact__checkboxTop input + span::before {
  border: 1px solid #322a28;
  background-color: #ebe6e2;
  height: 20px;
  width: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.contact__checkboxTop input + span::after {
  content: "";
  display: none;
  position: absolute;
  top: 42%;
  left: 11px;
  width: 5px;
  height: 10px;
  border: solid #322a28;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.contact__checkboxTop input:checked + span::after {
  display: block;
}

/* 選択前のスタイル */
.placeholder-select {
  opacity: 0.6 !important;
  color: #1a1a1a;
  font-family: "Manrope", system-ui;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5; /* 24px */
  background-color: transparent !important;
  /* Safari対応 */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'><path fill='%231a1a1a' d='M0 0h12L6 6z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 10px !important;
  padding-right: 40px;
  text-overflow: ellipsis;
}
@media screen and (max-width: 800px) {
  .placeholder-select {
    font-size: 4.2666666667vw;
  }
}

/* 選択後のスタイル */
.placeholder-select option:checked {
  color: rgb(53, 53, 53) !important;
  font-size: 16px;
  background-color: rgba(50, 42, 40, 0.05) !important;
}

@media screen and (max-width: 800px) {
  .contactForm__radioButton {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
}

@media screen and (max-width: 800px) {
  .wpcf7-list-item input[type=radio] {
    margin-top: 0.390625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .wpcf7-list-item input[type=radio] {
    margin-top: 1.3333333333vw;
  }
}

.wpcf7-form.init {
  width: 100%;
}

::-moz-placeholder {
  color: #1a1a1a;
  opacity: 0.6;
}

::placeholder {
  color: #1a1a1a;
  opacity: 0.6;
}

/* Safari用のselect対応 */
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    select {
      -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'><path fill='%231a1a1a' d='M0 0h12L6 6z'/></svg>");
      background-repeat: no-repeat;
      background-position: right 16px center;
      background-size: 10px;
      padding-right: 40px !important;
      text-overflow: ellipsis;
      border-radius: 0;
    }
  }
}
.sectionCompanyPhilosophy {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #B4A085;
  color: #EAE7DC;
  padding-top: 9.375vw;
  padding-bottom: 12.5vw;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy {
    padding-top: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy {
    padding-bottom: 16vw;
  }
}
.sectionCompanyPhilosophy__inner {
  display: block;
  width: 67.5%;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__inner {
    width: 100%;
  }
  .sectionCompanyPhilosophy__inner {
    padding-left: 2.8125vw;
    padding-right: 2.8125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionCompanyPhilosophy__inner {
    padding-left: 9.6vw;
    padding-right: 9.6vw;
  }
}
.sectionCompanyPhilosophy__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sectionCompanyPhilosophy__content + .sectionCompanyPhilosophy__content {
  padding-top: 9.375vw;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__content + .sectionCompanyPhilosophy__content {
    padding-top: 32vw;
  }
}
.sectionCompanyPhilosophy__logo {
  width: 266px;
}
.sectionCompanyPhilosophy__logo + .sectionCompanyPhilosophy__title {
  padding-top: 7.8125vw;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__logo + .sectionCompanyPhilosophy__title {
    padding-top: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__logo {
    width: 174px;
  }
}
.sectionCompanyPhilosophy__title {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
.sectionCompanyPhilosophy__copy {
  font-size: 2.65625vw;
  margin-top: 6.25vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__copy {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__copy {
    margin-top: 10.6666666667vw;
  }
}
.sectionCompanyPhilosophy__copy--en {
  font-size: 1.25vw;
  margin-top: 1.25vw;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__copy--en {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__copy--en {
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__copy--en {
    text-align: center;
  }
}
.sectionCompanyPhilosophy__desc {
  display: block;
  width: 74%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.3;
  letter-spacing: 0.08em;
  padding-top: 7.03125vw;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__desc {
    padding-top: 13.3333333333vw;
  }
}
.sectionCompanyPhilosophy__desc + .sectionCompanyPhilosophy__desc {
  padding-top: 7.03125vw;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__desc + .sectionCompanyPhilosophy__desc {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__desc {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.sectionCompanyPhilosophy__desc--name {
  display: block;
  width: 74%;
  font-size: 1.6rem;
  line-height: 2.3;
  letter-spacing: 0.08em;
  margin-top: 2.5vw;
  text-align: right;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__desc--name {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__desc--name {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.sectionCompanyPhilosophy__imgBox {
  position: relative;
  left: 8.125vw;
  width: 83.75vw;
  padding-top: 6.171875vw;
  margin-top: 8.59375vw;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__imgBox {
    padding-top: 66.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__imgBox {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__imgBox {
    left: 0;
    width: 100%;
  }
}
.sectionCompanyPhilosophy__imgWrapper--01 {
  width: 36.2686567164%;
  position: relative;
  z-index: 20;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__imgWrapper--01 {
    width: 100%;
  }
}
.sectionCompanyPhilosophy__imgWrapper--02 {
  width: 76.7164179104%;
  position: absolute !important;
  top: 0;
  right: 0;
  z-index: 10;
}
@media screen and (max-width: 800px) {
  .sectionCompanyPhilosophy__imgWrapper--02 {
    width: 100%;
    left: 9.6vw;
  }
}

.sectionCompanyProfile {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #EAE7DC;
  padding-top: 9.375vw;
  padding-bottom: 9.375vw;
}
@media screen and (max-width: 800px) {
  .sectionCompanyProfile {
    padding-top: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompanyProfile {
    padding-bottom: 16vw;
  }
}
.sectionCompanyProfile__inner {
  display: block;
  width: 67.5%;
}
@media screen and (max-width: 800px) {
  .sectionCompanyProfile__inner {
    width: 100%;
  }
  .sectionCompanyProfile__inner {
    padding-left: 2.8125vw;
    padding-right: 2.8125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionCompanyProfile__inner {
    padding-left: 9.6vw;
    padding-right: 9.6vw;
  }
}
.sectionCompanyProfile__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sectionCompanyProfile__content + .sectionCompanyPhilosophy__content {
  padding-top: 9.375vw;
}
@media screen and (max-width: 800px) {
  .sectionCompanyProfile__content + .sectionCompanyPhilosophy__content {
    padding-top: 32vw;
  }
}
.sectionCompanyProfile__title {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionCompanyProfile__title {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionCompanyProfile__title {
    font-size: 6.4vw;
  }
}

.profileTable {
  display: block;
  width: 62.5vw;
  margin-top: 6.25vw;
}
@media screen and (max-width: 800px) {
  .profileTable {
    width: 89.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .profileTable {
    margin-top: 10.6666666667vw;
  }
}
.profileTable__row {
  display: flex;
  border-bottom: 1px solid rgba(25, 25, 25, 0.3);
}
@media screen and (max-width: 800px) {
  .profileTable__row {
    flex-direction: column;
  }
}
.profileTable__row:first-child {
  border-top: 1px solid rgba(25, 25, 25, 0.3);
}
.profileTable__label {
  display: flex;
  align-items: center;
  width: 30%;
  font-size: 1.09375vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #191919;
}
.profileTable__label {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .profileTable__label {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.profileTable__label {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .profileTable__label {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .profileTable__label {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .profileTable__label {
    width: 100%;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .profileTable__label {
    padding-top: 3.2vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .profileTable__label {
    padding-bottom: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .profileTable__label {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .profileTable__label {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
.profileTable__content {
  display: flex;
  align-items: flex-start;
  width: 70%;
  font-size: 1.09375vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #191919;
}
.profileTable__content {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .profileTable__content {
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}
.profileTable__content {
  padding-left: 2.890625vw;
  padding-right: 2.890625vw;
}
@media screen and (max-width: 800px) {
  .profileTable__content {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .profileTable__content {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .profileTable__content {
    width: 100%;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .profileTable__content {
    padding-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .profileTable__content {
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .profileTable__content {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .profileTable__content {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
.profileTable__content--companies {
  flex-direction: column;
  align-items: flex-start;
}
.profileTable__content--companies .company-name {
  display: block;
  width: 100%;
  line-height: 1.8;
}
.profileTable__content--companies .company-name:not(:last-child) {
  margin-bottom: 4px;
}
.profileTable__content--companies .company-name[style*=display] {
  display: block !important;
}
.profileTable__content--companies * {
  display: block !important;
  white-space: normal !important;
}
.profileTable__content--companies .gt-text {
  display: block !important;
  line-height: 1.8 !important;
  margin-bottom: 4px !important;
}

.companyProfile__access {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 9.375vw;
}
@media screen and (max-width: 800px) {
  .companyProfile__access {
    padding-top: 16vw;
  }
}
.companyProfile__access__title {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .companyProfile__access__title {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .companyProfile__access__title {
    font-size: 6.4vw;
  }
}
.companyProfile__access__imgWrapper {
  width: 27.34375vw;
  margin-top: 6.25vw;
}
@media screen and (max-width: 800px) {
  .companyProfile__access__imgWrapper {
    width: 80.8vw;
  }
}
@media screen and (max-width: 800px) {
  .companyProfile__access__imgWrapper {
    margin-top: 10.6666666667vw;
  }
}
.companyProfile__access__img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.companyProfile__access__address {
  font-size: 1.09375vw;
  padding-top: 7.03125vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #191919;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .companyProfile__access__address {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .companyProfile__access__address {
    padding-top: 10.6666666667vw;
  }
}
.companyProfile__access__accessMap {
  margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .companyProfile__access__accessMap {
    margin-top: 4.2666666667vw;
  }
}
.companyProfile__access__accessMap iframe {
  width: 56.25vw;
  height: 26.953125vw;
}
@media screen and (max-width: 800px) {
  .companyProfile__access__accessMap iframe {
    width: 80.8vw;
  }
}
@media screen and (max-width: 800px) {
  .companyProfile__access__accessMap iframe {
    height: 49.3333333333vw;
  }
}

.thanks {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.thanks__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .thanks__inner {
    padding-top: 6.4vw;
  }
}
.thanks__title {
  font-size: 8.75vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.23em;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  .thanks__title {
    font-size: 10.6666666667vw;
  }
}
.thanks__subtitle {
  font-size: 1.875vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 800px) {
  .thanks__subtitle {
    font-size: 6.4vw;
  }
}
.thanks__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .thanks__text {
    padding-top: 6.4vw;
  }
}
.thanks__text span {
  display: inline-block;
  text-align: center;
  font-size: 1.25vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 2;
}
@media screen and (max-width: 800px) {
  .thanks__text span {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .thanks__text span {
    letter-spacing: -0.06em;
  }
}
.thanks__button.btn {
  margin-top: 4.6875vw;
  margin-bottom: 1.875vw;
  padding: 14px 136px 17px 20px;
}
@media screen and (max-width: 800px) {
  .thanks__button.btn {
    margin-top: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .thanks__button.btn {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .thanks__button.btn {
    padding: 12px 117px 15px 20px;
  }
}
.thanks__button.btn .btn__inner {
  width: 100%;
}
.thanks__button.btn .btn__text {
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

.footer {
  display: flex;
  justify-content: center;
  padding-top: 8.59375vw;
  padding-bottom: 1.5625vw;
  padding-left: 5.46875vw;
  padding-right: 3.4375vw;
}
@media screen and (max-width: 800px) {
  .footer {
    padding-top: 11.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .footer {
    padding-bottom: 18.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .footer {
    padding-left: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .footer {
    padding-right: 8.5333333333vw;
  }
}
.footer__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  -moz-column-gap: 3.75vw;
       column-gap: 3.75vw;
}
@media screen and (max-width: 800px) {
  .footer__inner {
    -moz-column-gap: 12.8vw;
         column-gap: 12.8vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__inner {
    flex-direction: column;
    align-items: center;
    row-gap: 36px;
  }
}
.footer__logo {
  width: 190px;
}
@media screen and (max-width: 800px) {
  .footer__logo {
    width: 118px;
  }
}
.footer__logo a {
  display: block;
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (hover: hover) and (pointer: fine) {
  .footer__logo a:hover {
    opacity: 0.6;
  }
}
.footer__col {
  display: flex;
}
.footer__col--logo {
  justify-content: flex-start;
  align-items: flex-start;
  -moz-column-gap: 3.75vw;
       column-gap: 3.75vw;
}
@media screen and (max-width: 800px) {
  .footer__col--logo {
    -moz-column-gap: 12.8vw;
         column-gap: 12.8vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__col--logo {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.footer__col--nav {
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 11.328125vw;
}
@media screen and (max-width: 800px) {
  .footer__col--nav {
    row-gap: 38.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__col--nav {
    row-gap: 64px;
  }
}
.footer__group {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  row-gap: 16px;
  -moz-column-gap: 3.75vw;
       column-gap: 3.75vw;
}
@media screen and (max-width: 800px) {
  .footer__group {
    -moz-column-gap: 12.8vw;
         column-gap: 12.8vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__group {
    flex-direction: column;
    align-items: center;
    padding-top: 32px;
  }
}
@media screen and (max-width: 800px) {
  .footer__newsletter {
    display: none;
  }
}
.footer__social {
  position: relative;
  left: -8px;
}
@media screen and (max-width: 800px) {
  .footer__social {
    left: 2px;
  }
}
.footer__nav .navList {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media screen and (max-width: 800px) {
  .footer__nav .navList__item {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .footer__nav .navList--footer {
    flex-direction: column;
    align-items: center;
    row-gap: 24px;
  }
}
@media screen and (max-width: 800px) {
  .footer__nav .navList--footer .navList__item {
    display: block;
  }
}
.footer__copyright {
  font-size: 1.1rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-align: right;
}
@media screen and (max-width: 800px) {
  .footer__copyright {
    text-align: center;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  width: 100vw;
  padding: 20px 24px 20px 36px;
}
@media screen and (max-width: 800px) {
  .header {
    padding: 11px 12px;
  }
}
.header__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.header__row--newsletter {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .header__row--newsletter {
    display: none;
  }
}
.header__row--nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 74px;
       column-gap: 74px;
  padding-top: 10px;
}
@media screen and (max-width: 800px) {
  .header__row--nav {
    -moz-column-gap: 12px;
         column-gap: 12px;
    padding-top: 0;
  }
}
.header__logo {
  width: 100px;
}
.header__logo a {
  display: block;
  width: 100%;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (hover: hover) and (pointer: fine) {
  .header__logo a:hover {
    opacity: 0.6;
  }
}
.header__nav {
  display: flex;
}
@media screen and (max-width: 800px) {
  .header__nav .navList__item {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .header__nav .navList__item--onlineStore {
    display: flex;
  }
}
.header__lang {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .header__lang {
    display: none;
  }
}
.header__hamburger {
  display: none;
}
@media screen and (max-width: 800px) {
  .header__hamburger {
    display: block;
  }
}
.header--negative .navList a,
.header--negative .newsletter__title,
.header--negative .hamburger i,
.header--negative .gtranslate .gtranslate__btn i,
.header--negative .gtranslate .gtranslate_wrapper a {
  color: #191919;
}
.header--negative .navList a span {
  display: inline;
  background-image: linear-gradient(to right, #191919, #191919);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 0% 1px;
  transition: background-size 0.5s cubic-bezier(0.19, 1, 0.22, 1), color 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
@media (hover: hover) and (pointer: fine) {
  .header--negative .navList a:hover span {
    color: #191919;
    background-position: left bottom;
    background-size: 100% 1px;
  }
}
.header--positive .navList a,
.header--positive .newsletter__title,
.header--positive .hamburger i,
.header--positive .gtranslate .gtranslate__btn i,
.header--positive .gtranslate .gtranslate_wrapper a {
  color: #EAE7DC;
}
.header--positive .header__logo a img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(84%) saturate(71%) hue-rotate(329deg) brightness(94%) contrast(95%);
}
.header--positive .navList a span {
  display: inline;
  background-image: linear-gradient(to right, #EAE7DC, #EAE7DC);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 0% 1px;
  transition: background-size 0.5s cubic-bezier(0.19, 1, 0.22, 1), color 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
@media (hover: hover) and (pointer: fine) {
  .header--positive .navList a:hover span {
    color: #EAE7DC;
    background-position: left bottom;
    background-size: 100% 1px;
  }
}

.js-show[data-type=fadeIn] {
  display: block;
  opacity: 0;
}
.js-show[data-type=fadeInGroup] .js-show-children {
  display: block;
  opacity: 0;
}
.js-show[data-type=splitText] > span {
  display: block;
  overflow: hidden;
  opacity: 0;
}
.js-show[data-type=splitText] > span > span {
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  overflow: hidden;
}
.js-show[data-type=splitText] > span > span > span {
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  transform: translateY(105%) translateZ(0);
}
.js-show[data-type=coverImg] {
  overflow: hidden;
  position: relative;
}
.js-show[data-type=coverImg] .js-show__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1D3329;
  z-index: 10;
}
.js-show[data-type=coverImg] img {
  transform: scale(1.15);
  filter: blur(10px);
  transform-origin: center;
  will-change: transform, filter;
}