@charset "UTF-8";

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

*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::-moz-selection {
  background-color: color(selection);
}

*::selection {
  background-color: color(selection);
}

body {
  font-family: "YuGothic", "游ゴシック", "Noto Sans JP", sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover {
  opacity: 0.7;
}

@media (min-width: 769px) {
  a a[href^="tel:"] {
    pointer-events: none;
  }
}

img {
  image-rendering: -webkit-optimize-contrast;
}

img,
svg,
video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

picture img {
  width: 100%;
  height: auto;
}

table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

table th,
table td {
  word-break: break-all;
}

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

[data-js-focus-visible]:focus:not([data-focus-visible-added]) {
  outline: none;
}

/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

*:focus {
  outline: none;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  height: 0;
  /* Add the correct box sizing in Firefox */
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

details,
main {
  display: block;
  /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: none;
  /* Remove the bottom border in Chrome 57 */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder;
  /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  color: inherit;
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button,
html [type=button],
[type=reset],
[type=submit] {
  /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
}

/* Style select like a standard input */
select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  vertical-align: bottom;
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

ol,
ul {
  list-style: none;
}

input[type=submit]:focus,
input[type=button]:focus {
  outline-offset: -2px;
}

input,
textarea {
  border-radius: 0;
}

input:focus,
textarea:focus {
  outline: none;
}

h1,
h2,
h3,
h4 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #212121;
}

p,
input,
textarea,
li,
span {
  font-family: "YuGothic", "游ゴシック", "Noto Sans JP", sans-serif;
  color: #212121;
}

a {
  font-family: "YuGothic", "游ゴシック", "Noto Sans JP", sans-serif;
  color: #212121;
  text-decoration: none;
}

.lazyload-img {
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.lazyload-img.lazyloaded {
  opacity: 1;
}

.is-nav {
  display: none;
}

@media screen and (max-width: 1024px) {
  .is-nav {
    display: block;
  }
}

.is-pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .is-pc {
    display: none;
  }
}

.is-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .is-sp {
    display: block;
  }
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/**
* @file _l-footer.scss
**/
.footer {
  padding-top: 120px;
  padding-bottom: 65px;
  width: 100%;
  background-color: #f9f9f9;
  border-radius: 85px 85px 0 0;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .footer {
    border-radius: 50px 50px 0 0;
    padding-top: 60px;
    padding-bottom: 25px;
  }
}

.footer__sns__nav {
  width: 100%;
  max-width: 360px;
  margin-inline: auto;
}

.footer__sns__title {
  font-size: 50px;
  letter-spacing: 2px;
  font-weight: 100;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .footer__sns__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .footer__nav {
    width: 100%;
  }
}

.footer__sns__menu {
  width: 100%;
  max-width: 360px;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  .footer__sns__menu {
    max-width: 220px;
    margin-top: 25px;
    gap: 20px;
    margin-inline: auto;
  }
}

.footer__sns__list {
  width: 20%;
}

.footer__sns__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer__sns__nav__text-box {
  margin-top: 30px;
  text-align: center;
}

.footer__sns__nav__text {
  display: inline-block;
  color: #212121;
  border: solid 1px #212121;
  border-radius: 25px;
  padding: 5px 25px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .footer__sns__nav__text {
    font-size: 14px;
    padding: 0 20px;
  }
}

.footer__contents {
  position: relative;
  margin-top: 50px;
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer__contents:before {
  content: "";
  background-color: #929292;
  height: 1px;
  width: 100%;
  margin-inline: auto;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 20;
}

@media screen and (max-width: 768px) {
  .footer__contents {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 25px;
    padding-top: 25px;
  }
}

.footer__logo {
  max-width: 180px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .footer__logo {
    max-width: 125px;
  }
}

.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .footer__list {
    width: 100%;
  }

  .footer__list:first-of-type {
    margin-top: 20px;
  }
}

.footer__list:first-of-type .footer__link {
  border-left: none;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 768px) {
  .footer__list:first-of-type .footer__link {
    padding-left: 0;
    padding-right: 0;
  }
}

.footer__list:last-of-type .footer__link {
  padding-right: 0;
}

.footer__link {
  border-left: solid 1px #929292;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .footer__link {
    padding-left: 0;
    padding-right: 0;
    border-left: none;
  }
}

.footer__copyright {
  margin-top: 20px;
  display: block;
  text-align: right;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .footer__copyright {
    text-align: center;
  }
}

/********************************************************/
/* recruit */
/********************************************************/
.footer__recruit {
  padding-top: 25px;
  padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .footer__recruit {
    padding-top: 20px;
  }
}

.footer__recruit__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .footer__recruit__contents {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.footer__recruit__title-box {
  width: 30%;
}

@media screen and (max-width: 599px) {
  .footer__recruit__title-box {
    width: 100%;
  }
}

.footer__recruit__logo__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.footer__recruit__logo {
  width: 100%;
  max-width: 125px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .footer__recruit__logo {
    max-width: 80px;
    line-height: 0;
  }
}

.footer__recruit__subtitle {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .footer__recruit__subtitle {
    font-size: 14px;
  }
}

.footer__recruit__btn__link {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .footer__recruit__btn__link {
    font-size: 14px;
  }
}

.footer__recruit__btn__link span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .footer__recruit__btn__link span {
    width: 15px;
    height: 15px;
    margin-left: 5px;
  }
}

.footer__copyright {
  display: block;
  border-top: 1px solid #e5e6e5;
  text-align: center;
  font-size: 14px;
  padding-top: 15px;
}

@media screen and (max-width: 768px) {
  .footer__copyright {
    font-size: 12px;
    padding-top: 10px;
  }
}

/********************************************************/
/* cafe */
/********************************************************/
.footer__cafe {
  padding-top: 25px;
  padding-bottom: 15px;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 1024px) {
  .footer__cafe {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 0;
  }
}

.footer__cafe__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .footer__cafe__contents {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.footer__cafe__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.footer__cafe__logo {
  width: 100%;
  max-width: 150px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .footer__cafe__logo {
    max-width: 120px;
    line-height: 0;
  }
}

.footer__cafe__logo__link {
  width: 150px !important;
}

@media screen and (max-width: 599px) {
  .footer__cafe__logo__link {
    width: 120px important;
  }
}

.footer__cafe__subtitle {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .footer__cafe__subtitle {
    font-size: 14px;
  }
}

.footer__cafe__btn__link {
  display: inline-block;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .footer__cafe__btn__link {
    font-size: 14px;
  }
}

.footer__cafe__btn__link span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  vertical-align: super;
}

@media screen and (max-width: 768px) {
  .footer__cafe__btn__link span {
    width: 15px;
    height: 15px;
    margin-left: 5px;
  }
}

.footer__cafe__menu {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4rem;
}

@media screen and (max-width: 768px) {
  .footer__cafe__menu {
    display: none;
  }
}

.footer__cafe__btn {
  text-align: right;
}

.footer__copyright {
  display: block;
  border-top: 1px solid #e5e6e5;
  text-align: center;
  font-size: 14px;
  padding-top: 15px;
}

@media screen and (max-width: 768px) {
  .footer__copyright {
    font-size: 12px;
    padding-top: 10px;
  }
}

/********************************************************/
/* original */
/********************************************************/
.footer__original {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #e7e7e4;
}

@media screen and (max-width: 768px) {
  .footer__original {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.footer__original__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .footer__original__contents {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.footer__original__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.footer__original__logo {
  width: 100%;
  max-width: 125px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .footer__original__logo {
    max-width: 80px;
    line-height: 0;
  }
}

.footer__original__subtitle {
  font-size: 25px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
}

@media screen and (max-width: 768px) {
  .footer__original__subtitle {
    font-size: 14px;
  }
}

.footer__original__btn__link {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .footer__original__btn__link {
    font-size: 14px;
  }
}

.footer__original__btn__link span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 13px;
  height: 13px;
  margin-left: 5px;
}

@media screen and (max-width: 768px) {
  .footer__original__btn__link span {
    width: 15px;
    height: 15px;
  }
}

.original__copyright {
  display: block;
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .original__copyright {
    font-size: 12px;
  }
}

/**
* @file _l-header.scss
**/
.l-header {
  position: absolute;
  z-index: 1000;
  width: 100%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.l-header.is-fixed {
  position: fixed;
}

.l-header .c-header-padding {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 1024px) {
  .l-header .c-header-padding {
    max-width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 0;
  }
}

.l-header__nav {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 1024px) {
  .l-header__nav {
    width: unset;
  }
}

.l-header .cafe__side__nav__wrapper--sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  .l-header .cafe__side__nav__wrapper--sp {
    display: block;
    margin-top: 30px;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .l-header .cafe__side__nav__wrapper--pc {
    display: none;
  }
}

.l-header .nav {
  /********************************************************/
  /* ハンバーガーメニュー */
  /********************************************************/
}

@media screen and (max-width: 1024px) {
  .l-header .nav {
    position: fixed;
    top: 0;
    right: -100%;
    padding: 50px 25px;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    width: 100%;
    height: 100svh;
    background-color: #fff;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    overflow: scroll;
  }

  .l-header .nav.is-open {
    right: 0;
  }
}

.l-header .nav__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  padding: 2% 0;
}

.l-header .nav__item {
  position: relative;
}

@media screen and (max-width: 1024px) {
  .l-header .nav__item {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  .l-header .nav__item:first-of-type {
    margin-top: 30px;
  }
}

.l-header .nav__item:not(:first-of-type) {
  margin-left: 2%;
}

@media screen and (max-width: 1024px) {
  .l-header .nav__item:not(:first-of-type) {
    margin-left: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .l-header .nav__item:not(:first-of-type) {
    margin-left: 0;
  }
}

.l-header .nav__link {
  width: 100%;
  font-size: min(1vw, 15px);
  font-weight: 600;
  color: #333;
  text-decoration: none;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.l-header .nav__link:hover {
  color: #ef7b51;
}

.l-header .nav__link:hover::after {
  width: 100%;
}

.l-header .nav__link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 50%;
  background-color: #ef7b51;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
  .l-header .nav__link {
    display: block;
    padding: 16px 0;
    font-size: 1.5rem;
  }
}

.l-header .nav__toggle {
  position: fixed;
  z-index: 2000;
  min-width: 25px;
  height: 16px;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .l-header .nav__toggle {
    top: 30px;
    right: 20px;
  }
}

.l-header .nav__menu-line {
  position: absolute;
  right: 0;
  z-index: 1000;
  width: 25px;
  height: 1px;
  background-color: #212121;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

@media screen and (max-width: 1024px) {
  .l-header .nav__link--top {
    padding: 8px 0;
  }
}

.l-header .menu-line1 {
  top: 0;
}

.l-header .menu-line2 {
  top: 8px;
}

.l-header .menu-line3 {
  top: 16px;
}

.l-header #js-nav-menu.is-open .menu-line1 {
  position: absolute;
  top: 16px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.l-header #js-nav-menu.is-open .menu-line2 {
  opacity: 0;
}

.l-header #js-nav-menu.is-open .menu-line3 {
  position: absolute;
  top: 16px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.l-header #js-nav.is-open .nav__lists {
  right: 0;
}

/********************************************************/
/* 追加SASS */
/********************************************************/
@media screen and (max-width: 1024px) {
  .l-header__menu__left__wrap {
    margin-right: auto;
  }
}

.l-header__menu__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

@media screen and (max-width: 1024px) {
  .l-header__menu__left {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__menu__left .l-header__list {
    width: 100%;
    margin-top: 12px;
  }
}

.l-header__menu__left .l-header__list:nth-of-type(1) .l-header__link {
  padding-left: 0;
}

.l-header__menu__left .l-header__list:last-of-type .l-header__link {
  border-right: none;
}

.l-header__menu__left .l-header__list .l-header__link {
  display: block;
  font-size: clamp(0.5rem, 0.4125rem + 0.4375vw, 0.9375rem);
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #212121;
  letter-spacing: 2px;
}

@media screen and (max-width: 1500px) {
  .l-header__menu__left .l-header__list .l-header__link {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 1340px) {
  .l-header__menu__left .l-header__list .l-header__link {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1280px) {
  .l-header__menu__left .l-header__list .l-header__link {
    padding-left: 4.5px;
    padding-right: 4.5px;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__menu__left .l-header__list .l-header__link {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__menu__left .l-header__list .l-header__link {
    padding-left: 0;
    padding-right: 0;
    border-right: none;
    font-size: 18px;
  }
}

.l-header__menu__right {
  white-space: nowrap;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .l-header__menu__right {
    padding-top: 8px;
    margin-top: 20px;
    border-top: solid 1px #212121;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: auto;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__menu__right .l-header__list {
    margin-top: 14px;
    width: 100%;
  }
}

.l-header__menu__right .l-header__link {
  display: block;
  font-size: clamp(0.625rem, 0.5527rem + 0.3614vw, 1rem);
  padding-left: 20px;
  padding-right: 20px;
  letter-spacing: 2px;
}

@media screen and (max-width: 1500px) {
  .l-header__menu__right .l-header__link {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 1340px) {
  .l-header__menu__right .l-header__link {
    padding-left: 5px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1280px) {
  .l-header__menu__right .l-header__link {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__menu__right .l-header__link {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }
}

.l-header__menu__right .l-header__list:nth-of-type(4) {
  border-left: 1px solid #212121;
  padding-left: 30px;
  font-size: clamp(0.5rem, 0.4125rem + 0.4375vw, 0.9375rem);
}

@media screen and (max-width: 1500px) {
  .l-header__menu__right .l-header__list:nth-of-type(4) {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 1340px) {
  .l-header__menu__right .l-header__list:nth-of-type(4) {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1280px) {
  .l-header__menu__right .l-header__list:nth-of-type(4) {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__menu__right .l-header__list:nth-of-type(4) {
    margin-top: 12px;
    padding-left: 0;
    padding-right: 0;
    border-left: none;
  }
}

.l-header__menu__right .l-header__list:nth-of-type(4) .l-header__link {
  background-color: #212121;
  color: #fff;
  font-size: clamp(0.5rem, 0.4125rem + 0.4375vw, 0.9375rem);
  border-radius: 30px;
  padding: 7px 25px;
  white-space: nowrap;
  display: inline;
  line-height: 1;
}

@media screen and (max-width: 1500px) {
  .l-header__menu__right .l-header__list:nth-of-type(4) .l-header__link {
    margin-left: 15px;
  }
}

@media screen and (max-width: 1340px) {
  .l-header__menu__right .l-header__list:nth-of-type(4) .l-header__link {
    margin-left: 10px;
  }
}

@media screen and (max-width: 1280px) {
  .l-header__menu__right .l-header__list:nth-of-type(4) .l-header__link {
    margin-left: 0;
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .l-header__menu__right .l-header__list:nth-of-type(4) .l-header__link {
    font-size: 16px;
  }
}

.l-header__menu__right .l-header__list:nth-of-type(4) .l-header__link:visited {
  color: #fff;
}

.l-header__menu__right .l-header__list:nth-of-type(5) .l-header__link {
  background-color: #13c5a8;
  color: #fff;
  font-size: clamp(0.5rem, 0.4125rem + 0.4375vw, 0.9375rem);
  border-radius: 30px;
  padding: 7px 25px;
  margin-left: 20px;
  white-space: nowrap;
  display: inline;
  line-height: 1;
}

@media screen and (max-width: 1500px) {
  .l-header__menu__right .l-header__list:nth-of-type(5) .l-header__link {
    margin-left: 15px;
  }
}

@media screen and (max-width: 1340px) {
  .l-header__menu__right .l-header__list:nth-of-type(5) .l-header__link {
    margin-left: 10px;
  }
}

@media screen and (max-width: 1280px) {
  .l-header__menu__right .l-header__list:nth-of-type(5) .l-header__link {
    margin-left: 0;
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .l-header__menu__right .l-header__list:nth-of-type(5) .l-header__link {
    font-size: 16px;
  }
}

.l-header__menu__right .l-header__list:nth-of-type(5) .l-header__link:visited {
  color: #fff;
}

.l-header__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  padding-left: 20px;
}

@media screen and (max-width: 1024px) {
  .l-header__container {
    grid-template-columns: 1fr;
    padding-left: 30px;
  }
}

@media screen and (max-width: 768px) {
  .l-header__container {
    grid-template-columns: 1fr;
    padding-left: 0px;
  }
}

.l-header__main-contents {
  margin-top: 50px;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .l-header__main-contents {
    margin-top: 0;
  }
}

.l-header__subtitle {
  letter-spacing: 1px;
  font-size: clamp(2rem, 1.4458rem + 2.7711vw, 4.875rem);
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .l-header__subtitle {
    line-height: 1;
    font-size: 30px;
  }
}

.l-header__logo {
  margin-top: 10px;
  width: 40%;
  max-width: 305px;
}

@media screen and (max-width: 768px) {
  .l-header__logo {
    margin-top: 10px;
    width: 45%;
    max-width: 150px;
  }
}

.l-header__business-hours {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .l-header__business-hours {
    margin-top: 10px;
  }
}

.l-header__business-hours__text {
  font-size: 18px;
  padding-right: 10px;
  border-right: 1px solid #212121;
}

@media screen and (max-width: 768px) {
  .l-header__business-hours__text {
    font-size: 12px;
    margin-top: 0;
  }
}

.l-header__business-hours__time {
  font-size: 24px;
  padding-left: 10px;
}

@media screen and (max-width: 768px) {
  .l-header__business-hours__time {
    font-size: 16px;
  }
}

.l-header__icon__menu {
  width: 67%;
  max-width: 455px;
  margin-left: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}

@media screen and (max-width: 1024px) {
  .l-header__icon__menu {
    margin-left: 0;
    width: 50%;
    max-width: 285px;
  }
}

@media screen and (max-width: 768px) {
  .l-header__icon__menu {
    margin-top: 10px;
    gap: 0.5rem;
    width: 60%;
    max-width: 195px;
  }
}

.top__btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .top__btn {
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
}

/********************************************************/
/* l-header__lower */
/********************************************************/
.l-header__lower__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 1024px) {
  .l-header__lower__title-box {
    display: none;
  }
}

.l-header__lower__title-box--sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  .l-header__lower__title-box--sp {
    display: block;
    margin-top: 20px;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
}

.l-header__lower__title-box--sp .l-header__lower__subtitle {
  font-size: 18px;
  padding-bottom: 0;
}

.l-header__lower__title-box--sp .l-header__lower__logo {
  max-width: 145px;
  width: 28%;
  line-height: 1;
}

.l-header__lower__nav {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.l-header__lower__menu__left {
  margin-top: 30px;
}

.l-header__lower__subtitle {
  font-size: clamp(0.875rem, 0.6875rem + 0.9375vw, 1.8125rem);
  white-space: nowrap;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1.5px;
  padding-bottom: 10px;
}

.l-header__lower__logo {
  max-width: 145px;
  width: 100%;
  line-height: 1;
}

/********************************************************/
/* recruit__header */
/********************************************************/
.l-header__recruit {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 1024px) {
  .l-header__recruit {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 0;
  }
}

.l-header__recruit__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .l-header__recruit__nav {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}

.l-header__recruit__title-box {
  width: 50%;
}

@media screen and (max-width: 1024px) {
  .l-header__recruit__title-box {
    margin-right: auto;
    width: 100%;
  }
}

.l-header__recruit__logo__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.l-header__recruit__logo {
  width: 100%;
  max-width: 125px;
  line-height: 1;
}

@media screen and (max-width: 1024px) {
  .l-header__recruit__logo {
    max-width: 80px;
    line-height: 0;
  }
}

.l-header__recruit__subtitle {
  color: #fff;
  font-size: 20px;
}

@media screen and (max-width: 1024px) {
  .l-header__recruit__subtitle {
    font-size: 14px;
    color: #000;
  }
}

.l-header__recruit__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1024px) {
  .l-header__recruit__menu {
    margin-top: 20px;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__recruit__list {
    margin: 8px;
    width: 100%;
  }
}

.l-header__recruit__list:last-of-type .l-header__recruit__link {
  white-space: nowrap;
  padding-left: 20px;
  border-left: solid 1px #fff;
}

@media screen and (max-width: 599px) {
  .l-header__recruit__list:last-of-type .l-header__recruit__link {
    padding-left: 0;
    border-left: none;
  }
}

.l-header__recruit__link {
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .l-header__recruit__link {
    font-size: 15px;
    color: #000;
    display: block;
    width: 100%;
  }
}

.l-header__recruit__title-box--sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  .l-header__recruit__title-box--sp {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
  }
}

.l-header__recruit__subtitle--sp {
  color: #fff;
  font-size: 14px;
}

/********************************************************/
/* work_header */
/********************************************************/
.l-header__work-lower {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  .l-header__work-lower {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.l-header__work-lower__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .l-header__work-lower__nav {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}

.l-header__work-lower__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1024px) {
  .l-header__work-lower__title-box {
    margin-right: auto;
  }
}

.l-header__work-lower__logo {
  width: 100%;
  max-width: 125px;
  line-height: 1;
}

@media screen and (max-width: 1024px) {
  .l-header__work-lower__logo {
    max-width: 80px;
    line-height: 0;
  }
}

.l-header__work-lower__subtitle {
  color: #000;
  font-size: 20px;
}

@media screen and (max-width: 1024px) {
  .l-header__work-lower__subtitle {
    font-size: 14px;
    white-space: nowrap;
  }
}

.l-header__work-lower__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1024px) {
  .l-header__work-lower__menu {
    margin-top: 20px;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__work-lower__list {
    width: 100%;
    margin-top: 8px;
  }
}

.l-header__work-lower__list:last-of-type .l-header__work-lower__link {
  padding-left: 20px;
  border-left: solid 1px #000;
  white-space: nowrap;
}

@media screen and (max-width: 599px) {
  .l-header__work-lower__list:last-of-type .l-header__work-lower__link {
    padding-left: 0;
    border-left: none;
  }
}

.l-header__work-lower__link {
  white-space: nowrap;
  color: #000;
  font-size: 16px;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .l-header__work-lower__link {
    display: block;
    width: 100%;
  }
}

.l-header__work-lower__title-box--sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  .l-header__work-lower__title-box--sp {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
  }
}

.l-header__work-lower__subtitle--sp {
  color: #000;
  font-size: 14px;
}

.l-header__submenu {
  position: absolute;
  background-color: white;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .l-header__submenu {
    text-align: left;
    visibility: visible;
    position: relative;
    opacity: 1;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    font-size: 18px;
  }
}

.l-header__submenu li {
  padding: 20px;
}

@media screen and (max-width: 599px) {
  .l-header__submenu li {
    padding: 5px 10px;
  }
}

.l-header__submenu li a {
  color: black;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .l-header__submenu li a {
    font-size: 15px;
  }
}

.l-header__submenu li a:hover {
  text-decoration: underline;
}

.l-header__work-lower__list--has-submenu:hover .l-header__submenu {
  opacity: 1;
  visibility: visible;
}

/********************************************************/
/* cafe__header */
/********************************************************/
.l-header__cafe {
  padding-top: 15px;
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 1024px) {
  .l-header__cafe {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 0;
  }
}

.l-header__cafe__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .l-header__cafe__nav {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}

.l-header__cafe__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1024px) {
  .l-header__cafe__title-box {
    margin-right: auto;
  }
}

.l-header__cafe__logo {
  width: 100%;
  max-width: 150px;
  line-height: 1;
}

@media screen and (max-width: 1024px) {
  .l-header__cafe__logo {
    max-width: 120px;
    line-height: 0;
  }
}

.l-header__cafe__logo__link img {
  width: 150px;
}

@media screen and (max-width: 599px) {
  .l-header__cafe__logo__link img {
    width: 120px;
  }
}

.l-header__cafe__subtitle {
  color: #fff;
  font-size: 20px;
}

@media screen and (max-width: 1024px) {
  .l-header__cafe__subtitle {
    font-size: 14px;
    color: #000;
  }
}

.l-header__cafe__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4rem;
}

@media screen and (max-width: 1024px) {
  .l-header__cafe__menu {
    margin-top: 20px;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__cafe__list {
    margin-top: 8px;
    width: 100%;
  }
}

.l-header__cafe__list:last-of-type {
  border-left: 1px solid #000;
  padding-left: 50px;
}

@media screen and (max-width: 1024px) {
  .l-header__cafe__list:last-of-type {
    width: 100%;
    border-left: none;
    padding-left: 0;
  }
}

.l-header__cafe__link {
  color: #000;
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .l-header__cafe__link {
    font-size: 15px;
    display: block;
    width: 100%;
  }
}

.l-header__cafe__title-box--sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  .l-header__cafe__title-box--sp {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
  }
}

.l-header__cafe__subtitle--sp {
  color: #fff;
  font-size: 14px;
}

/********************************************************/
/* original_header */
/********************************************************/
.l-header__original {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1024px) {
  .l-header__original {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.l-header__original__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .l-header__original__nav {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}

.l-header__original__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 1024px) {
  .l-header__original__title-box {
    margin-right: auto;
  }
}

.l-header__original__logo {
  width: 100%;
  max-width: 125px;
  line-height: 1;
}

@media screen and (max-width: 1024px) {
  .l-header__original__logo {
    max-width: 80px;
    line-height: 0;
  }
}

.l-header__original__subtitle {
  color: #000;
  font-size: 20px;
  /* 游明朝体 */
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

@media screen and (max-width: 1024px) {
  .l-header__original__subtitle {
    font-size: 14px;
  }
}

.l-header__original__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}

@media screen and (max-width: 1024px) {
  .l-header__original__menu {
    margin-top: 20px;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
  }
}

@media screen and (max-width: 1024px) {
  .l-header__original__list {
    width: 100%;
  }
}

.l-header__original__link {
  /* 游明朝体 */
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #000;
  font-size: 16px;
}

@media screen and (max-width: 1024px) {
  .l-header__original__link {
    font-size: 15px;
    width: 100%;
    display: block;
  }
}

.l-header__original__link span {
  /* 游明朝体 */
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  border: 1px solid #000;
  padding: 10px 40px;
}

.l-header__original__link span:before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: text-top;
  margin-right: 10px;
}

.l-header__original__title-box--sp {
  display: none;
}

@media screen and (max-width: 1024px) {
  .l-header__original__title-box--sp {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
  }
}

.l-header__original__subtitle--sp {
  /* 游明朝体 */
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  color: #000;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .l-header__menu__right .l-header__list:nth-of-type(4) .l-header__link {
    font-size: 15px;
  }

  .l-header__menu__left .l-header__list .l-header__link {
    font-size: 15px;
  }

  .l-header__menu__right .l-header__link {
    font-size: 15px;
  }
}

@media screen and (max-width: 1024px) {

  .l-header__recruit .nav__toggle .--bg,
  .l-header__work-lower .nav__toggle .--bg {
    background-color: #efefef;
    padding: 20px;
    border-radius: 8px;
  }

  .l-header__recruit .nav__toggle .--bg .nav__menu-line,
  .l-header__work-lower .nav__toggle .--bg .nav__menu-line {
    height: 2px;
    background-color: #666;
  }

  .l-header__recruit .nav__toggle .--bg .menu-line1,
  .l-header__work-lower .nav__toggle .--bg .menu-line1 {
    top: 10px;
    right: 7px;
  }

  .l-header__recruit .nav__toggle .--bg .menu-line2,
  .l-header__work-lower .nav__toggle .--bg .menu-line2 {
    top: 19px;
    right: 7px;
  }

  .l-header__recruit .nav__toggle .--bg .menu-line3,
  .l-header__work-lower .nav__toggle .--bg .menu-line3 {
    top: 28px;
    right: 8px;
  }

  .l-header__recruit #js-nav-menu.is-open .menu-line2,
  .l-header__work-lower #js-nav-menu.is-open .menu-line2 {
    top: 16px;
  }

  .l-header__recruit #js-nav-menu.is-open .menu-line3,
  .l-header__work-lower #js-nav-menu.is-open .menu-line3 {
    top: 16px;
  }
}

.wsp-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10%;
}

@media screen and (max-width: 768px) {
  .wsp-container {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
}

@media screen and (max-width: 599px) {
  .wsp-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.wsp-container h2 {
  display: none !important;
}

.wsp-container a {
  color: #776320;
}

.wsp-container li {
  margin-top: 10px;
}

@media screen and (max-width: 599px) {
  .wsp-container li {
    margin-top: 5px;
  }
}

.lower__mv {
  position: relative;
  background-image: url(../images/pages/shop/mv.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 350px;
}

@media screen and (max-width: 599px) {
  .lower__mv {
    height: 200px;
  }
}

.lower__mv__title-box {
  width: 100%;
  position: absolute;
  bottom: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  line-height: 1.2;
  letter-spacing: 2px;
}

@media screen and (max-width: 1024px) {
  .lower__mv__title-box {
    bottom: -40px;
  }
}

.lower__mv__title {
  font-size: 100px;
  font-weight: 400;
  white-space: nowrap;
}

@media screen and (max-width: 1024px) {
  .lower__mv__title {
    font-size: 32px;
  }
}

.lower__mv__title span {
  margin-top: 10px;
  font-size: 16px;
}

.lower__section {
  max-width: 1450px;
  margin-inline: auto;
}

.lower__title {
  margin-top: 100px;
  font-size: 35px;
  background-color: #f3f2eb;
  padding: 20px;
  line-height: 1;
}

@media screen and (max-width: 599px) {
  .lower__title {
    padding: 10px;
    margin-top: 50px;
    font-size: 20px;
  }
}

.lower__subtitle {
  margin-top: 120px;
  font-size: 26px;
  padding-bottom: 20px;
  border-bottom: 1px solid #776320;
  line-height: 1.2;
}

@media screen and (max-width: 599px) {
  .lower__subtitle {
    margin-top: 60px;
    padding-bottom: 10px;
    font-size: 20px;
  }
}

.lower__headline {
  font-size: 28px;
  padding-left: 20px;
  border-left: solid 5px #776320;
  line-height: 1.2;
}

@media screen and (max-width: 599px) {
  .lower__headline {
    font-size: 20px;
    padding-left: 10px;
    border-left: solid 3px #776320;
  }
}

.lower__text {
  margin-top: 20px;
  font-size: 16px;
}

@media screen and (max-width: 599px) {
  .lower__text {
    line-height: 1.5;
    margin-top: 10px;
    font-size: 14px;
  }
}

.single__mv__title-box {
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  line-height: 1;
  letter-spacing: 2px;
  width: 100%;
}

@media screen and (max-width: 599px) {
  .single__mv__title-box {
    bottom: -15px;
  }
}

.single__mv__title {
  font-size: 40px;
  font-weight: 400;
}

@media screen and (max-width: 599px) {
  .single__mv__title {
    font-size: 32px;
  }
}

.shop__menu {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: solid 1px #eeeded;
}

.shop__menu:first-of-type {
  border-top: solid 1px #eeeded;
}

.section {
  padding-top: 180px;
  padding-bottom: 180px;
}

@media screen and (max-width: 768px) {
  .section {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.inner {
  width: 100%;
  max-width: 1430px;
  margin-inline: auto;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 768px) {
  .inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.c-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .c-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.c-content-padding {
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  .c-content-padding {
    padding: 0 20px;
  }
}

.c-content-width {
  max-width: 1280px;
  margin-inline: auto;
}

.c-content-width-small {
  max-width: 960px;
  padding-right: 40px;
  padding-left: 40px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .c-content-width-small {
    padding: 0 20px;
  }
}

/*=======
# パンくず
==================*/
.c-breadcrumb {
  text-align: right;
}

.c-breadcrumb-padding {
  padding: 10px 20px;
}

.notfound {
  padding-top: 140px;
  padding-bottom: 100px;
}

@media screen and (max-width: 599px) {
  .notfound {
    padding-top: 90px;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sitemap {
    padding-bottom: 100px;
  }
}

.sitemap__container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10%;
}

@media screen and (max-width: 1024px) {
  .sitemap__container {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 7%;
  }
}

@media screen and (max-width: 768px) {
  .sitemap__container {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media screen and (max-width: 400px) {
  .sitemap__container {
    grid-template-columns: 1fr;
  }
}

.sitemap__nav:nth-of-type(4) {
  pointer-events: none;
}

.sitemap__nav__title {
  font-size: 22px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .sitemap__nav__title {
    font-size: 20px;
  }
}

.sitemap__menu {
  margin-top: 30px;
}

.sitemap__list {
  margin-top: 10px;
}

.sitemap__list:first-of-type {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .sitemap__list {
    margin-top: 5px;
  }
}

.sitemap__link {
  color: #776320;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .sitemap__link {
    font-size: 16px;
  }
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
  border: none !important;
}

.splide__track--nav>.splide__list>.splide__slide {
  border: 0px solid transparent !important;
}

/* 基本スタイル */
.splide__slide.is-active {
  opacity: 1;
}

.wrapper {
  width: 100%;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

@media screen and (max-width: 599px) {
  .wrapper {
    gap: 5px;
  }
}

.wrapper .splide__slide img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.splide__track {
  height: 100% !important;
}

.p-top__mv__width .splide__track {
  height: 92% !important;
}

@media screen and (max-width: 768px) {
  .p-top__mv__width .splide__track {
    height: 100% !important;
    margin-bottom: 20px;
  }
}

#thumbnail-carousel {
  width: 25%;
}

#thumbnail-carousel .splide__slide {
  aspect-ratio: 1/1;
}

/* スマホ表示用のメディアクエリ */
@media (max-width: 768px) {
  .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }

  #thumbnail-carousel {
    width: 100%;
  }

  .p-top__mv__width #thumbnail-carousel {
    width: 100%;
    margin-inline: auto;
  }

  #thumbnail-carousel .splide__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    /* 各スライドの幅を固定 */
    width: calc(33.333% - 5px);
    /* スライドの幅を設定 */
    margin-bottom: 0;
    margin-right: 5px;
  }

  #main-carousel {
    width: 100%;
    margin-bottom: -20px;
  }

  .p-top__mv__width #main-carousel {
    width: 100%;
    margin-bottom: -40px;
  }
}

.p-top__mv {
  width: 100%;
  background-image: url(../images/pages/top/mv_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.p-top__side__nav {
  max-width: 30px;
  position: fixed;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10%;
  z-index: 1001;
}

@media screen and (max-width: 768px) {
  .p-top__side__nav {
    display: none;
  }
}

.p-top__side__nav::before {
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  width: 1px;
  height: 30px;
  background-color: #212121;
}

.p-top__side__nav::after {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  width: 1px;
  height: 30px;
  background-color: #212121;
}

.p-top__side__title {
  font-size: 13px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-weight: lighter;
  letter-spacing: 2px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-top__side__title {
    font-size: 10px;
  }
}

.p-top__side__menu {
  margin-top: 20px;
}

.p-top__side__list {
  margin-top: 15px;
}

.p-top__side__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-top__side__link img {
  display: block;
}

.p-top__mv {
  padding-left: 60px;
  padding-right: 40px;
  padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .p-top__mv {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
  }
}

.p-top__mv__nav {
  width: 100%;
  padding-top: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .p-top__mv__nav {
    padding-top: 245px;
  }
}

.p-top__mv__width .p-top__mv__width-sub-img .splide__slide img {
  height: auto;
  width: 100%;
  max-width: 100%;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  aspect-ratio: 1/1;
}

@media screen and (max-width: 768px) {
  .p-top__mv__width .p-top__mv__width-sub-img .splide__slide img {
    max-width: 200px;
  }
}

@media screen and (max-width: 768px) {
  .p-top__mv__width-sub-list {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

.p-top__mv__menu.--left {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .p-top__mv__menu.--left {
    width: 50%;
    display: block;
  }
}

.p-top__mv__menu.--left .p-top__mv__list {
  width: 33%;
}

@media screen and (max-width: 768px) {
  .p-top__mv__menu.--left .p-top__mv__list {
    width: 100%;
  }
}

.p-top__mv__menu.--right {
  width: 9.8%;
}

.p-top__mv__menu.--right.p-top__mv__list {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .p-top__mv__menu.--right {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .p-top__mv__list {
    margin-top: 20px;
  }
}

.p-top__news__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15%;
}

@media screen and (max-width: 1024px) {
  .p-top__news__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.p-top__common__title {
  display: inline-block;
  line-height: 1.4;
}

.p-top__common__title span:nth-of-type(1) {
  position: relative;
  display: block;
  letter-spacing: 2.5px;
  font-size: 64px;
  font-weight: 100;
}

@media screen and (max-width: 768px) {
  .p-top__common__title span:nth-of-type(1) {
    font-size: 46px;
  }
}

.p-top__common__title span:nth-of-type(1)::before {
  content: "";
  position: absolute;
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background: #212121;
  right: -45px;
  width: 22px;
}

@media screen and (max-width: 768px) {
  .p-top__common__title span:nth-of-type(1)::before {
    width: 12px;
    right: -15px;
  }
}

.p-top__common__title span:nth-of-type(2) {
  display: block;
  letter-spacing: 2px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .p-top__common__title span:nth-of-type(2) {
    font-size: 18px;
  }
}

.title__color {
  display: inline;
  color: #634800;
}

.p-top__news__contents {
  width: 100%;
}

.p-top__news__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media screen and (max-width: 1024px) {
  .p-top__news__nav {
    margin-top: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) {
  .p-top__news__nav {
    margin-top: 25px;
    margin-bottom: 25px;
    gap: 0;
  }
}

.p-top__news__nav .p-top__news__link {
  background: #e2e1e1;
  border-radius: 25px;
  padding: 10px 30px;
  font-size: clamp(0.75rem, 0.7018rem + 0.241vw, 1rem);
  white-space: nowrap;
  line-height: 1;
}

@media screen and (max-width: 1024px) {
  .p-top__news__nav .p-top__news__link {
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 12px;
  }
}

.p-top__news__menu {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-top__news__menu.--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .p-top__news__menu.--top {
    padding-bottom: 0;
    gap: 10px;
  }
}

.p-top__news__menu.--top .p-top__news__link {
  background: #e2e1e1;
  border-radius: 25px;
  padding: 10px 30px;
}

@media screen and (max-width: 599px) {
  .p-top__news__menu.--top .p-top__news__link {
    border-radius: 20px;
    padding: 10px 15px;
  }
}

.p-top__news__menu.--bottom {
  width: 100%;
}

.p-top__news__menu.--bottom .p-top__news__link {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: solid 1px #eeeded;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .p-top__news__menu.--bottom .p-top__news__link {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.p-top__news__menu.--bottom .p-top__news__link::before {
  content: url(../images/pages/top/right_arrow1.svg);
  position: absolute;
  top: 45%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 25px;
  width: 25px;
}

.p-top__news__menu.--bottom .p-top__news__link:first-of-type {
  border-top: solid 1px #eeeded;
}

.p-top__news__link .p-top__news__link__text.--top {
  display: block;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .p-top__news__link .p-top__news__link__text.--top {
    font-size: 16px;
    padding-right: 30px;
  }
}

.p-top__news__link .p-top__news__link__text.--bottom {
  display: block;
}

.p-top__news__link .p-top__news__link__text.--bottom span {
  font-size: 14px;
}

.p-top__news__link .p-top__news__link__text.--bottom span:nth-of-type(2) {
  color: #665004;
  border: solid 1px #665004;
  border-radius: 25px;
  padding: 5px 15px;
  margin-left: 10px;
}

.p-top__news__menu.--top .p-top__news__list:first-of-type .p-top__news__link {
  color: #fff;
  background-color: #212121;
}

@media screen and (max-width: 768px) {
  .p-top__common__nav__btn {
    margin-top: 20px;
  }
}

.p-top__common__nav__btn__link {
  position: relative;
  color: #665004;
  border-bottom: solid 1px #665004;
  padding-bottom: 10px;
  padding-right: 30px;
  white-space: nowrap;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .p-top__common__nav__btn__link {
    font-size: 14px;
  }
}

.p-top__common__nav__btn__link::before {
  content: url(../images/pages/top/right_arrow.svg);
  position: absolute;
  top: 23%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
}

.p-top__magazin {
  width: 100%;
  background-color: #f3f2eb;
  border-radius: 110px 110px 0 0;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .p-top__magazin {
    border-radius: 50px 50px 0 0;
  }
}

.p-top__common__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-top__inner {
  position: relative;
  width: 100%;
}

.p-top__original {
  position: relative;
  overflow: hidden;
}

.p-top__original__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.p-top__original__contents {
  margin-top: -6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 30px;
  width: 84vw;
  position: relative;
  max-width: 1800px;
}

@media screen and (max-width: 768px) {
  .p-top__original__contents {
    margin-top: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
  }
}

.p-top__original__img:first-of-type {
  width: 43%;
}

@media screen and (max-width: 768px) {
  .p-top__original__img:first-of-type {
    width: 80%;
    margin-inline: auto;
  }
}

.p-top__original__img:nth-of-type(2) {
  width: 57%;
}

@media screen and (max-width: 768px) {
  .p-top__original__img:nth-of-type(2) {
    width: 80%;
    margin-inline: auto;
  }
}

.p-top__original__btn {
  margin-top: 50px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-top__original__btn {
    margin-top: 25px;
  }
}

.p-top__original__btn__link {
  pointer-events: none;
  position: relative;
  display: inline-block;
  margin-inline: auto;
  background: #665004;
  color: #fff;
  padding: 10px 40px;
  border-radius: 30px;
}

.p-top__original__btn__link::before {
  content: url(../images/pages/top/right_arrow2.svg);
  position: absolute;
  top: 35%;
  right: -26px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 25px;
  width: 30px;
}

@media screen and (max-width: 768px) {
  .p-top__original__btn__link::before {
    right: -16px;
    width: 30px;
  }
}

.p-top__original__btn__link::visited {
  color: #fff;
}

.p-top__original__btn__link::hover {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .p-top__original__btn__link {
    font-size: 14px;
    padding: 7px 25px;
  }
}

.p-top__common__nav__btn__link {
  position: relative;
  color: #665004;
  border-bottom: solid 1px #665004;
  padding-bottom: 10px;
  padding-right: 30px;
}

.p-top__common__nav__btn__link::before {
  content: url(../images/pages/top/right_arrow.svg);
  position: absolute;
  top: 23%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
}

.p-top__bungu {
  overflow: hidden;
  background-image: url(../images/pages/top/bungu_bg.webp);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .p-top__bungu {
    background-size: cover;
    background-image: url(../images/pages/top/bungu_bg-sp.jpg);
  }
}

/********************************************************/
/* スライダー */
/********************************************************/
.splide1 {
  /* スライドのサイズ調整 */
}

.splide1 .splide__slide img {
  height: 300px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.splide2 {
  /* スライドのサイズ調整 */
}

.splide2 .splide__slide img {
  height: 300px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.splide1,
.splide2 .p-top__splide__slide__title {
  line-height: 1.5;
}

@media screen and (max-width: 768px) {

  .splide1,
  .splide2 .p-top__splide__slide__title {
    font-size: 14px;
  }
}

.splide1 .splide__pagination {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: left !important;
  -ms-flex-pack: left !important;
  justify-content: left !important;
  bottom: -2.5em !important;
  padding: 0 !important;
  gap: 10px !important;
}

.splide2 .splide__pagination {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: left !important;
  -ms-flex-pack: left !important;
  justify-content: left !important;
  bottom: -2.5em !important;
  padding: 0 !important;
  gap: 10px !important;
}

.splide__pagination__page.is-active {
  background: #5c6462 !important;
}

.p-top__splide {
  margin-top: 50px;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .p-top__splide {
    margin-top: 25px;
  }
}

.splide1 .splide__arrow {
  display: none !important;
}

.splide2 .splide__arrow {
  display: none !important;
}

/* ページネーションのスタイル */
.your-class-page {
  background-color: #ccc;
  height: 20px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  width: 20px;
}

/* ページネーションの位置 */
.your-class-pagination {
  bottom: 1.5em;
}

/* ページネーション間の余白 */
.your-class-pagination li {
  margin-left: 5px;
  margin-right: 5px;
}

/* スライドのサイズ調整 */
.splide__slide img {
  height: auto;
  width: 100%;
}

.p-top__splide__slide__text-box .p-top__splide__slide__text.--top {
  display: block;
  font-size: 18px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .p-top__splide__slide__text-box .p-top__splide__slide__text.--top {
    font-size: 14px;
  }
}

.p-top__splide__slide__text-box .p-top__splide__slide__text.--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.p-top__splide__slide__text-box .p-top__splide__slide__text.--bottom span {
  font-size: 14px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 12px;
}

.p-top__splide__slide__text-box .p-top__splide__slide__text.--bottom span:nth-of-type(2) {
  color: #665004;
  border: solid 1px #665004;
  border-radius: 25px;
  padding: 0 15px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .p-top__splide__slide {
    width: 40% !important;
  }
}

.about__mv {
  width: 100%;
  max-width: 100%;
  padding-top: 180px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .about__mv {
    padding-top: 90px;
  }
}

.about__mv__title {
  display: block;
  white-space: nowrap;
}

.about__contents.--top {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 60% 1fr;
  gap: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .about__contents.--top {
    margin-top: 25px;
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

.about__contents.--top .about__headline {
  max-width: 345px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .about__contents.--top .about__headline {
    max-width: 200px;
  }
}

.about__contents.--top .about__subheadline {
  margin-top: 40px;
  font-size: 28px;
  padding-left: 10px;
  border-left: 5px solid #776320;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .about__contents.--top .about__subheadline {
    margin-top: 20px;
    font-size: 20px;
  }
}

.about__contents.--top .about__text {
  margin-top: 18px;
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .about__contents.--top .about__text {
    font-size: 14px;
  }
}

.about__contents.--center {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .about__contents.--center {
    max-width: 420px;
    margin-inline: auto;
    margin-top: 20px;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.about__contents.--center .about__text {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .about__contents.--center .about__text {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 14px;
  }
}

.about__contents.--bottom {
  margin-top: 120px;
  padding-bottom: 160px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  .about__contents.--bottom {
    margin-top: 60px;
    padding-bottom: 90px;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.about__contents.--bottom .about__item {
  position: relative;
  background-color: #f3f2eb;
  padding: 40px;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .about__contents.--bottom .about__item {
    padding: 20px;
  }
}

.about__contents.--bottom .about__item__headline {
  font-size: 28px;
  padding-left: 10px;
  border-left: 5px solid #776320;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .about__contents.--bottom .about__item__headline {
    font-size: 20px;
    padding-left: 5px;
    border-left: 3px solid #776320;
  }
}

.about__contents.--bottom .about__item__text {
  margin-top: 20px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .about__contents.--bottom .about__item__text {
    margin-top: 10px;
    font-size: 14px;
  }
}

.about__contents.--bottom .about__img {
  margin-top: 20px;
}

.about__contents.--bottom .about__item__img {
  width: 200px;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .about__contents.--bottom .about__item__img {
    margin-right: 8px;
    margin-bottom: 8px;
    margin-inline: auto;
  }
}

.about__item__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .about__item__flex {
    display: block;
  }
}

.about__item__table {
  margin-top: 10px;
  text-align: left;
  max-width: 315px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .about__item__table {
    margin-bottom: 20px;
  }
}

.about__item__table__contents {
  line-height: 1;
}

.about__item__table__header {
  padding: 5px 10px;
  font-weight: 400;
  background-color: #676959;
  color: #fff;
  border: solid 2px #f3f2eb;
}

@media screen and (max-width: 768px) {
  .about__item__table__header {
    padding: 5px 10px;
    font-size: 14px;
  }
}

.about__item__table__data {
  padding: 5px 10px;
  font-weight: 400;
  background-color: rgba(103, 105, 89, 0.3);
  border: solid 2px #f3f2eb;
}

@media screen and (max-width: 768px) {
  .about__item__table__data {
    padding: 5px 10px;
    font-size: 14px;
  }
}

.--bottom .about__item__headline.--right {
  font-size: 28px;
  padding-left: 10px;
  border-left: 5px solid #776320;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .--bottom .about__item__headline.--right {
    font-size: 20px;
    padding-left: 5px;
    border-left: 3px solid #776320;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .about__item__text.--right {
    font-size: 14px;
    width: 100%;
    line-height: 1.5;
  }
}

.order__mv {
  max-width: 950px;
  padding-top: 180px;
  margin-inline: auto;
}

@media screen and (max-width: 599px) {
  .order__mv {
    padding-top: 90px;
  }
}

.order__title {
  margin-top: 30px;
  text-align: center;
  font-size: 28px;
}

@media screen and (max-width: 599px) {
  .order__title {
    margin-top: 20px;
    font-size: 20px;
  }
}

.order__text {
  margin-top: 30px;
  font-size: 16px;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .order__text {
    margin-top: 20px;
    font-size: 14px;
  }
}

.order__headline {
  margin-top: 50px;
  font-size: 26px;
  padding-bottom: 20px;
  border-bottom: 1px solid #776320;
  line-height: 1;
}

@media screen and (max-width: 599px) {
  .order__headline {
    margin-top: 25px;
    font-size: 20px;
    padding-bottom: 10px;
  }
}

.about__contents {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

@media screen and (max-width: 599px) {
  .about__contents {
    margin-top: 20px;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.about__contents:last-of-type {
  padding-bottom: 180px;
}

@media screen and (max-width: 599px) {
  .about__contents:last-of-type {
    padding-bottom: 90px;
  }
}

.about__img {
  -webkit-box-shadow: 7px 7px 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 7px 7px 5px 5px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 599px) {
  .about__img {
    width: 80%;
    margin-inline: auto;
  }
}

.sns__title {
  margin-top: 180px;
}

@media screen and (max-width: 599px) {
  .sns__title {
    margin-top: 90px;
  }
}

.sns__container:first-of-type {
  margin-top: 40px;
  border-top: none;
}

@media screen and (max-width: 599px) {
  .sns__container:first-of-type {
    margin-top: 20px;
  }
}

.sns__main__container {
  padding: 50px;
  background-color: #f8f8f8;
  margin-bottom: 50px;
}

@media screen and (max-width: 599px) {
  .sns__main__container {
    padding: 20px;
    margin-bottom: 20px;
  }
}

.sns__picture {
  margin-top: 20px;
  display: block;
}

.sns__text {
  margin-top: 20px;
  font-weight: 700;
}

.sns__main__contents {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .sns__main__contents {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-inline: auto;
  }
}

.sns__container--bottom {
  margin-top: 50px;
  background-color: #f3f2eb;
  margin-bottom: 180px;
  padding: 50px;
}

@media screen and (max-width: 599px) {
  .sns__container--bottom {
    padding: 20px;
    margin-top: 25px;
    margin-bottom: 90px;
  }
}

.sns__line__btn {
  margin-top: 30px;
  padding-bottom: 80px;
  max-width: 700px;
  margin-inline: auto;
}

@media screen and (max-width: 599px) {
  .sns__line__btn {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}

.sns__main__contents {
  margin-top: 30px;
  border: 10px #776320 solid;
  display: grid;
  grid-template-columns: 40% 1fr;
}

@media screen and (max-width: 1024px) {
  .sns__main__contents {
    margin-top: 20px;
    border: 5px #776320 solid;
    display: grid;
    grid-template-columns: 1fr;
  }
}

.sns__main__item__menu {
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 35px;
  width: 100%;
  max-width: 535px;
  margin-inline: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .sns__main__item__menu {
    max-width: 235px;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}

@media screen and (max-width: 599px) {
  .sns__main__img {
    width: 100%;
  }
}

.sns__main__item__list {
  width: 100%;
}

@media screen and (max-width: 599px) {
  .sns__main__item__list {
    width: 90%;
    margin-inline: auto;
  }
}

.sns__main__item__link__img {
  width: 70%;
  margin-inline: auto;
}

.sns__container {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
}

@media screen and (max-width: 1024px) {
  .sns__container {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 599px) {
  .sns__container {
    grid-template-columns: 1fr;
  }
}

.sns__contents {
  border: 5px solid #776320;
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-align: center;
}

.sns__contents__btn__item:nth-of-type(1) {
  background-color: rgba(119, 99, 32, 0.3);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.5;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sns__contents__btn__item:nth-of-type(2) {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 599px) {
  .sns__contents__btn__item:nth-of-type(2) {
    padding: 15px;
  }
}

.sns__contents__btn__item:nth-of-type(2) span {
  width: 50%;
}

.sns__contents__btn__item:nth-of-type(2) span:nth-of-type(1) {
  padding-right: 20px;
}

@media screen and (max-width: 599px) {
  .sns__contents__btn__item:nth-of-type(2) span:nth-of-type(1) {
    padding-right: 10px;
  }
}

.sns__contents__btn__item:nth-of-type(2) span:nth-of-type(2) {
  border-left: 2px solid #776320;
  padding-left: 20px;
}

@media screen and (max-width: 599px) {
  .sns__contents__btn__item:nth-of-type(2) span:nth-of-type(2) {
    padding-left: 10px;
  }
}

.sns__contents__btn__item:nth-of-type(2) span:nth-of-type(2) .sns__contents__btn__link__img {
  width: 75%;
  margin-inline: auto;
}

.sns__contents__btn__item:nth-of-type(2) p {
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.5;
  white-space: nowrap;
  margin-top: 5px;
}

.sns__contents__btn__img {
  margin-inline: auto;
}

.sns__contents__btn__link__img {
  width: 70%;
  margin-inline: auto;
}

.point__title {
  margin-top: 180px;
  font-size: 35px;
  background-color: #f3f2eb;
  padding: 20px;
  line-height: 1;
}

@media screen and (max-width: 599px) {
  .point__title {
    padding: 10px;
    margin-top: 90px;
    font-size: 20px;
  }
}

.point__subtitle {
  margin-top: 50px;
}

@media screen and (max-width: 599px) {
  .point__subtitle {
    margin-top: 25px;
  }
}

.point__mv {
  margin-top: 50px;
  width: 100%;
}

@media screen and (max-width: 599px) {
  .point__mv {
    margin-top: 25px;
  }
}

.point__headline {
  margin-top: 50px;
}

@media screen and (max-width: 599px) {
  .point__headline {
    margin-top: 25px;
  }
}

.point__features__menu.--top {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 599px) {
  .point__features__menu.--top {
    margin-top: 20px;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

.point__features__menu.--top .point__features__list {
  height: 110px;
  background-color: #676959;
  color: #fff;
  font-weight: 700;
  padding: 15px;
  border-radius: 100px;
  font-weight: 700;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: clamp(0.75rem, 0.6536rem + 0.4819vw, 1.25rem);
}

@media screen and (max-width: 599px) {
  .point__features__menu.--top .point__features__list {
    height: 150px;
    padding: 10px;
    border-radius: 50%;
  }
}

.point__features__menu.--bottom {
  margin-top: 30px;
  background-color: #f3f2eb;
  padding: 50px;
  border-radius: 15px;
}

@media screen and (max-width: 599px) {
  .point__features__menu.--bottom {
    margin-top: 20px;
    padding: 20px;
  }
}

.point__features__menu.--bottom .point__features__list {
  padding-left: 20px;
  font-weight: 700;
  position: relative;
}

@media screen and (max-width: 599px) {
  .point__features__menu.--bottom .point__features__list {
    margin-top: 10px;
  }
}

.point__features__menu.--bottom .point__features__list:before {
  content: "";
  display: block;
  background-color: #ff478e;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 45%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50px;
}

@media screen and (max-width: 599px) {
  .point__features__menu.--bottom .point__features__list:before {
    top: 12px;
  }
}

.point__information__container {
  margin-top: 50px;
  max-width: 975px;
  margin-inline: auto;
  background-color: #3eb13b;
}

@media screen and (max-width: 599px) {
  .point__information__container {
    margin-top: 20px;
  }
}

.point__information__content.--top {
  padding: 20px;
  border-bottom: 2px solid #fff;
}

.point__information__content.--top .point__information__title {
  max-width: 512px;
  margin-inline: auto;
  line-height: 1;
}

.point__information__content.--center {
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  max-width: 800px;
  margin-inline: auto;
}

@media screen and (max-width: 599px) {
  .point__information__content.--center {
    grid-template-columns: 1fr;
    gap: 20px;
    width: 80%;
  }
}

.point__information__content.--bottom {
  padding: 20px;
  border-top: 2px solid #fff;
}

.point__information__content.--bottom .point__information__text {
  line-height: 1;
  max-width: 530px;
  margin-inline: auto;
}

.point__bannar__img {
  margin-top: 50px;
  max-width: 595px;
  margin-inline: auto;
}

@media screen and (max-width: 599px) {
  .point__bannar__img {
    margin-top: 20px;
  }
}

.point__flow__title {
  margin-top: 150px;
  background-color: #3eb13b;
  color: #fff;
  text-align: center;
  padding: 7px;
  font-weight: 700;
  font-size: 30px;
  max-width: 980px;
  margin-inline: auto;
  border-radius: 25px 25px 0 0;
}

@media screen and (max-width: 599px) {
  .point__flow__title {
    margin-top: 75px;
    font-size: 20px;
    border-radius: 15px 15px 0 0;
  }
}

.point__flow__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin-top: 50px;
  max-width: 870px;
  margin-inline: auto;
  margin-bottom: 180px;
}

@media screen and (max-width: 599px) {
  .point__flow__container {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 90px;
  }
}

.point__flow__contents {
  grid-column: span 1;
}

.point__flow__contents--full {
  grid-column: span 2;
}

@media screen and (max-width: 599px) {
  .point__flow__contents--full {
    grid-column: 1;
  }
}

.point__flow__contents__img-box {
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  margin-inline: auto;
}

@media screen and (max-width: 599px) {
  .point__flow__contents__img-box {
    padding: 0;
    grid-template-columns: 1fr;
    gap: 20px;
    width: 80%;
  }
}

.point__flow__headline {
  font-size: clamp(1.125rem, 1.0527rem + 0.3614vw, 1.5rem);
  font-weight: 700;
  padding-left: 50px;
  position: relative;
  height: 70px;
}

@media screen and (max-width: 599px) {
  .point__flow__headline {
    padding-left: 30px;
    height: auto;
  }
}

.point__flow__headline span {
  font-size: 18px;
  display: block;
  font-weight: 400;
}

@media screen and (max-width: 599px) {
  .point__flow__headline span {
    font-size: 14px;
  }
}

.point__flow__headline1::before {
  content: url(../images/pages/point/number1.svg);
  display: block;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 45%;
  left: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 599px) {
  .point__flow__headline1::before {
    top: 12px;
    left: 0px;
    width: 25px;
    height: 25px;
  }
}

.point__flow__headline2::before {
  content: url(../images/pages/point/number2.svg);
  display: block;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 45%;
  left: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 599px) {
  .point__flow__headline2::before {
    top: 12px;
    left: 0px;
    width: 25px;
    height: 25px;
  }
}

.point__flow__headline3::before {
  content: url(../images/pages/point/number3.svg);
  display: block;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 45%;
  left: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 599px) {
  .point__flow__headline3::before {
    top: 12px;
    left: 0px;
    width: 25px;
    height: 25px;
  }
}

.point__flow__headline4::before {
  content: url(../images/pages/point/number4.svg);
  display: block;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 45%;
  left: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 599px) {
  .point__flow__headline4::before {
    top: 12px;
    left: 0px;
    width: 25px;
    height: 25px;
  }
}

.point__flow__headline5::before {
  content: url(../images/pages/point/number5.svg);
  display: block;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 45%;
  left: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 599px) {
  .point__flow__headline5::before {
    top: 12px;
    left: 0px;
    width: 25px;
    height: 25px;
  }
}

.point__flow__headline6::before {
  content: url(../images/pages/point/number6.svg);
  display: block;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 45%;
  left: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 599px) {
  .point__flow__headline6::before {
    top: 12px;
    left: 0px;
    width: 25px;
    height: 25px;
  }
}

.point__flow__contents__img {
  margin-top: 20px;
  background-color: #3eb13b;
  padding: 40px;
  border-radius: 23.5px;
}

@media screen and (max-width: 599px) {
  .point__flow__contents__img {
    margin-top: 10px;
    padding: 20px;
    border-radius: 13.5px;
  }
}

.point__content__img {
  width: 100%;
}

.point__content__img img {
  width: 100%;
}

.point__flow__contents:nth-of-type(2) .point__content__img__smartphone {
  max-width: 145px;
}

@media screen and (max-width: 599px) {
  .point__flow__contents:nth-of-type(2) .point__content__img__smartphone {
    max-width: 135px;
  }
}

.point__content__img__smartphone {
  max-width: 155px;
  margin-inline: auto;
}

@media screen and (max-width: 599px) {
  .point__content__img__smartphone {
    max-width: 135px;
  }
}

.gift__title {
  margin-top: 200px;
}

@media screen and (max-width: 768px) {
  .gift__title {
    margin-top: 90px;
    font-size: 18px;
  }
}

.gift__menu {
  padding-bottom: 180px;
}

@media screen and (max-width: 768px) {
  .gift__menu {
    padding-bottom: 90px;
  }
}

.gift__contents.--top {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 50px;
}

@media screen and (max-width: 768px) {
  .gift__contents.--top {
    margin-top: 20px;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.gift__contents.--bottom {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
}

@media screen and (max-width: 768px) {
  .gift__contents.--bottom {
    margin-top: 20px;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.gift__headline {
  font-size: 22px;
}

@media screen and (max-width: 768px) {
  .gift__headline {
    font-size: 18px;
  }
}

.gift__text {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .gift__text {
    margin-top: 20px;
    font-size: 14px;
  }
}

.gift__text.--center {
  text-align: center;
}

.gift__calendar {
  margin-top: 50px;
  max-width: 1100px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .gift__calendar {
    margin-top: 25px;
  }
}

.gift__content__headline {
  margin-top: 80px;
  padding-left: 10px;
  line-height: 1.3;
  border-left: 5px solid #776320;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .gift__content__headline {
    margin-top: 50px;
    padding-left: 5px;
    border-left: 3px solid #776320;
    font-size: 18px;
  }
}

.gift__price__title {
  margin-top: 30px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .gift__price__title {
    margin-top: 20px;
    font-size: 18px;
  }
}

.gift__price__title span {
  color: #776320;
}

.gift__btn-box {
  max-width: 825px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .gift__btn-box {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 25px;
  }
}

.gift__calendar__container {
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 1100px;
  margin-inline: auto;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

@media screen and (max-width: 768px) {
  .gift__calendar__container {
    margin-top: 25px;
    margin-bottom: 25px;
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

.gift__calendar__contents {
  width: 100%;
  max-width: 1100px;
  margin-inline: auto;
}

.gift__calendar__contents.--last {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .gift__calendar__contents.--last {
    margin-top: 25px;
  }
}

.gift__calendar__title {
  color: #776320;
  padding-bottom: 5px;
  border-bottom: 1px solid #776320;
  font-size: 36px;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .gift__calendar__title {
    font-size: 24px;
  }
}

.gift__calendar__menu {
  margin-top: 20px;
}

.gift__calendar__list {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #212121;
}

@media screen and (max-width: 768px) {
  .gift__calendar__list {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
  }
}

.gift__calendar__list:first-of-type {
  padding-top: 0;
}

.gift__calendar__list span {
  vertical-align: middle;
}

.gift__calendar__list span:nth-of-type(1) {
  display: inline-block;
  width: 20%;
}

.gift__calendar__list span:nth-of-type(2) {
  display: inline-block;
  width: 75%;
  padding-left: 8px;
}

.gift__calendar__list:nth-of-type(even) {
  background-color: #f9f9f1;
}

.gift__calendar__text {
  margin-top: 10px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .gift__calendar__text {
    margin-top: 5px;
    font-size: 14px;
  }
}

.shop__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 30px;
}

@media screen and (max-width: 1024px) {
  .shop__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.shop__contents {
  width: 40%;
}

@media screen and (max-width: 1024px) {
  .shop__contents {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}

.shop__contents_title {
  font-size: 30px;
  padding-left: 15px;
  border-left: 5px solid #000;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .shop__contents_title {
    font-size: 24px;
  }
}

.shop__table {
  margin-top: 3cap;
}

@media screen and (max-width: 768px) {
  .shop__table {
    margin-top: 10px;
  }
}

.shop__table tbody {
  display: block;
}

.shop__table__contents {
  margin-top: 20px;
  line-height: 2;
  vertical-align: top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  .shop__table__contents {
    gap: 15px;
  }
}

.shop__table__header {
  width: 30%;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .shop__table__header {
    font-size: 14px;
  }
}

.shop__table__data {
  width: 70%;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .shop__table__data {
    font-size: 14px;
  }
}

.shop__table__link {
  line-height: 1;
}

.shop__table__link__icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin-right: 5px;
}

.shop__sns__menu {
  margin-top: 20px;
  max-width: 120px;
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 1024px) {
  .shop__sns__menu {
    margin-left: auto;
    width: 37%;
  }
}

.shop__category__menu {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

@media screen and (max-width: 1024px) {
  .shop__category__menu {
    margin-top: 40px;
    width: 80%;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.shop__category__list {
  text-align: center;
  width: 50%;
}

.shop__category__img {
  position: relative;
}

.shop__category__text {
  margin-top: 50px;
  font-size: 12px;
  padding: 0 5px;
  background-color: #f1f1f1;
  border-radius: 25px;
}

@media screen and (max-width: 768px) {
  .shop__category__text {
    font-size: 10px;
  }
}

.lapin {
  width: 100%;
  max-width: 211px;
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .lapin {
    width: 90%;
    top: -10px;
  }
}

.cafe {
  max-width: 73px;
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

@media screen and (max-width: 768px) {
  .cafe {
    width: 80%;
  }
}

/********************************************************/
/* スライダー */
/********************************************************/
.splide3 {
  width: 33%;
}

@media screen and (max-width: 1024px) {
  .splide3 {
    width: 100%;
  }
}

.splide3 .splide__pagination {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  bottom: -2.5em !important;
  padding: 0 !important;
  gap: 10px !important;
}

@media screen and (max-width: 768px) {
  .splide3 .splide__pagination {
    bottom: -1.5em !important;
  }
}

.p-shop__splide {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .p-shop__splide {
    margin-top: 25px;
  }
}

.splide3.splide__arrow {
  display: none !important;
}

.p-shop__splide__slide__text-box .p-shop__splide__slide__text.--top {
  display: block;
  font-size: 18px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .p-shop__splide__slide__text-box .p-shop__splide__slide__text.--top {
    font-size: 14px;
  }
}

.p-shop__splide__slide__text-box .p-shop__splide__slide__text.--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.p-shop__splide__slide__text-box .p-shop__splide__slide__text.--bottom span {
  font-size: 14px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 12px;
}

.p-shop__splide__slide__text-box .p-shop__splide__slide__text.--bottom span:nth-of-type(2) {
  color: #665004;
  border: solid 1px #665004;
  border-radius: 25px;
  padding: 0 15px;
  font-size: 12px;
}

.splide3 .splide__slide img {
  width: 90% !important;
  margin-inline: auto !important;
  display: block !important;
}

.splide3 .splide__arrow {
  background: transparent;
}

.splide3 .splide__arrow--next {
  right: -1em;
  color: #b7b3b3;
}

.splide3 .splide__arrow--prev {
  left: -1em;
  color: #b7b3b3;
}

.shop__discription__container {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

@media screen and (max-width: 599px) {
  .shop__discription__container {
    margin-top: 25px;
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

.shop__discription__title {
  font-size: 18px;
}

@media screen and (max-width: 599px) {
  .shop__discription__title {
    font-size: 16px;
    margin-left: 5px;
    text-indent: -7px;
    text-align: justify;
  }
}

.shop__discription__title:nth-of-type(2) {
  margin-top: 30px;
}

@media screen and (max-width: 599px) {
  .shop__discription__title:nth-of-type(2) {
    margin-top: 20px;
  }
}

.shop__discription__title span {
  color: #665004;
}

.shop__discription__text {
  font-size: 16px;
}

@media screen and (max-width: 599px) {
  .shop__discription__text {
    font-size: 14px;
  }
}

.share {
  padding-top: 180px;
  padding-bottom: 180px;
}

@media screen and (max-width: 768px) {
  .share {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.share .table-container__privacy {
  margin-top: 10px;
  height: 500px;
  overflow-y: scroll;
}

.share .table-container__privacy h2 {
  margin-top: 20px;
}

@media screen and (max-width: 599px) {
  .share .table-container__privacy h2 {
    margin-top: 10px;
  }
}

.share .table-container__privacy td {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .share {
    font-size: 12px;
  }
}

.share .table-container__wrap {
  margin-top: 20px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .share .table-container__wrap {
    margin-top: 10px;
  }
}

.share .table-container {
  width: 100%;
  border: none;
}

.share .table-container__title {
  font-size: 12px;
  width: 150px;
  background-color: #d3ccb4 !important;
}

@media screen and (max-width: 768px) {
  .share .table-container__title {
    font-size: 11px;
    width: 105px;
  }
}

@media screen and (max-width: 768px) {
  .share .table-container__content {
    width: 120px;
  }
}

@media screen and (max-width: 768px) {
  .share .table-container__content-lapin {
    width: 80px;
  }
}

.share .table-container__lead {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .share .table-container__lead {
    font-size: 11px;
  }
}

.share table {
  width: 100%;
  border-collapse: collapse;
}

.share th,
.share td {
  border: 2px solid #fff;
  padding: 20px;
  vertical-align: top;
}

@media screen and (max-width: 768px) {

  .share th,
  .share td {
    padding: 6px;
  }
}

.share th {
  vertical-align: top;
  background-color: #665004;
  color: white;
  padding: 20px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

@media screen and (max-width: 768px) {
  .share th {
    padding: 6px;
  }
}

.share td {
  font-size: 14px;
  background-color: #f7f4ef;
}

@media screen and (max-width: 768px) {
  .share td {
    font-size: 11px;
  }
}

.share .notice {
  color: red;
}

.share thead th {
  background-color: #665004;
  color: white;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .share thead th {
    padding: 6px;
  }
}

.share tbody tr:nth-child(odd) td {
  background-color: #f9f6f1;
}

.share .lower__headline {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .share .lower__headline {
    margin-top: 25px;
  }
}

.share p {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .share p {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .share .table-container__privacy td {
    display: block;
    width: 100%;
  }
}

.share__icon__menu {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 30px;
  max-width: 1000px;
}

@media screen and (max-width: 768px) {
  .share__icon__menu {
    margin-top: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

.share__icon__text {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .share__icon__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .share__icon__list {
    width: 100%;
    /* min-width: 120px; */
    margin-inline: auto;
    max-width: 140px;
  }
}

/********************************************************/
/* share */
/********************************************************/
.share__title {
  margin-top: 100px;
  font-size: 35px;
  background-color: #f3f2eb;
  padding: 10px 20px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .share__title {
    margin-top: 50px;
    font-size: 22px;
    padding: 5px 10px;
  }
}

.share__title.share__privacy__title {
  margin-top: 0;
}

.share__privacy__subtitle {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .share__privacy__subtitle {
    margin-top: 25px;
  }
}

.share__contents {
  margin-top: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

@media screen and (max-width: 768px) {
  .share__contents {
    margin-top: 35px;
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

.share__headline {
  max-width: 340px;
}

@media screen and (max-width: 768px) {
  .share__headline {
    max-width: 230px;
  }
}

.share__table {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .share__table {
    margin-top: 20px;
  }
}

.share__table__contents {
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .share__table__contents:first-of-type .share__table__header {
    margin-top: 0;
  }
}

.share__table__header {
  padding: 10px;
  background-color: #9e9060;
  color: #fff;
  border: #fff solid 1px;
  font-size: 16px;
  width: 20%;
}

@media screen and (max-width: 768px) {
  .share__table__header {
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 5px;
    margin-top: 10px;
  }
}

.share__table__data {
  font-size: 16px;
  padding: 5px 20px;
}

@media screen and (max-width: 768px) {
  .share__table__data {
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 5px 0;
  }
}

.share__text-box {
  margin-top: 20px;
  padding: 30px;
  background-color: #f8f8f8;
}

@media screen and (max-width: 768px) {
  .share__text-box {
    padding: 20px;
  }
}

.share__text-box__headline {
  font-size: 28px;
  padding-left: 10px;
  border-left: 5px solid #776320;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .share__text-box__headline {
    font-size: 20px;
    padding-left: 5px;
    border-left: 3px solid #776320;
  }
}

.share__text {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .share__text {
    margin-top: 10px;
    font-size: 14px;
  }
}

.share__link {
  display: block;
  margin-top: 20px;
  padding-left: 20px;
  color: #776320;
  text-decoration: underline;
  position: relative;
}

@media screen and (max-width: 768px) {
  .share__link {
    margin-top: 10px;
  }
}

.share__link::before {
  content: url(../images/pages/share/arrow.svg);
  display: block;
  width: 28px;
  height: 20px;
  position: absolute;
  top: 44%;
  left: -10px;
  -webkit-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
}

@media screen and (max-width: 768px) {
  .share__link::before {
    left: -8px;
  }
}

.share__text-box__table {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .share__text-box__table {
    margin-top: 10px;
  }
}

.share__text-box__table__header {
  background-color: #000;
  color: #fff;
  max-width: 110px;
  width: 100%;
  padding: 2px 20px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .share__text-box__table__header {
    max-width: 100%;
    padding: 2px 10px;
    font-size: 14px;
  }
}

.share__text-box__table__data {
  padding: 2px 20px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .share__text-box__table__data {
    max-width: 100%;
    padding: 2px 0;
    font-size: 14px;
  }
}

.share__text.--center {
  margin-top: 70px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .share__text.--center {
    margin-top: 35px;
  }
}

.share__text.--center a {
  color: #776320;
  text-decoration: underline;
}

.share__btn-box {
  margin-top: 50px;
  width: 100%;
  max-width: 550px;
  margin-inline: auto;
  text-align: center;
}

.share__btn__text {
  font-size: 28px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .share__btn__text {
    font-size: 16px;
  }
}

.share__btn .share__btn__link {
  position: relative;
  letter-spacing: 2px;
  color: #fff;
  padding: 20px;
  font-size: 36px;
  font-weight: 700;
  width: 100%;
  position: relative;
  display: inline-block;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .share__btn .share__btn__link {
    padding: 10px 20px;
    font-size: 20px;
  }
}

.share__btn .share__btn__link::before {
  content: "";
  display: block;
  border-left: solid 2px #fff;
  border-bottom: solid 2px #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}

@media screen and (max-width: 768px) {
  .share__btn .share__btn__link::before {
    width: 7px;
    height: 7px;
  }
}

.share__btn:nth-of-type(1) .share__btn__link {
  background: #665004;
}

.share__btn:nth-of-type(2) .share__btn__link {
  background: #676959;
}

.event.section {
  /*  padding-top: 90px;*/
  padding-top: 200px;
}

@media screen and (max-width: 768px) {
  .event.section {
    padding-top: 120px;
  }
}

/* タブボタンの基本スタイル */
.event__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 465px;
  margin-inline: auto;
  margin-top: 150px;
  overflow-x: clip;
}

@media screen and (max-width: 768px) {
  .event__tabs {
    margin-top: 80px;
    max-width: 236px;
  }
}

.tablinks {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (max-width: 768px) {
  .tablinks {
    padding: 5px;
  }
}

.tab__date {
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
  height: 185px;
  width: 185px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d0cbb5;
}

@media screen and (max-width: 768px) {
  .tab__date {
    height: 90px;
    width: 90px;
    margin-inline: auto;
  }
}

.tab__date__top {
  width: 100%;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .tab__date__top {
    font-size: 16px;
  }
}

.tab__date__slash {
  width: 100%;
  color: #fff;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .tab__date__slash {
    font-size: 12px;
  }
}

.tab__date__bottom {
  margin-top: -60px;
  width: 100%;
  color: #fff;
  font-size: 80px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .tab__date__bottom {
    font-size: 40px;
    margin-top: -30px;
  }
}

.tab__title {
  margin-top: 20px;
  font-weight: 700;
  text-align: center;
  padding: 7px;
  width: 200px;
  font-size: 18px;
  color: #776320;
  border: 2px solid #776320;
  border-radius: 50px;
}

@media screen and (max-width: 768px) {
  .tab__title {
    width: auto;
    font-size: 12px;
  }
}

.event__tab1,
.event__tab2 {
  position: relative;
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
  display: none;
  width: 100%;
  background-color: #eceae1;
  overflow-x: clip;
}

@media screen and (max-width: 768px) {

  .event__tab1,
  .event__tab2 {
    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.event__tab1::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 44%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60px;
  height: 50px;
  background-color: #eceae1;
  -webkit-clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
  clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
}

@media screen and (max-width: 768px) {
  .event__tab1::before {
    top: -20px;
    left: 33%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
    height: 25px;
  }
}

.event__tab2::before {
  content: "";
  position: absolute;
  top: -50px;
  right: 41%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60px;
  height: 50px;
  background-color: #eceae1;
  -webkit-clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
  clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
}

@media screen and (max-width: 768px) {
  .event__tab2::before {
    top: -20px;
    right: 30%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
    height: 25px;
  }
}

.tabcontent__filtering {
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
  background-color: #fff;
  border-radius: 15px;
  padding: 50px;
}

@media screen and (max-width: 768px) {
  .tabcontent__filtering {
    padding: 25px 0;
  }
}

.tabcontent__filtering__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .tabcontent__filtering__menu {
    font-size: 14px;
    gap: 20px 10px;
    width: 320px;
    margin-inline: auto;
  }
}

@media screen and (max-width: 768px) {
  .tabcontent__filtering__list {
    width: 85px;
    text-align: left;
  }
}

.tabcontent__filtering__btn {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .tabcontent__filtering__btn {
    margin-top: 10px;
  }
}

.tabcontent__filtering__btn__link {
  display: inline-block;
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  padding: 5px;
  width: 100%;
  max-width: 250px;
}

@media screen and (max-width: 768px) {
  .tabcontent__filtering__btn__link {
    font-size: 14px;
    margin-top: 10px;
  }
}

input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: #d8d8d8;
  vertical-align: -1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
}

input[type=checkbox]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  width: 5px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  z-index: 10;
}

input[type=checkbox]:checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-color: #000;
  content: "";
  z-index: 1;
}

.tabcontent__img {
  max-width: 1000px;
  margin-inline: auto;
}

.event {
  overflow-x: clip;
  background-color: #b5a88d;
}

@media screen and (max-width: 599px) {
  .event .inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.event__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

@media screen and (max-width: 1024px) {
  .event__container {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.event__contents {
  width: 100%;
  margin-inline: auto;
  height: auto;
  background: #fff;
  width: 48%;
  margin-inline: auto;
  background: #fff;
  margin: 0 0 4%;
  height: auto !important;
}

@media screen and (max-width: 1024px) {
  .event__contents {
    width: 100%;
    max-width: 400px;
    margin-inline: auto;
  }
}

.event__title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.event__date {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30%;
  background-color: #2f1b0c;
  letter-spacing: 1.5px;
  font-weight: 400;
  padding: 10px;
}

.event__date__text {
  color: #fff;
  display: block;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .event__date__text {
    font-size: 16px;
  }
}

.event__date__text span {
  padding-left: 5px;
  font-size: 20px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .event__date__text span {
    padding-left: 2.5px;
    font-size: 12px;
  }
}

.event__title__text {
  width: 70%;
  background-color: #fff;
  padding-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 768px) {
  .event__title__text {
    font-size: 16px;
    padding-left: 12px;
    letter-spacing: 1px;
  }
}

.event__title__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 行数を指定 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event__img {
  width: 100%;
}

.event__img img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
}

.event__contents__item {
  padding: 1rem;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .event__contents__item {
    padding: 0.5rem;
  }
}

.event__category__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .event__category__menu {
    gap: 5px;
  }
}

.event__category {
  border: 1px solid #9f9666;
  border-radius: 25px;
  padding: 5px 15px;
  line-height: 1;
  font-size: 14px;
  color: #212121;
}

@media screen and (max-width: 768px) {
  .event__category {
    padding: 2.5px 10px;
    font-size: 12px;
  }
}

.event__text {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .event__text {
    margin-top: 15px;
    font-size: 14px;
  }
}

.event__table {
  margin-top: 30px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .event__table {
    margin-top: 15px;
  }
}

.event__table__contents {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-color: #64564b;
  border-bottom: solid 1px #eeeded;
}

.event__table__header {
  width: 25%;
  font-weight: 400;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Needed to make it a flex item */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Center the text vertically */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* Center the text horizontally */
}

@media screen and (max-width: 768px) {
  .event__table__header {
    line-height: 1.25;
    font-size: 14px;
    padding: 5px 10px;
  }
}

.event__table__data {
  width: 75%;
  line-height: 1.5;
  padding: 10px 20px;
  border-bottom: solid 1px #eeeded;
  height: 100%;
  font-size: 18px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .event__table__data {
    line-height: 1.25;
    padding: 15px 10px;
    font-size: 14px;
  }
}

.event__table__data span {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .event__table__data span {
    font-size: 12px;
  }
}

.event__table__data strong {
  font-size: 16px;
  padding: 5px 10px;
  background-color: #eceae1;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .event__table__data strong {
    font-size: 12px;
    padding: 2.5px 5px;
    background-color: #eceae1;
    margin-right: 5px;
  }
}

.event__table__caution {
  margin-top: 20px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .event__table__caution {
    margin-top: 10px;
  }
}

.event__table__caution__text {
  background-color: #ededed;
  color: #212121;
  padding: 10px 30px;
  border-radius: 25px;
}

@media screen and (max-width: 768px) {
  .event__table__caution__text {
    padding: 5px 15px;
  }
}

.event__table__btn {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .event__table__btn {
    margin-top: 15px;
  }
}

.event__table__cancel {
  text-align: center;
}

.event__table__cancel-link {
  font-size: 14px;
  border-bottom: solid 1px #776320;
  padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .event__table__cancel-link {
    font-size: 12px;
    padding-bottom: 2.5px;
  }
}

.event__btn {
  margin-top: 30px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .event__btn {
    margin-top: 15px;
  }
}

.event__btn__link {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: solid 1px #eeeded;
  border-bottom: solid 1px #eeeded;
}

@media screen and (max-width: 768px) {
  .event__btn__link {
    font-size: 14px;
  }
}

.event__btn__link span:first-of-type {
  width: 25%;
  text-align: center;
  padding: 20px;
  background-color: #64564b;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .event__btn__link span:first-of-type {
    padding: 10px;
  }
}

.event__btn__link span:last-of-type {
  width: 75%;
  padding: 20px;
  color: #776320;
}

@media screen and (max-width: 768px) {
  .event__btn__link span:last-of-type {
    padding: 10px;
    word-break: break-all;
  }
}

.p-archive-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  padding-top: 120px;
}

@media screen and (max-width: 768px) {
  .p-archive-container {
    padding-top: 80px;
  }
}

.p-archive-page-title {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}

.p-archive-archive-section__filter {
  padding-left: 0.5em;
  font-size: 24px;
  border-left: 4px solid #634800;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-archive-archive-section__filter {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

.p-archive-page-title__sub {
  font-size: 24px;
  color: #333;
  display: block;
  margin-top: 10px;
}

.p-archive-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* .p-archive-col-lg-9 {
   padding: 15px;
} */
.p-archive-col-lg-9 {
  max-width: 100%;
}

/* 
.p-archive-archive-section {
   padding: 20px;
} */
.p-archive-archive-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.p-archive-archive-list__item {
  margin-bottom: 30px;
}

.p-archive-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex-direction: column; */
  text-decoration: none;
  color: #333;
  background-color: #fff;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.p-archive-post:hover {
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.p-archive-post__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-archive-post__figure {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #efefef;
}

@media screen and (max-width: 768px) {
  .p-archive-post__figure {
    width: 40%;
  }
}

.p-archive-post__thumbnail {
  width: 250px;
  height: 250px;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
  aspect-ratio: 1/1;
}

.p-archive-post__details {
  padding: 10px 0;
  /* margin-left: 20px; */
  width: 70%;
}

@media screen and (max-width: 768px) {
  .p-archive-post__details {
    width: 60%;
  }
}

.p-archive-post__title {
  font-size: 18px;
  margin: 0 0 10px;
}

@media screen and (max-width: 768px) {
  .p-archive-post__title {
    font-size: 15px;
  }
}

.p-archive-post__excerpt {
  font-size: 15px;
  color: #333;
  margin: 0 0 15px;
}

@media screen and (max-width: 768px) {
  .p-archive-post__excerpt {
    font-size: 13px;
  }
}

.p-archive-post__meta {
  font-size: 15px;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .p-archive-post__meta {
    font-size: 14px;
  }
}

.p-archive-post__date {
  margin-right: 15px;
}

.p-archive-post__category {
  background-color: #eee;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 0.9em;
}

@media screen and (max-width: 768px) {
  .p-archive-archive-section {
    padding: 0px;
  }

  .p-archive-col-lg-9 {
    padding: 0px;
  }

  .p-archive-post__thumbnail {
    width: 100%;
    max-width: 400px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .p-archive-post__details {
    width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .single__article .wp-block-list {
    font-size: 14px;
  }
}

/* カスタムタブボタンの基本スタイル */
.tabcontent {
  display: none;
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 465px;
  margin-inline: auto;
  margin-top: 150px;
  overflow-x: clip;
}

@media screen and (max-width: 768px) {
  .tabs {
    margin-top: 50px;
    overflow-x: scroll;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.tablinks {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
}

.tablinks a.active {
  background-color: #776320;
  color: #fff;
}

/* アクティブなタブボタンのスタイル */
.tablinks.active .tab__date {
  background-color: #776320;
}

.tab__title:hover {
  background-color: #776320;
  color: #fff;
}

.tab__date:hover {
  background-color: #776320;
  color: #fff;
}

/* アクティブなタブボタンのスタイル */
.tab__date.active {
  background-color: #776320;
  color: #fff;
}

.tab__date.active:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tab__title {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tab__date {
  margin-inline: auto;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
  height: 185px;
  width: 185px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d0cbb5;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab__date__top {
  width: 100%;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 1;
}

.tab__date__slash {
  width: 100%;
  color: #fff;
  font-size: 20px;
}

.tab__date__bottom {
  margin-top: -60px;
  width: 100%;
  color: #fff;
  font-size: 64px;
  line-height: 1;
}

.tab__title {
  margin-top: 20px;
  font-weight: 700;
  text-align: center;
  padding: 7px;
  width: 200px;
  font-size: 18px;
  color: #776320;
  border: 2px solid #776320;
  border-radius: 50px;
  background-color: transparent;
}

.tabcontent1,
.tabcontent2 {
  position: relative;
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
  display: none;
  width: 100%;
  background-color: #eceae1;
  overflow-x: clip;
}

@media screen and (max-width: 768px) {

  .tabcontent1,
  .tabcontent2 {
    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.tabcontent1::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-142px);
  transform: translateX(-142px);
  width: 60px;
  height: 50px;
  background-color: #eceae1;
  -webkit-clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
  clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
}

@media screen and (max-width: 768px) {
  .tabcontent1::before {
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-104px);
    transform: translateX(-104px);
    width: 30px;
    height: 25px;
  }
}

.tabcontent2::before {
  content: "";
  position: absolute;
  top: -50px;
  right: 50%;
  -webkit-transform: translateX(142px);
  transform: translateX(142px);
  width: 60px;
  height: 50px;
  background-color: #eceae1;
  -webkit-clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
  clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
}

@media screen and (max-width: 768px) {
  .tabcontent2::before {
    top: -20px;
    right: 50%;
    -webkit-transform: translateX(110px);
    transform: translateX(110px);
    width: 30px;
    height: 25px;
  }
}

.tabcontent__filtering__btn {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}

.tabcontent__filtering__btn__link {
  display: inline-block;
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  padding: 5px;
  width: 100%;
  max-width: 250px;
}

input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: #d8d8d8;
  vertical-align: -1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
}

input[type=checkbox]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  width: 5px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  z-index: 10;
}

input[type=checkbox]:checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-color: #000;
  content: "";
  z-index: 1;
}

.tabcontent__img {
  max-width: 1000px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .tablinks {
    padding: 8px 12px;
  }

  .tab__date {
    height: 145px;
    width: 145px;
  }

  .tab__title {
    width: 160px;
    font-size: 14px;
  }

  .tab__date__top {
    font-size: 18px;
  }

  .tab__date__bottom {
    margin-top: -40px;
    font-size: 48px;
  }
}

.custom-table .list-btn-store-btn {
  width: 70px;
  background: #664f05;
  border: 0px;
  border-radius: 20px;
  font-size: 14px;
  color: #fff;
  padding: 4px 7px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  text-align: center;
  margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
  .custom-table .list-btn-store-btn {
    font-size: 12px;
  }
}

.custom-table-inner {
  padding-top: 16px;
}

.event__excerpt {
  font-size: 16px;
  font-weight: 700;
}

.custom-table-inner {
  background-color: #fff;
  padding-right: 20px;
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .custom-table-inner {
    padding-right: 8px;
    padding-left: 8px;
  }
}

.custom-table {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border-collapse: collapse;
  /* width: 320px; */
  width: 100%;
  margin-inline: auto;
  padding-bottom: 24px;
}

.custom-table-header {
  font-weight: bold;
  margin-bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-table-head {
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background-color: #49230c;
  width: 30%;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-right: 8px;
  font-size: 13px;
}

.custom-table .cell {
  display: inline-block;
  width: 70%;
  /* Adjust the width based on the number of cells */
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .custom-table .cell {
    font-size: 12px;
  }
}

.button-container {
  /* padding-top: 32px; */
  text-align: center;
  background-color: #fff;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 16px;
}

.btn {
  display: block;
  padding: 10px 20px;
  border: none;
  border-radius: 25px;
  color: white;
  background-color: #8b6c42;
  /* ボタンの背景色を調整 */
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}

.small-btn {
  padding: 5px 10px;
  margin-bottom: 24px;
  background-color: #efefef;
  color: #333;
  width: 250px;
  margin-inline: auto;
  font-size: 14px;
}

.normal-btn {
  padding: 10px 30px;
  font-size: 14px;
  width: 300px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .normal-btn {
    width: 100%;
  }
}

.text-link {
  display: inline-block;
  margin-top: 20px;
  font-size: 16px;
  color: #8b6c42;
  /* テキストリンクの色を調整 */
  text-decoration: none;
}

.text-link:hover {
  text-decoration: underline;
}

.event__container {
  width: 100%;
  margin-inline: auto;
}

.event .event__container {
  width: 1000px;
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .event .event__container {
    padding: 0 20px;
  }
}

.event__img img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 1/1;
}

.event__title-text {
  font-size: 15px;
  padding: 4px;
  line-height: 1.5;
  height: 54px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  -ms-flex-line-pack: center;
  align-content: center;
}

@media screen and (max-width: 768px) {
  .event__title-text {
    height: 64px;
    font-size: 13px;
  }
}

.event__datetime {
  padding-right: 12px;
  background-color: #49230c;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.event__date__text {
  font-size: 13px;
}

.event__title {
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
}

@media screen and (max-width: 768px) {
  .custom-table-head {
    width: 20%;
  }

  .custom-table .cell {
    width: 75%;
    font-size: 13px;
  }
}

.gcal-event {
  pointer-events: none;
}

/*=======
# // Recruit
======================================================*/
.sp-br {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp-br {
    display: block;
  }
}

.recruit__mv {
  position: relative;
  overflow: hidden;
}

.recruit__mv__img {
  width: 100%;
}

.recruit__mv__text-box {
  position: absolute;
  left: 5%;
  bottom: 10%;
}

@media screen and (max-width: 768px) {
  .recruit__mv__text-box {
    bottom: 5%;
  }
}

.recruit__mv__text-box::before {
  content: url(../images/pages/recruit/mv_text.svg);
  position: absolute;
  bottom: 60px;
  left: -70px;
  max-width: 540px;
  width: 70%;
}

@media screen and (max-width: 768px) {
  .recruit__mv__text-box::before {
    max-width: 250px;
    width: 40%;
    bottom: 40px;
    left: -10px;
  }
}

.recruit__mv__text {
  color: #231815;
  background-color: #fff;
  font-size: clamp(0.875rem, 0.622rem + 1.2651vw, 2.1875rem);
  font-weight: 700;
  padding: 10px 20px;
  line-height: 1;
  letter-spacing: 1.5px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .recruit__mv__text {
    padding: 5px 10px;
  }
}

.recruit__mv__text:last-of-type {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .recruit__mv__text:last-of-type {
    margin-top: 5px;
  }
}

.recruit__philosophy {
  position: relative;
}

.recruit__philosophy__title {
  text-align: center;
  font-size: clamp(1.25rem, 1.0934rem + 0.7831vw, 2.0625rem);
}

.recruit__philosophy__title__big:first-of-type {
  position: relative;
  bottom: 15px;
  right: 10px;
}

@media screen and (max-width: 768px) {
  .recruit__philosophy__title__big:first-of-type {
    font-size: 24px;
  }
}

.recruit__philosophy__title__big {
  font-size: clamp(1.625rem, 1.3358rem + 1.4458vw, 3.125rem);
}

.recruit__philosophy__title__right {
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  bottom: 5px;
}

@media screen and (max-width: 768px) {
  .recruit__philosophy__title__right {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

.recruit__philosophy__title__left {
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
  bottom: 5px;
}

@media screen and (max-width: 768px) {
  .recruit__philosophy__title__left {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
}

.recruit__philosophy__text {
  margin-top: 50px;
  font-size: clamp(0.875rem, 0.8268rem + 0.241vw, 1.125rem);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .recruit__philosophy__text {
    margin-top: 25px;
    line-height: 1.5;
  }
}

.recruit__philosophy__img:first-of-type {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  max-width: 575px;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .recruit__philosophy__img:first-of-type {
    top: auto;
    bottom: -70px;
    width: 40%;
  }
}

.recruit__philosophy__img:last-of-type {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  max-width: 650px;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .recruit__philosophy__img:last-of-type {
    width: 30%;
  }
}

.recruit__interview {
  margin-top: 50px;
  position: relative;
  background-image: url(../images/pages/recruit/img17.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 90px;
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  .recruit__interview {
    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.recruit__interview::before {
  content: "Interview";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -20px;
  font-size: 150px;
  color: #e4dbd0;
  line-height: 1;
  font-weight: 700;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 768px) {
  .recruit__interview::before {
    font-size: 70px;
  }
}

.recruit__common__title {
  position: relative;
  font-size: 22px;
  display: inline-block;
  background-color: #000;
  border-radius: 5px;
  padding: 7px 20px;
}

@media screen and (max-width: 768px) {
  .recruit__common__title {
    font-size: 16px;
  }
}

.recruit__common__title span {
  color: #fff;
}

.recruit__common__title span:first-of-type {
  padding-right: 20px;
  border-right: 2px solid #fff;
}

@media screen and (max-width: 768px) {
  .recruit__common__title span:first-of-type {
    padding-right: 10px;
  }
}

.recruit__common__title span:last-of-type {
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .recruit__common__title span:last-of-type {
    padding-left: 10px;
  }
}

.recruit__interview__title {
  position: relative;
}

.splide6 {
  width: 100vw;
  position: relative;
  top: 0;
  left: 0;
}

.splide6 .splide__arrow {
  display: none !important;
}

.splide6 .splide__pagination {
  display: none !important;
}

.recruit__interview__splide__track {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@media screen and (max-width: 768px) {
  .recruit__interview__splide__track {
    padding: 20px;
    padding-left: 10px !important;
  }
}

.recruit__interview__splide__slide__img img {
  border-radius: 10px 10px 0 0;
}

.recruit__interview__link {
  display: block;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 20px 20px;
}

.recruit__interview__link:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.recruit__interview__text-box {
  background-color: #fff;
  padding: 20px;
  border-radius: 0 0 20px 20px;
}

@media screen and (max-width: 768px) {
  .recruit__interview__text-box {
    padding: 10px;
  }
}

.recruit__interview__text.--top {
  font-weight: 700;
  font-size: 24px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .recruit__interview__text.--top {
    font-size: 12px;
    height: 56px;
  }
}

.recruit__interview__text.--top span:nth-of-type(2) {
  font-size: 32px;
  display: block;
}

@media screen and (max-width: 768px) {
  .recruit__interview__text.--top span:nth-of-type(2) {
    font-size: 22px;
  }
}

.recruit__interview__text.--bottom {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #000;
  font-weight: 700;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .recruit__interview__text.--bottom {
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
  }
}

.recruit__interview__text.--bottom span:nth-of-type(1) {
  font-size: 16px;
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  .recruit__interview__text.--bottom span:nth-of-type(1) {
    font-size: 12px;
    padding: 2.5px 5px;
    margin-right: 2.5px;
  }
}

.recruit__interview__text.--bottom span:nth-of-type(2) {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .recruit__interview__text.--bottom span:nth-of-type(2) {
    font-size: 12px;
  }
}

.recruit__interview__text.--bottom::after {
  content: url(../images/pages/recruit/arrow1.svg);
  position: absolute;
  top: 75%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 53px;
  width: 20%;
}

@media screen and (max-width: 768px) {
  .recruit__interview__text.--bottom::after {
    top: 27px;
    max-width: 20px;
  }
}

.recruit__message__title::after {
  content: "Message";
  position: absolute;
  top: -100px;
  left: 0;
  font-size: 120px;
  color: #f4f4f4;
  line-height: 1;
  font-weight: 700;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .recruit__message__title::after {
    top: -55px;
    font-size: 60px;
  }
}

.recruit__message__img {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .recruit__message__img {
    margin-top: 25px;
  }
}

.recruit__message__text {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .recruit__message__text {
    margin-top: 25px;
    font-size: 14px;
    line-height: 1.5;
  }
}

.recruit__ojt {
  position: relative;
  overflow: hidden;
  background-image: url(../images/pages/recruit/img7.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.recruit__ojt__container {
  display: grid;
  grid-template-columns: 1fr 40% 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
}

@media screen and (max-width: 768px) {
  .recruit__ojt__container {
    grid-template-columns: 1fr;
  }
}

.recruit__ojt__contents {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 768px) {
  .recruit__ojt__contents {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.recruit__ojt__title {
  position: relative;
  font-size: 38px;
}

@media screen and (max-width: 768px) {
  .recruit__ojt__title {
    font-size: 20px;
  }
}

.recruit__ojt__title::before {
  content: url(../images/pages/recruit/ojt.svg);
  display: block;
  margin-bottom: -50px;
  margin-inline: auto;
  max-width: 390px;
  width: 60%;
}

@media screen and (max-width: 768px) {
  .recruit__ojt__title::before {
    margin-bottom: -25px;
  }
}

.recruit__ojt__title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: solid 1px #000;
  width: 40px;
}

.recruit__ojt__text {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .recruit__ojt__text {
    font-size: 14px;
    line-height: 1.5;
  }
}

.recruit__ojt__img {
  width: 100%;
}

.recruit__dayoff {
  padding-top: 280px;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff {
    padding-top: 50px;
  }
}

.recruit__dayoff__title::after {
  content: "Dayoff";
  position: absolute;
  top: -150px;
  left: 0;
  font-size: 160px;
  color: #f4f4f4;
  line-height: 1;
  font-weight: 700;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__title::after {
    top: -63px;
    left: 0;
    font-size: 60px;
    padding-top: 50px;
  }
}

.recruit__dayoff__img {
  margin-top: -100px;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__img {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.recruit__dayoff__menu {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 0.5rem;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__menu {
    margin-top: 25px;
    grid-template-columns: 1fr;
    row-gap: 2rem;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
  }
}

.recruit__dayoff__list:nth-of-type(1) .recruit__dayoff__link__img::before {
  content: "OA機器・システム開発";
  color: #000;
  background-color: #fff;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 2px;
  padding: 5px 20px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__list:nth-of-type(1) .recruit__dayoff__link__img::before {
    font-size: 18px;
    letter-spacing: 1.5px;
    padding: 2.5px 10px;
  }
}

.recruit__dayoff__list:nth-of-type(2) {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__list:nth-of-type(2) {
    margin-top: 0;
  }
}

.recruit__dayoff__list:nth-of-type(2) .recruit__dayoff__link__img::before {
  content: "文具・事務用品";
  color: #000;
  background-color: #fff;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 2px;
  padding: 5px 20px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__list:nth-of-type(2) .recruit__dayoff__link__img::before {
    font-size: 18px;
    letter-spacing: 1.5px;
    padding: 2.5px 10px;
  }
}

.recruit__dayoff__list:nth-of-type(3) .recruit__dayoff__link__img::before {
  content: "会社概要";
  color: #000;
  background-color: #fff;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 2px;
  padding: 5px 20px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__list:nth-of-type(3) .recruit__dayoff__link__img::before {
    font-size: 18px;
    letter-spacing: 1.5px;
    padding: 2.5px 10px;
  }
}

.recruit__dayoff__list:nth-of-type(4) {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__list:nth-of-type(4) {
    margin-top: 0;
  }
}

.recruit__dayoff__list:nth-of-type(4) .recruit__dayoff__link__img::before {
  content: "店　舗";
  color: #000;
  background-color: #fff;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 2px;
  padding: 5px 20px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__list:nth-of-type(4) .recruit__dayoff__link__img::before {
    font-size: 18px;
    letter-spacing: 1.5px;
    padding: 2.5px 10px;
  }
}

.recruit__dayoff__link__img {
  position: relative;
}

.recruit__dayoff__link__img::after {
  content: "VIEW MORE ＞";
  color: #fff;
  background-color: #000;
  font-weight: 700;
  font-size: 16px;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__link__img::after {
    font-size: 12px;
    padding: 2.5px 5px;
  }
}

.recruit__dayoff__link__text {
  margin-top: 10px;
  line-height: 1.5;
  border-left: 3px solid #231815;
  font-size: 16px;
  padding-left: 10px;
}

@media screen and (max-width: 768px) {
  .recruit__dayoff__link__text {
    margin-top: 12px;
    border-left: 3px solid #231815;
    font-size: 14px;
    padding-left: 5px;
  }
}

.recruit__work {
  background-color: #e8e9e8;
}

.recruit__work__text {
  margin-top: 50px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .recruit__work__text {
    margin-top: 25px;
    font-size: 14px;
  }
}

.recruit__work__menu {
  position: relative;
  bottom: -35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
}

@media screen and (max-width: 768px) {
  .recruit__work__menu {
    bottom: -25px;
    gap: 20px;
  }
}

.recruit__work__list {
  width: 50%;
  max-width: 400px;
}

@media screen and (max-width: 768px) {
  .recruit__work__list {
    width: 100%;
  }
}

.recruit__work__link {
  text-align: center;
  display: block;
  color: #fff;
  background-color: #000;
  padding: 20px 15px;
  border-radius: 50px;
  width: 100%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .recruit__work__link {
    padding: 10px 7px;
  }
}

.recruit__work__link::after {
  content: url(../images/pages/recruit/arrow2.svg);
  position: absolute;
  top: 55%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 50px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .recruit__work__link::after {
    top: 60%;
    right: 13px;
    width: 30px;
  }
}

.recruit__sns__menu {
  max-width: 650px;
  margin-inline: auto;
}

.recruit__sns__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  padding: 50px 25px;
  border: 2px solid #e5e6e5;
}

@media screen and (max-width: 768px) {
  .recruit__sns__link {
    gap: 10px;
    padding: 20px 15px;
  }
}

.recruit__sns__link:after {
  content: url(../images/pages/recruit/arrow3.svg);
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 33px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .recruit__sns__link:after {
    right: 16px;
    width: 30px;
  }
}

.recruit__sns__link__img {
  max-width: 40px;
  width: 100%;
}

.recruit__sns__link__text {
  font-weight: 700;
}

.recruit__sns__link__text span {
  display: block;
}

.recruit__sns__link__text span:nth-of-type(1) {
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .recruit__sns__link__text span:nth-of-type(1) {
    font-size: 18px;
  }
}

.recruit__sns__link__text span:nth-of-type(2) {
  font-size: 16px;
  color: #b6b9b6;
}

@media screen and (max-width: 768px) {
  .recruit__sns__link__text span:nth-of-type(2) {
    font-size: 14px;
  }
}

.recruit__contact {
  background-image: url(../images/pages/recruit/img18.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.recruit__contact__container {
  max-width: 1245px;
  margin-inline: auto;
  position: relative;
  top: -50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

@media screen and (max-width: 768px) {
  .recruit__contact__container {
    gap: 25px;
  }
}

.recruit__contact__text {
  position: relative;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 768px) {
  .recruit__contact__text {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.recruit__contact__text:after {
  content: url(../images/pages/recruit/arrow2.svg);
  position: absolute;
  top: 55%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 53px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .recruit__contact__text:after {
    right: -5px;
    width: 15px;
  }
}

.recruit__dayoff__container {
  margin-top: 80px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 599px) {
  .recruit__dayoff__container {
    margin-top: 40px;
  }
}

.recruit__dayoff__img {
  position: relative;
  display: block;
  width: 100%;
}

.recruit__dayoff__item a img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.recruit__dayoff__item:hover a img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.recruit__dayoff__item {
  position: absolute;
}

.recruit__dayoff__item:nth-of-type(1) {
  position: absolute;
  top: 24%;
  left: 20%;
  max-width: 350px;
  width: 26%;
  z-index: 20;
}

.recruit__dayoff__item:nth-of-type(2) {
  top: 3%;
  right: 18%;
  max-width: 340px;
  width: 26%;
  z-index: 20;
}

.recruit__dayoff__item:nth-of-type(3) {
  position: absolute;
  top: 10%;
  left: 11%;
  max-width: 165px;
  width: 13%;
}

.recruit__dayoff__item:nth-of-type(4) {
  position: absolute;
  top: 44%;
  left: 3%;
  max-width: 135px;
  width: 10%;
}

.recruit__dayoff__item:nth-of-type(5) {
  position: absolute;
  bottom: 0%;
  left: 16%;
  max-width: 165px;
  width: 13%;
}

.recruit__dayoff__item:nth-of-type(6) {
  position: absolute;
  bottom: -4%;
  left: 36%;
  max-width: 165px;
  width: 13%;
}

.recruit__dayoff__item:nth-of-type(7) {
  position: absolute;
  top: 3%;
  left: 41%;
  max-width: 155px;
  width: 12%;
}

.recruit__dayoff__item:nth-of-type(8) {
  position: absolute;
  bottom: 26%;
  right: 37%;
  max-width: 150px;
  width: 12%;
}

.recruit__dayoff__item:nth-of-type(9) {
  position: absolute;
  bottom: 11%;
  right: 18%;
  max-width: 200px;
  width: 14%;
}

.recruit__dayoff__item:nth-of-type(10) {
  position: absolute;
  bottom: 38%;
  right: 4%;
  max-width: 200px;
  width: 14%;
}

.recruit__dayoff__item:nth-of-type(11) {
  position: absolute;
  top: 2%;
  right: 5%;
  max-width: 150px;
  width: 11%;
}

.recruit__more {
  padding-top: 100px;
  padding-bottom: 180px;
}

@media screen and (max-width: 599px) {
  .recruit__more {
    padding-top: 50px;
    padding-bottom: 90px;
  }
}

/*=======
# // dayoff
======================================================*/
.work-lower__mv {
  background-image: url(../images/pages/recruit/lower_mv.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-top: 220px;
  padding-bottom: 120px;
  height: 25vw;
  width: 100%;
}

.work-lower__mv__title {
  position: absolute;
  top: 55%;
  left: 10%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .work-lower__mv__title {
    line-height: 1;
  }
}

.work-lower__mv__title__text:first-of-type {
  font-size: 64px;
}

@media screen and (max-width: 768px) {
  .work-lower__mv__title__text:first-of-type {
    font-size: 36px;
    margin-bottom: 8px;
  }
}

.work-lower__mv__title__text:last-of-type {
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .work-lower__mv__title__text:last-of-type {
    font-size: 18px;
  }
}

.work-lower__breadcrumb__menu {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  width: 40%;
  padding: 5px;
}

.work-lower__breadcrumb__menu span {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .work-lower__breadcrumb__menu {
    width: 70%;
    padding: 2.5px 10px;
  }
}

.work-lower__breadcrumb__link {
  color: #fff;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .work-lower__breadcrumb__link {
    font-size: 14px;
  }
}

.dayoff__nav {
  padding-top: 100px;
  padding-bottom: 100px;
}

.dayoff__menu {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .dayoff__menu {
    gap: 10px;
  }
}

.dayoff__list {
  width: 20%;
  max-width: 280px;
}

@media screen and (max-width: 768px) {
  .dayoff__list {
    width: 28%;
  }
}

@media screen and (max-width: 599px) {
  .dayoff__list {
    width: 48%;
  }
}

.dayoff__link__name {
  margin-top: 20px;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .dayoff__link__name {
    font-size: 18px;
  }
}

.dayoff__link__text {
  text-align: center;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .dayoff__link__text {
    font-size: 14px;
  }
}

.dayoff__introduction {
  background-image: url(../images/pages/recruit/img30.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.dayoff__introduction:nth-of-type(5) .dayoff__introducton__text-box {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

@media screen and (max-width: 768px) {
  .dayoff__introduction:nth-of-type(5) .dayoff__introducton__text-box {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

.dayoff__introducton__contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 80px;
}

@media screen and (max-width: 768px) {
  .dayoff__introducton__contents {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media screen and (max-width: 768px) {
  .dayoff__introducton__img {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.dayoff__introducton__text-box {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .dayoff__introducton__text-box {
    padding-top: 0;
    padding-bottom: 40px;
  }
}

.dayoff__introducton__headline {
  background-color: #fff;
  border-bottom: solid 7px #000;
  padding: 10px;
  text-align: center;
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .dayoff__introducton__headline {
    font-size: 20px;
    padding: 5px;
    border-bottom: solid 4px #000;
  }
}

.dayoff__introducton__subheadline {
  margin-top: 20px;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .dayoff__introducton__subheadline {
    margin-top: 10px;
    font-size: 18px;
  }
}

.dayoff__introducton__subheadline span {
  font-size: 16px;
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .dayoff__introducton__subheadline span {
    font-size: 14px;
    margin-left: 10px;
  }
}

.dayoff__offshot {
  padding-top: 100px;
  padding-bottom: 180px;
}

@media screen and (max-width: 768px) {
  .dayoff__offshot {
    padding-top: 50px;
    padding-bottom: 90px;
  }
}

.dayoff__offshot:nth-of-type(6) {
  padding-bottom: 280px;
}

.dayoff__offshot:nth-of-type(6) .dayoff__offshot__title {
  position: absolute;
  top: -180px;
  left: 35px;
  font-size: clamp(2.5rem, 1.4157rem + 5.4217vw, 8.125rem);
  color: #cab8a2;
}

@media screen and (max-width: 768px) {
  .dayoff__offshot:nth-of-type(6) .dayoff__offshot__title {
    top: -90px;
    left: auto;
    right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .dayoff__offshot:nth-of-type(6) {
    padding-bottom: 140px;
  }
}

.dayoff__introducton__text {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .dayoff__introducton__text {
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.5;
  }
}

.dayoff__inner {
  position: relative;
  width: 100%;
}

.dayoff__offshot__title {
  position: absolute;
  top: -180px;
  right: 35px;
  font-size: clamp(2.5rem, 1.4157rem + 5.4217vw, 8.125rem);
  color: #cab8a2;
}

@media screen and (max-width: 768px) {
  .dayoff__offshot__title {
    top: -90px;
    right: 15px;
  }
}

.dayoff__offshot__menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 25px;
}

@media screen and (max-width: 768px) {
  .dayoff__offshot__menu {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/*=======
# // Work
======================================================*/
.work {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(58%, #fff), color-stop(50%, #edebe5), to(#edebe5));
  background: linear-gradient(180deg, #fff 0%, #fff 58%, #edebe5 50%, #edebe5 100%);
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 599px) {
  .work {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.work:nth-of-type(odd) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #edebe5), color-stop(58%, #edebe5), color-stop(50%, #fff), to(#fff));
  background: linear-gradient(180deg, #edebe5 50%, #edebe5 58%, #fff 50%, #fff 100%);
}

.work:nth-of-type(odd) .work__text-box {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

@media screen and (max-width: 599px) {
  .work:nth-of-type(odd) .work__text-box {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

.work:nth-of-type(2) .work__img {
  position: relative;
}

.work:nth-of-type(2) .work__img::before {
  content: "";
  display: block;
  max-width: 385px;
  height: 245px;
  width: 80%;
  position: absolute;
  bottom: -80px;
  right: -40px;
  background-image: url(../images/pages/work/img2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 599px) {
  .work:nth-of-type(2) .work__img::before {
    width: 50%;
    bottom: -90px;
    right: -20px;
  }
}

.work:nth-of-type(5) .work__img {
  position: relative;
}

.work:nth-of-type(5) .work__img::before {
  content: "";
  display: block;
  max-width: 385px;
  height: 245px;
  width: 80%;
  position: absolute;
  top: -80px;
  right: -40px;
  background-image: url(../images/pages/work/img6.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 599px) {
  .work:nth-of-type(5) .work__img::before {
    top: auto;
    width: 50%;
    bottom: -90px;
    right: -20px;
  }
}

.work:nth-of-type(7) .work__img {
  position: relative;
}

.work:nth-of-type(7) .work__img::before {
  content: "";
  display: block;
  max-width: 385px;
  height: 245px;
  width: 80%;
  position: absolute;
  bottom: -80px;
  right: -40px;
  background-image: url(../images/pages/work/img9.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 599px) {
  .work:nth-of-type(7) .work__img::before {
    width: 50%;
    bottom: -90px;
    right: -20px;
  }
}

.work__message {
  padding: 180px 40px 120px 40px;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .work__message {
    padding: 60px 10px 60px 10px;
  }
}

.work__message span {
  display: block;
  font-size: 24px;
}

@media screen and (max-width: 599px) {
  .work__message span {
    font-size: 18px;
  }
}

.work__message span:nth-of-type(2) {
  font-size: 35px;
}

.work__message span:nth-of-type(3) {
  margin-top: 10px;
}

.work__contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 599px) {
  .work__contents {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

.work__headline span {
  display: block;
}

.work__headline span:nth-of-type(1) {
  font-size: clamp(1.625rem, 0.8664rem + 3.7931vw, 4.375rem);
  font-family: 800;
  color: #cab8a2;
}

.work__headline span:nth-of-type(2) {
  font-size: 30px;
}

@media screen and (max-width: 599px) {
  .work__headline span:nth-of-type(2) {
    font-size: 18px;
  }
}

.work__text {
  margin-top: 50px;
}

@media screen and (max-width: 599px) {
  .work__text {
    margin-top: 25px;
    line-height: 1.5;
    font-size: 15px;
  }
}

.work__movie {
  padding-top: 100px;
  padding-bottom: 200px;
}

@media screen and (max-width: 599px) {
  .work__movie {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}

.work__message__title {
  font-size: 35px;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .work__message__title {
    font-size: 24px;
  }
}

.work__youtube {
  width: 100%;
  aspect-ratio: 16/9;
  max-width: 1025px;
  margin-inline: auto;
  margin-top: 50px;
}

@media screen and (max-width: 599px) {
  .work__youtube {
    margin-top: 25px;
  }
}

.work__youtube iframe {
  width: 100%;
  height: 100%;
}

/*=======
# // Staff
======================================================*/
/* タブボタンの基本スタイル */
.staff__tabs {
  width: 100%;
  max-width: 1430px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-inline: auto;
  margin-top: 100px;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 768px) {
  .staff__tabs {
    gap: 20px;
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.staff-tablinks {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media screen and (max-width: 768px) {
  .staff-tablinks {
    padding: 5px;
  }
}

.staff__tab__list {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  opacity: 0.3;
}

.staff__tab__list:hover {
  opacity: 1;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

/* カスタムタブボタンの基本スタイル */
.staff-tablinks .staff__tab__list {
  opacity: 0.3;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.staff-tablinks.active .staff__tab__list {
  opacity: 1;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.staff__tab__text {
  position: absolute;
  left: 0;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .staff__tab__text {
    position: unset;
  }
}

.staff__tab__text.--top {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 7px 20px;
  bottom: 30px;
  line-height: 1.6em;
}

@media screen and (max-width: 768px) {
  .staff__tab__text.--top {
    padding: 8px;
    font-size: 12px;
    bottom: 0;
    height: 100px;
  }
}

.staff__tab__text.--center {
  background-color: #000;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 10px 20px;
  bottom: 30px;
}

@media screen and (max-width: 768px) {
  .staff__tab__text.--center {
    padding: 8px 10px;
    bottom: -65px;
  }
}

.staff__tab__text.--bottom {
  background-color: #efefef;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  padding: 7px 20px;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .staff__tab__text.--bottom {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.6em;
  }
}

.staff__tab1::before {
  content: "";
  position: absolute;
  top: -50px;
  left: 30%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60px;
  height: 50px;
  background-color: #eceae1;
  -webkit-clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
  clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
}

@media screen and (max-width: 768px) {
  .staff__tab1::before {
    top: -20px;
    left: 26%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
    height: 25px;
  }
}

.staff__tab2::before {
  content: "";
  position: absolute;
  top: -50px;
  right: 28%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60px;
  height: 50px;
  background-color: #eceae1;
  -webkit-clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
  clip-path: polygon(51% 3%, 55% 7%, 60% 15%, 100% 100%, 0 100%, 40% 15%, 45% 7%);
}

@media screen and (max-width: 768px) {
  .staff__tab2::before {
    top: -20px;
    right: 20%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
    height: 25px;
  }
}

.staff__tab1,
.staff__tab2 {
  position: relative;
  margin-top: 80px;
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {

  .staff__tab1,
  .staff__tab2 {
    margin-top: 50px;
  }
}

.staff__container {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #eceae1;
}

@media screen and (max-width: 768px) {
  .staff__container {
    margin-top: 0;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.staff__container:nth-of-type(even) {
  background-color: #fff;
}

.staff__container:nth-of-type(even) .staff__contents__img {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

@media screen and (max-width: 768px) {
  .staff__container:nth-of-type(even) .staff__contents__img {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

.staff__contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 140px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .staff__contents {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

.staff__contents__number {
  margin-left: -15px;
  font-size: 20px;
  color: #b27d45;
}

@media screen and (max-width: 768px) {
  .staff__contents__number {
    margin-left: -5px;
    font-size: 14px;
  }
}

.staff__contents__headline {
  font-size: 30px;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .staff__contents__headline {
    font-size: 18px;
    margin-top: 10px;
  }
}

.staff__contents__text {
  margin-top: 20px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .staff__contents__text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
  }
}

.staff__schedule {
  margin-top: 100px;
  background-color: #9b8867;
}

@media screen and (max-width: 768px) {
  .staff__schedule {
    margin-top: 10px;
  }
}

.staff__title.--white {
  text-align: center;
  line-height: 1.2;
}

.staff__title.--white span:nth-of-type(1) {
  font-size: 50px;
  display: block;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .staff__title.--white span:nth-of-type(1) {
    font-size: 24px;
  }
}

.staff__title.--white span:nth-of-type(2) {
  font-size: 20px;
  display: block;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .staff__title.--white span:nth-of-type(2) {
    font-size: 14px;
  }
}

.staff__schedule__img {
  margin-top: 50px;
  max-width: 1000px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .staff__schedule__img {
    width: 100%;
    overflow: scroll;
  }
}

@media screen and (max-width: 768px) {
  .staff__schedule__img img {
    max-width: none;
    width: 800px;
  }
}

.staff__other {
  background-image: url(../images/pages/staff/bg2.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.staff__secondary__title.--black {
  font-size: 30px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .staff__secondary__title.--black {
    font-size: 18px;
  }
}

.staff__secondary__title.--black::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #9b8867;
  height: 5px;
  width: 50px;
}

@media screen and (max-width: 768px) {
  .staff__secondary__title.--black::after {
    bottom: -10px;
    height: 2.5px;
  }
}

.staff__other__menu {
  margin-top: 50px;
  max-width: 700px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .staff__other__menu {
    margin-top: 50px;
  }
}

.staff__other__list {
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  .staff__other__list {
    -webkit-box-shadow: 0 0 2.5px 2.5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2.5px 2.5px rgba(0, 0, 0, 0.1);
  }
}

.staff__other__link {
  text-align: center;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
}

.staff__other__text {
  padding: 20px;
  font-size: 24px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .staff__other__text {
    padding: 10px;
    font-size: 12px;
  }
}

.staff__secondary__title.--white {
  font-size: 30px;
  text-align: center;
  position: relative;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .staff__secondary__title.--white {
    font-size: 18px;
  }
}

.staff__secondary__title.--white::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  height: 5px;
  width: 50px;
}

@media screen and (max-width: 768px) {
  .staff__secondary__title.--white::after {
    height: 2.5px;
    bottom: -10px;
  }
}

.staff__benefits {
  background-image: url(../images/pages/staff/bg3.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.staff__benefits__menu {
  margin-top: 50px;
  background-color: #fff;
  border-radius: 5px;
  padding: 30px;
}

@media screen and (max-width: 768px) {
  .staff__benefits__menu {
    padding: 20px;
  }
}

.staff__benefits__list {
  border-bottom: 1px solid #eaeaea;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: 1fr 65%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .staff__benefits__list {
    grid-template-columns: 1fr;
  }
}

.staff__benefits__list__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .staff__benefits__list__title {
    gap: 10px;
  }
}

.staff__benefits__list__title span:nth-of-type(1) {
  font-size: 50px;
  color: #eaeaea;
}

@media screen and (max-width: 768px) {
  .staff__benefits__list__title span:nth-of-type(1) {
    font-size: 24px;
  }
}

.staff__benefits__list__title span:nth-of-type(2) {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .staff__benefits__list__title span:nth-of-type(2) {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .staff__benefits__list__text {
    font-size: 14px;
    line-height: 1.5;
  }
}

.staff__title.--black {
  text-align: center;
  line-height: 1.2;
}

.staff__title.--black span:nth-of-type(1) {
  font-size: 50px;
  display: block;
  color: #000;
}

@media screen and (max-width: 768px) {
  .staff__title.--black span:nth-of-type(1) {
    font-size: 24px;
  }
}

.staff__title.--black span:nth-of-type(2) {
  font-size: 20px;
  display: block;
  color: #000;
}

@media screen and (max-width: 768px) {
  .staff__title.--black span:nth-of-type(2) {
    font-size: 14px;
  }
}

.staff__entry__btn {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .staff__entry__btn {
    margin-top: 25px;
  }
}

.recruit__work__list {
  margin-inline: auto;
}

.cafe__mv {
  position: relative;
  padding-top: 110px;
}

@media screen and (max-width: 1024px) {
  .cafe__mv {
    padding-top: 75px;
  }
}

.cafe__mv::before {
  content: url(../images/pages/cafe/side_text.svg);
  max-width: 17.5px;
  width: 2%;
  position: absolute;
  top: 53%;
  left: 2%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .cafe__mv::before {
    left: 3.5%;
  }
}

.cafe__mv__menu {
  width: 95%;
  margin-left: auto;
  display: grid;
  grid-template-columns: 50.1% 1fr;
  gap: 10px;
}

@media screen and (max-width: 1024px) {
  .cafe__mv__menu {
    gap: 5px;
  }
}

@media screen and (max-width: 768px) {
  .cafe__mv__menu {
    gap: 0;
    width: 90%;
    grid-template-columns: 1fr;
  }
}

.cafe__mv__list:nth-of-type(3) .cafe__mv__link {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .cafe__mv__list:nth-of-type(3) .cafe__mv__link {
    margin-top: 5px;
  }
}

.cafe__mv__link {
  display: block;
  margin-top: 10px;
}

@media screen and (max-width: 1024px) {
  .cafe__mv__link {
    margin-top: 5px;
  }
}

.cafe__title {
  pointer-events: none;
  position: relative;
  text-align: center;
  font-size: 60px;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .cafe__title {
    font-size: 24px;
  }
}

.cafe__title.--border::before {
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  background-color: #000;
  height: 48px;
  width: 2px;
}

@media screen and (max-width: 768px) {
  .cafe__title.--border::before {
    top: -25px;
    height: 24px;
    width: 1.5px;
  }
}

.cafe__text {
  position: relative;
  margin-top: 50px;
  text-align: center;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .cafe__text {
    margin-top: 25px;
    font-size: 14px;
    line-height: 1.5;
  }
}

.cafe__text::before {
  content: url(../images/pages/cafe/icon1.svg);
  position: absolute;
  right: 100px;
  bottom: -50px;
  width: 10%;
  max-width: 70px;
}

@media screen and (max-width: 768px) {
  .cafe__text::before {
    display: none;
  }
}

.cafe__topics__title {
  margin-top: 200px;
}

@media screen and (max-width: 768px) {
  .cafe__topics__title {
    margin-top: 100px;
  }
}

.splide9 {
  margin-top: 80px;
  width: 95%;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .splide9 {
    width: 90%;
    margin-top: 30px;
  }
}

.splide10 {
  margin-top: 10px;
  width: 95%;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .splide10 {
    margin-top: 30px;
    width: 90%;
  }
}

.cafe2__splide__slide img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cafe2__splide__slide:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.cafe2__splide__slide .cafe2__splide__slide__img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}

.cafe2__splide__slide:hover .cafe2__splide__slide__img {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.cafe2__splide__slide__text {
  margin-top: 10px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .cafe2__splide__slide__text {
    font-size: 14px;
    line-height: 1.5;
  }
}

.cafe2__splide__slide__date {
  margin-top: 10px;
  font-size: 16px;
  background-color: #000;
  color: #fff;
  line-height: 1;
  display: inline-block;
  padding: 5px;
}

@media screen and (max-width: 768px) {
  .cafe2__splide__slide__date {
    font-size: 14px;
  }
}

.splide9 .splide__arrow--next,
.splide10 .splide__arrow--next {
  right: 0;
  top: -45px;
  background: none;
}

.splide9 .splide__arrow--next svg,
.splide10 .splide__arrow--next svg {
  -webkit-transform: scaleX(1.7);
  transform: scaleX(1.7);
  height: 3.2em;
  width: 2.2em;
}

@media screen and (max-width: 768px) {

  .splide9 .splide__arrow--next svg,
  .splide10 .splide__arrow--next svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    height: 2.2em;
    width: 1.2em;
  }
}

.splide9 .splide__arrow--prev,
.splide10 .splide__arrow--prev {
  left: auto;
  right: 4em;
  top: -45px;
  background: none;
}

.splide9 .splide__arrow--prev svg,
.splide10 .splide__arrow--prev svg {
  -webkit-transform: scaleX(-1.7);
  transform: scaleX(-1.7);
  height: 3.2em;
  width: 2.2em;
}

@media screen and (max-width: 768px) {

  .splide9 .splide__arrow--prev svg,
  .splide10 .splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    height: 2.2em;
    width: 1.2em;
    right: 2em;
    left: auto;
  }
}

.cafe__menu__title {
  margin-top: 200px;
}

@media screen and (max-width: 768px) {
  .cafe__menu__title {
    margin-top: 100px;
  }
}

.cafe__nav__menu {
  margin-top: 50px;
  margin-bottom: 100px;
  width: 95%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3%;
}

@media screen and (max-width: 768px) {
  .cafe__nav__menu {
    margin-top: 25px;
    margin-bottom: 50px;
    width: 90%;
    margin-inline: auto;
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.cafe__nav__list {
  position: relative;
}

.cafe__nav__list img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cafe__nav__list:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.cafe__nav__list .cafe__nav__link {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}

.cafe__nav__list:hover .cafe__nav__link {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.cafe__nav__link__title {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px 40px;
  background-color: #fff;
  color: #231815;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .cafe__nav__link__title {
    padding: 10px 20px;
  }
}

.cafe__nav__link__title span:nth-of-type(1) {
  display: block;
  font-size: 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cafe__nav__link__title span:nth-of-type(1) {
    font-size: 24px;
  }
}

.cafe__nav__link__title span:nth-of-type(2) {
  display: block;
  text-align: center;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .cafe__nav__link__title span:nth-of-type(2) {
    font-size: 12px;
  }
}

.cafe__goods {
  margin-top: 200px;
  background-color: #f6f6f6;
}

@media screen and (max-width: 768px) {
  .cafe__goods {
    margin-top: 100px;
  }
}

.cafe__title.--left {
  text-align: left;
  margin-left: 2%;
}

@media screen and (max-width: 768px) {
  .cafe__title.--left {
    margin-left: 3%;
  }
}

.cafe__btn {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .cafe__btn {
    margin-top: 25px;
  }
}

.cafe__btn__link {
  margin-inline: auto;
  display: inline-block;
  padding: 15px;
  max-width: 300px;
  width: 100%;
  border: solid 2px #000;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 768px) {
  .cafe__btn__link {
    padding: 10px;
  }
}

.cafe__btn__link:hover {
  background-color: #000;
  color: #fff;
  opacity: 1;
}

.cafe__btn__link:hover::after {
  right: -35px;
  background-color: #f6f6f6;
}

.cafe__btn__link::after {
  content: "";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: -25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cafe__store {
  background-color: #231815;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .cafe__store {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.cafe__title.--white {
  color: #fff;
}

.cafe__store__menu {
  margin-top: -80px;
  width: 80%;
  margin-left: auto;
  margin-right: 3%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3%;
}

@media screen and (max-width: 768px) {
  .cafe__store__menu {
    width: 100%;
    margin-right: auto;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 10px;
  }
}

.cafe__store__list {
  border-top: 3px solid #fff;
  padding-top: 30px;
}

@media screen and (max-width: 768px) {
  .cafe__store__list {
    padding-top: 10px;
  }
}

.cafe__store__list__text {
  color: #fff;
}

.cafe__store__list__text.--top {
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .cafe__store__list__text.--top {
    font-size: 18px;
  }
}

.cafe__store__list__text.--bottom {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .cafe__store__list__text.--bottom {
    font-size: 14px;
  }
}

.cafe__store__list__tag-box {
  margin-top: 10px;
}

.cafe__store__list__tag {
  background-color: #fff;
  color: #231815;
  font-size: 14px;
  padding: 2.5px;
}

.cafe__store__list__tag:first-of-type {
  margin-right: 5px;
}

.cafe__store__img {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .cafe__store__img {
    margin-top: 15px;
  }
}

.cafe__store__address {
  margin-top: 10px;
  font-style: normal;
  color: #fff;
  font-size: 14px;
}

.cafe__googlemap {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .cafe__googlemap {
    margin-top: 15px;
  }
}

.season__picture {
  display: block;
  padding-top: 80px;
}

@media screen and (max-width: 599px) {
  .season__picture {
    padding-top: 70px;
  }
}

.cafe__lower__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12px;
}

.cafe__lower__img {
  margin-bottom: 12px;
}

.small-price {
  margin-left: 8px;
}

@media screen and (max-width: 768px) {
  .cafe__lower__flex {
    display: block;
    margin-top: 8px;
  }

  .cafe__lower__text {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .tekeout-box {
    margin-top: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.cafe1__splide__track .splide__slide img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 1/1;
}

.cafe__lower__container {
  max-width: 1600px;
  margin-inline: auto;
  width: 100%;
  display: grid;
  grid-template-columns: 20% 1fr;
  gap: 60px;
  position: relative;
  padding-top: 130px;
  padding-bottom: 150px;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 768px) {
  .cafe__lower__container {
    gap: 30px;
    grid-template-columns: 1fr;
    padding-bottom: 30px;
    padding-top: 95px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.cafe__side__nav__title {
  background-color: #f2f1ef;
  padding: 10px 20px;
  font-size: 14px;
}

.cafe__side__menu {
  line-height: 2.5;
  padding: 30px 15px;
  border-bottom: 1px solid #d7d3d1;
}

@media screen and (max-width: 768px) {
  .cafe__side__menu {
    padding: 15px;
    line-height: 2;
  }
}

.cafe__side__list:first-of-type {
  font-size: 16px;
  color: #231815;
}

.cafe__side__list:first-of-type span {
  font-size: 13px;
}

@media screen and (max-width: 1024px) {
  .cafe__side__list:first-of-type {
    font-size: 15px;
  }
}

.cafe__side__link {
  padding-left: 15px;
  color: #231815;
}

@media screen and (max-width: 1024px) {
  .cafe__side__link {
    padding-left: 10px;
    font-size: 14px;
  }
}

.cafe__side__link:hover {
  color: #231815;
}

@media screen and (max-width: 768px) {
  .cafe__lower__main-contents {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

.cafe__lower__title {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .cafe__lower__title {
    font-size: 20px;
  }
}

.cafe__lower {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .cafe__lower {
    margin-top: 35px;
  }
}

.cafe__lower__headline {
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d7d3d1;
}

@media screen and (max-width: 768px) {
  .cafe__lower__headline {
    font-size: 18px;
  }
}

.cafe__lower__menu {
  margin-top: 25px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 25px;
}

@media screen and (max-width: 1500px) {
  .cafe__lower__menu {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 1024px) {
  .cafe__lower__menu {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 768px) {
  .cafe__lower__menu {
    gap: 24px 8px;
  }
}

.cafe__lower__text {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .cafe__lower__text {
    font-size: 14px;
    line-height: 1.5;
  }
}

.cafe__lower__text span {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .cafe__lower__text span {
    font-size: 11px;
  }
}

@media screen and (max-width: 768px) {
  .cafe__lower__text.--right {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
  }
}

.cafe__lower__name {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .cafe__lower__name {
    font-size: 11px;
  }
}

.big-font {
  font-size: 14px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .big-font {
    font-size: 12px;
  }
}

.big-price {
  font-size: 16px !important;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .big-price {
    font-size: 14px;
  }
}

.small-price {
  font-size: 14px !important;
}

.price-notes {
  font-size: 12px;
}

.small-font {
  font-size: 10px !important;
  padding: 4px;
  border: 1px solid #231815;
  border-radius: 25px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .small-font {
    padding: 2px;
    font-size: 11px;
  }
}

.store-exclusive__contents {
  margin-top: 50px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .store-exclusive__contents {
    margin-top: 30px;
    grid-template-columns: 1fr 1fr;
  }
}

.tekeout-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.original__mv {
  padding-top: 100px;
}

@media screen and (max-width: 1024px) {
  .original__mv {
    padding-top: 80px;
  }
}

.original__mv__menu.--top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .original__mv__menu.--top {
    gap: 5px;
  }
}

.original__mv__menu.--bottom {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .original__mv__menu.--bottom {
    gap: 5px;
    margin-top: 5px;
    grid-template-columns: 1fr 1fr;
  }
}

.original__mv__list {
  position: relative;
}

.original__mv__text {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px;
  width: 100%;
  text-align: center;
  font-size: 27px;
}

@media screen and (max-width: 1024px) {
  .original__mv__text {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .original__mv__text {
    padding: 5px;
    font-size: 12px;
  }
}

.original__mv__text span {
  color: #fff;
  position: relative;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
}

.original__mv__text span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 23.5px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .original__mv__text span:before {
    left: -20px;
    max-width: 11px;
  }
}

.original__mv__text span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 23.5px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .original__mv__text span::after {
    right: -20px;
    max-width: 11px;
  }
}

.original__message {
  text-align: center;
}

.original__massege__subtitle {
  position: relative;
  display: block;
  max-width: 117px;
  width: 50%;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .original__massege__subtitle {
    max-width: 90px;
    width: 50%;
  }
}

.original__massege__subtitle:before {
  content: "";
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 23.5px;
  width: 1px;
  height: 72px;
  background-color: #000;
}

@media screen and (max-width: 768px) {
  .original__massege__subtitle:before {
    height: 36px;
    top: -50px;
  }
}

.original__message__title {
  margin-top: 50px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .original__message__title {
    font-size: 20px;
    margin-top: 25px;
  }
}

.original__common__text {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .original__common__text {
    margin-top: 20px;
    font-size: 14px;
  }
}

.original__common__title {
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  color: #404125;
  font-size: 35px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .original__common__title {
    font-size: 20px;
  }
}

.original__common__title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #404125;
  height: 1px;
  max-width: 34px;
  width: 50%;
}

@media screen and (max-width: 768px) {
  .original__common__title:before {
    max-width: 20px;
  }
}

.splide11 {
  margin-top: 50px;
  width: 95%;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .splide11 {
    width: 90%;
    margin-top: 25px;
  }
}

.original__splide__slide__text {
  margin-top: 10px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .original__splide__slide__text {
    font-size: 14px;
    line-height: 1.5;
  }
}

.original__splide__slide__pieces {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .original__splide__slide__pieces {
    font-size: 12px;
  }
}

.splide11 .splide__arrow--next {
  right: 2em;
  top: -75px;
  background: none;
  background-image: url(../images/pages/original/right-arrow.svg);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

@media screen and (max-width: 768px) {
  .splide11 .splide__arrow--next {
    top: -65px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    right: 0;
  }
}

.splide11 .splide__arrow--next svg {
  height: 3.2em;
  width: 2.2em;
}

@media screen and (max-width: 768px) {
  .splide11 .splide__arrow--next svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    height: 2.2em;
    width: 1.2em;
  }
}

.splide11 .splide__arrow--prev {
  left: auto;
  right: 8em;
  top: -75px;
  background: none;
  background-image: url(../images/pages/original/left-arrow.svg);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

@media screen and (max-width: 768px) {
  .splide11 .splide__arrow--prev {
    top: -65px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    right: 3em;
  }
}

.splide11 .splide__arrow--prev svg {
  height: 3.2em;
  width: 2.2em;
}

@media screen and (max-width: 768px) {
  .splide11 .splide__arrow--prev svg {
    height: 2.2em;
    width: 1.2em;
    right: 2em;
    left: auto;
  }
}

/* 矢印のクリック範囲など */
.button {
  background-color: transparent;
  /* ボタンの背景を透明にする */
  height: 50px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 50px;
}

/* 矢印共通のスタイル */
.button::before {
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px;
}

/********************************************************/
/* CATEGORY */
/********************************************************/
.original__category__title {
  margin-top: 180px;
}

@media screen and (max-width: 768px) {
  .original__category__title {
    margin-top: 80px;
  }
}

.original__category__menu {
  margin-top: 50px;
  max-width: 1400px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 25px;
  place-items: center;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 1024px) {
  .original__category__menu {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 768px) {
  .original__category__menu {
    padding-left: 25px;
    padding-right: 25px;
    grid-template-columns: 1fr 1fr;
    margin-top: 25px;
    gap: 20px;
  }
}

.original__category__text {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .original__category__text {
    font-size: 14px;
  }
}

/********************************************************/
/* アコーディオンメニュー */
/********************************************************/
/* 矢印を消す */
/* Chrome、Safari以外 */
summary {
  display: block;
}

/* Chrome、Safari */
summary::-webkit-details-marker {
  display: none;
}

/* オープン時にアニメーションを設定 */
details[open] .original__category__accordion__contents {
  -webkit-animation: fadeIn 0.5s ease;
  animation: fadeIn 0.5s ease;
}

details[open] .original__category__accordion__title {
  opacity: 0;
  display: none;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    /* 透明 */
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    /* 上から表示 */
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    /* 透明 */
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    /* 上から表示 */
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.original__category__accordion {
  width: 100%;
}

.original__category__accordion__title::before {
  content: "";
  position: absolute;
  top: 40%;
  right: 65px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #000;
  opacity: 1;
  display: block;
}

@media screen and (max-width: 768px) {
  .original__category__accordion__title::before {
    top: 30%;
    right: 50px;
  }
}

.original__category__accordion__title::after {
  content: "";
  position: absolute;
  top: 40%;
  right: 56px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  width: 20px;
  background-color: #000;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .original__category__accordion__title::after {
    top: 30%;
    right: 41px;
  }
}

.original__category__accordion__contents__item__text {
  margin-top: 0.5rem;
  color: #000;
  font-size: 12px;
}

.original__category__accordion__title {
  margin-top: 50px;
  text-align: center;
  width: 135px;
  height: 135px;
  background-color: #edeef0;
  border-radius: 50%;
  margin-inline: auto;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 768px) {
  .original__category__accordion__title {
    margin-top: 25px;
    font-size: 12px;
    width: 100px;
    height: 100px;
  }
}

.original__category__accordion__title:hover {
  opacity: 0.7;
}

.original__category__accordion__title__text {
  bottom: 30px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  display: block;
  font-weight: 700;
  text-decoration: underline;
}

.original__category__btn {
  margin-top: 100px;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 768px) {
  .original__category__btn {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
  }
}

.original__category__btn__link {
  display: block;
  margin-inline: auto;
  padding: 15px;
  color: #fff;
  background-color: #000;
  max-width: 400px;
  border-radius: 50px;
  position: relative;
}

.original__category__btn__link::before {
  content: url(../images/pages/original/arrow.svg);
  position: absolute;
  right: 50px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  max-width: 15px;
}

.original__usagiya {
  background-image: url(../images/pages/original/bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 300px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .original__usagiya {
    margin-top: 120px;
  }
}

.original__usagiya::before {
  content: url(../images/pages/original/original-title.svg);
  position: absolute;
  bottom: 685px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

@media screen and (max-width: 768px) {
  .original__usagiya::before {
    bottom: 872px;
    width: 98%;
  }
}

.original__usagiya__contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1500px;
  margin-inline: auto;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  .original__usagiya__contents {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .original__usagiya__img {
    padding-top: 20px;
  }
}

.original__usagiya__text-box {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 40px;
}

@media screen and (max-width: 768px) {
  .original__usagiya__text-box {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.original__usagiya__subheadline {
  max-width: 115px;
  width: 100%;
}

.original__usagiya__headline {
  margin-top: 30px;
  letter-spacing: 2.5px;
  color: #fff;
  font-weight: 400;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .original__usagiya__headline {
    margin-top: 20px;
    font-size: 20px;
  }
}

.original__usagiya__text {
  margin-top: 30px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .original__usagiya__text {
    margin-top: 20px;
    font-size: 14px;
  }
}

.original__usagiya__btn {
  margin-top: 20px;
}

.original__usagiya__btn__link {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  width: 165px;
  height: 165px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: auto;
  margin-right: 50px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .original__usagiya__btn__link {
    margin-right: 0;
    width: 110px;
    height: 110px;
    font-size: 14px;
  }
}

.original__usagiya__btn__link::before {
  content: url(../images/pages/original/arrow1.svg);
  position: absolute;
  bottom: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 30px;
}

@media screen and (max-width: 768px) {
  .original__usagiya__btn__link::before {
    bottom: 25px;
  }
}

/********************************************************/
/*  category__original*/
/********************************************************/
.original__breadcrumb {
  padding-top: 120px;
}

.original__breadcrumb__menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.original__breadcrumb__menu::before {
  content: "";
  background-color: #000;
  height: 12.5px;
  width: 3px;
  display: inline-block;
}

.original__breadcrumb__link {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .original__breadcrumb__link {
    font-size: 12px;
  }
}

.category__original__title {
  display: block;
  font-size: 35px;
  max-width: 100%;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
}

@media screen and (max-width: 768px) {
  .category__original__title {
    font-size: 20px;
  }
}

.category__original__menu {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  .category__original__menu {
    grid-template-columns: 1fr 1fr;
    margin-top: 25px;
    gap: 20px;
  }
}

.category__original__menu__text.--top {
  margin-top: 20px;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .category__original__menu__text.--top {
    font-size: 14px;
  }
}

.category__original__menu__text.--bottom {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .category__original__menu__text.--bottom {
    font-size: 12px;
  }
}

/********************************************************/
/*  category__original__single */
/********************************************************/
.category__original__single {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 50px;
  background-color: #f0f1f3;
}

@media screen and (max-width: 768px) {
  .category__original__single {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 25px;
  }
}

.category__original__single__contents {
  background-color: #fff;
  padding: 60px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

@media screen and (max-width: 768px) {
  .category__original__single__contents {
    padding: 20px;
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

/* スライダー */
.splide12 {
  margin-inline: auto;
  width: 65%;
}

@media screen and (max-width: 768px) {
  .splide12 {
    width: 70%;
  }
}

.splide12 .splide__pagination {
  display: none !important;
}

.p-shop__splide {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .p-shop__splide {
    margin-top: 25px;
  }
}

.splide12.splide__arrow {
  display: none !important;
}

.p-shop__splide__slide__text-box .p-shop__splide__slide__text.--top {
  display: block;
  font-size: 18px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .p-shop__splide__slide__text-box .p-shop__splide__slide__text.--top {
    font-size: 14px;
  }
}

.p-shop__splide__slide__text-box .p-shop__splide__slide__text.--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.p-shop__splide__slide__text-box .p-shop__splide__slide__text.--bottom span {
  font-size: 14px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 12px;
}

.p-shop__splide__slide__text-box .p-shop__splide__slide__text.--bottom span:nth-of-type(2) {
  color: #665004;
  border: solid 1px #665004;
  border-radius: 25px;
  padding: 0 15px;
  font-size: 12px;
}

.splide12 .splide__slide img {
  width: 90% !important;
  margin-inline: auto !important;
  display: block !important;
}

.splide12 .splide__arrow {
  background: transparent;
}

.splide12 .splide__arrow--next {
  right: -3em;
  color: #b7b3b3;
  -webkit-transform: scale(2);
  transform: scale(2);
}

@media screen and (max-width: 768px) {
  .splide12 .splide__arrow--next {
    right: -2em;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.splide12 .splide__arrow--prev {
  left: -3em;
  color: #b7b3b3;
  -webkit-transform: scale(2);
  transform: scale(2);
}

@media screen and (max-width: 768px) {
  .splide12 .splide__arrow--prev {
    right: -2em;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media screen and (max-width: 768px) {
  .category__original__single__text-box {
    line-height: 1.5;
  }
}

.category__original__single__headline {
  font-weight: 400;
  font-size: 35px;
}

@media screen and (max-width: 768px) {
  .category__original__single__headline {
    font-size: 20px;
  }
}

.category__original__single__headline span {
  display: block;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .category__original__single__headline span {
    font-size: 14px;
  }
}

.category__original__single__price {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .category__original__single__price {
    font-size: 20px;
  }
}

.category__original__single__price span {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .category__original__single__price span {
    font-size: 16px;
  }
}

.category__original__single__text {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .category__original__single__text {
    font-size: 14px;
  }
}

.original__category__btn.--lower {
  margin-top: 50px;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .original__category__btn.--lower {
    margin-top: 25px;
  }
}

.original__category__btn.--lower .original__category__btn__link {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .original__category__btn.--lower .original__category__btn__link::before {
    right: 25px;
  }
}

.category__original__single__title {
  width: 100%;
  position: relative;
}

.category__original__single__title span {
  font-size: 24px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .category__original__single__title span {
    font-size: 18px;
    gap: 10px;
  }
}

.category__original__single__title span::before {
  content: "";
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.category__original__single__title span::after {
  content: "";
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.category__original__single.--bottom {
  padding-top: 30px;
  padding-bottom: 100px;
  background-color: #fff;
}

.category__original__single__menu {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .category__original__single__menu {
    grid-template-columns: 1fr 1fr;
    margin-top: 25px;
  }
}

@media screen and (max-width: 768px) {
  .category__original__single__menu__text {
    font-size: 14px;
    line-height: 1.5;
  }
}

.message__mv__title {
  padding-top: 130px;
  margin-bottom: -10px;
}

@media screen and (max-width: 768px) {
  .message__mv__title {
    padding-top: 100px;
    margin-bottom: -1px;
  }
}

.message__mv {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url(../images/pages/original/bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

@media screen and (max-width: 768px) {
  .message__mv {
    padding-top: 250px;
    padding-bottom: 50px;
  }
}

.message__mv__contents {
  position: relative;
  max-width: 1400px;
  margin-inline: auto;
  width: 100%;
}

.message__mv__img {
  position: absolute;
  top: -100px;
  right: 0;
  max-width: 1020px;
  width: 72%;
}

@media screen and (max-width: 768px) {
  .message__mv__img {
    top: -220px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    right: auto;
    width: 90%;
  }
}

.message__mv__text-box {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 40px;
  position: relative;
  z-index: 20;
}

@media screen and (max-width: 768px) {
  .message__mv__text-box {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    line-height: 1.5;
  }
}

.message__mv__subheadline {
  max-width: 115px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .message__mv__subheadline {
    max-width: 90px;
  }
}

.message__mv__headline {
  margin-top: 30px;
  letter-spacing: 2.5px;
  color: #fff;
  font-weight: 400;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .message__mv__headline {
    margin-top: 15px;
    font-size: 18px;
  }
}

.message__mv__text {
  margin-top: 30px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .message__mv__text {
    margin-top: 15px;
    font-size: 14px;
  }
}

.message__mv__btn {
  margin-top: 20px;
}

.message__mv__btn__link {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  width: 165px;
  height: 165px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: auto;
  margin-right: 50px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .message__mv__btn__link {
    margin-right: 0;
    width: 110px;
    height: 110px;
    font-size: 14px;
  }
}

.message__mv__btn__link::before {
  content: url(../images/pages/original/arrow1.svg);
  position: absolute;
  bottom: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 30px;
}

@media screen and (max-width: 768px) {
  .message__mv__btn__link::before {
    bottom: 25px;
  }
}

.message__contents {
  display: grid;
  grid-template-columns: 60% 30%;
  gap: 60px;
  max-width: 1660px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .message__contents {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media screen and (max-width: 768px) {
  .message__img {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.message__text-box {
  position: relative;
  padding-right: 50px;
}

@media screen and (max-width: 768px) {
  .message__text-box {
    position: relative;
    padding-left: 25px;
    line-height: 1.5;
  }
}

.message__text-box::before {
  content: url(../images/pages/original/massage-title1.svg);
  height: auto;
  max-width: 38px;
  width: 10%;
  position: absolute;
  top: 0;
  right: -10px;
}

@media screen and (max-width: 768px) {
  .message__text-box::before {
    max-width: 20px;
    width: 20%;
    right: 20px;
  }
}

.message:nth-of-type(3) {
  background-color: #f4f6f7;
}

.message:nth-of-type(3) .message__contents {
  display: grid;
  grid-template-columns: 30% 60%;
  gap: 60px;
  max-width: 1660px;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .message:nth-of-type(3) .message__contents {
    grid-template-columns: 1fr;
  }
}

.message:nth-of-type(3) .message__contents .message__text-box {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  position: relative;
  padding-right: 50px;
}

@media screen and (max-width: 768px) {
  .message:nth-of-type(3) .message__contents .message__text-box {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.message:nth-of-type(3) .message__contents .message__text-box::before {
  content: url(../images/pages/original/massage-title2.svg);
  height: auto;
  max-width: 38px;
  width: 10%;
  position: absolute;
  top: 0;
  right: -10px;
}

@media screen and (max-width: 768px) {
  .message:nth-of-type(3) .message__contents .message__text-box::before {
    max-width: 20px;
    width: 20%;
    right: 20px;
  }
}

.message__headline {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
  font-size: 35px;
}

@media screen and (max-width: 768px) {
  .message__headline {
    font-size: 20px;
  }
}

.message__text {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .message__text {
    margin-top: 20px;
    font-size: 14px;
  }
}

.messeage__menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
}

@media screen and (max-width: 768px) {
  .messeage__menu {
    grid-template-columns: 1fr;
  }
}

.news__contents:first-of-type .news__item__link {
  border-top: 1px solid #ccc;
}

.news__item__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  border-bottom: 1px solid #ccc;
  padding: 20px 30px 20px 20px;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 599px) {
  .news__item__link {
    gap: 20px;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 15px 20px 15px 15px;
    font-size: 14px;
  }
}

.news__item__link:hover {
  background-color: #e5e5e5;
}

.news__item__link:after {
  content: "";
  display: block;
  border-left: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
}

@media screen and (max-width: 599px) {
  .news__item__link:after {
    width: 7px;
    height: 7px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.page-numbers {
  margin-top: 30px;
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #ccc;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 599px) {
  .page-numbers {
    margin-top: 20px;
  }
}

.page-numbers:hover {
  color: #fff;
  background-color: #886004;
}

.page-numbers.current {
  background-color: #665004;
  color: #fff;
}

.single .wp-block-image {
  margin-top: 50px;
  max-width: 750px;
  margin-inline: auto;
}

@media screen and (max-width: 599px) {
  .single .wp-block-image {
    margin-top: 25px;
  }
}

.single__article h1 {
  margin-top: 50px;
  padding: 10px;
  font-size: 24px;
  line-height: 1.2;
  background-color: #665004;
  color: #fff;
  font-weight: 400;
}

@media screen and (max-width: 599px) {
  .single__article h1 {
    font-size: 20px;
  }
}

.single__article h2 {
  margin-top: 20px;
  font-size: 20px;
  padding-left: 10px;
  border-left: 5px solid #665004;
  line-height: 1.2;
}

@media screen and (max-width: 599px) {
  .single__article h2 {
    font-size: 18px;
  }
}

.single p {
  margin-top: 20px;
  font-size: 16px;
}

@media screen and (max-width: 599px) {
  .single p {
    font-size: 14px;
    line-height: 1.5;
  }
}

.news__btn-wrapper {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 599px) {
  .news__btn-wrapper {
    margin-top: 25px;
  }
}

.news__btn--prev {
  padding-right: 20px;
  position: relative;
  font-size: 16px;
}

@media screen and (max-width: 599px) {
  .news__btn--prev {
    padding-right: 10px;
    position: relative;
    font-size: 14px;
  }
}

.news__btn--prev a:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  border-left: 1.5px solid #665004;
  border-bottom: 1.5px solid #665004;
  top: 50%;
  left: -15px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 599px) {
  .news__btn--prev a:before {
    width: 5px;
    height: 5px;
    left: -10px;
  }
}

.news__btn__link {
  border-left: 1px solid #665004;
  border-right: 1px solid #665004;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

@media screen and (max-width: 599px) {
  .news__btn__link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }
}

.news__btn--next {
  padding-left: 20px;
  font-size: 16px;
  position: relative;
}

@media screen and (max-width: 599px) {
  .news__btn--next {
    padding-left: 10px;
    font-size: 14px;
  }
}

.news__btn--next a:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  border-left: 1.5px solid #665004;
  border-bottom: 1.5px solid #665004;
  top: 50%;
  right: -15px;
  -webkit-transform: translateY(-50%) rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
}

@media screen and (max-width: 599px) {
  .news__btn--next a:before {
    width: 5px;
    height: 5px;
    right: -10px;
  }
}

.contact {
  padding-top: 180px;
  padding-bottom: 160px;
}

@media screen and (max-width: 599px) {
  .contact {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}

.contact__menu {
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 800px;
  margin-inline: auto;
  width: 100%;
}

@media screen and (max-width: 599px) {
  .contact__menu {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.contact__list {
  width: 100%;
  display: grid;
  grid-template-columns: 30% 1fr;
}

@media screen and (max-width: 599px) {
  .contact__list {
    grid-template-columns: 1fr;
  }
}

.contact__list__header {
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 16px;
  position: relative;
}

@media screen and (max-width: 599px) {
  .contact__list__header {
    padding-top: 20px;
    padding-bottom: 0;
  }
}

.contact__list__header__text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  position: relative;
}

.contact__list__header__text__explanation {
  position: absolute;
  left: 0;
  bottom: -20px;
  font-size: 12px;
}

@media screen and (max-width: 599px) {
  .contact__list__header__text__explanation {
    left: 135px;
    bottom: 2px;
  }
}

.contact__list__required {
  display: inline-block;
  margin-top: 2px;
  font-size: 8px;
  padding: 3px;
  color: #fff;
  background-color: #ce0201;
  text-align: center;
  line-height: 1;
}

.contact__list__any {
  display: inline-block;
  margin-top: 2px;
  font-size: 8px;
  padding: 3px;
  background-color: #a5a5a5;
  text-align: center;
  line-height: 1;
}

.contact__list__deta {
  padding: 15px;
  border-bottom: 1px solid #886004;
}

@media screen and (max-width: 599px) {
  .contact__list__deta {
    padding: 10px 0 20px;
  }
}

.contact__list__deta__label {
  width: 11%;
  position: relative;
}

@media screen and (max-width: 599px) {
  .contact__list__deta__label {
    width: 17%;
    max-width: 55px;
  }
}

.contact__list__deta__label::before {
  content: "";
  position: absolute;
  top: 25%;
  right: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 10px;
  width: 10px;
  border-bottom: 3px solid #101010;
  border-right: 3px solid #101010;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contact__list__calendar__label {
  width: 23%;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 599px) {
  .contact__list__calendar__label {
    width: 33%;
    max-width: 115px;
  }
}

.contact__list__calendar__label::before {
  content: url(../images/pages/contact/calendar.svg);
  position: absolute;
  top: 40%;
  right: -5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
}

@media screen and (max-width: 599px) {
  .contact__list__calendar__label::before {
    margin-left: 20px;
    right: 0;
    top: 30%;
    height: 15px;
    width: 15px;
  }
}

.contact__list__calendar__label:hover {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

/* safariのみ */
::-webkit-full-page-media,
:future,
:root .contact__list__calendar__label::before {
  top: 45%;
  right: -25px;
}

@media screen and (max-width: 599px) {

  ::-webkit-full-page-media,
  :future,
  :root .contact__list__calendar__label::before {
    top: 40%;
    right: -16px;
  }
}

.contact__list:last-of-type .contact__list__deta {
  border-bottom: none;
}

.contact__list__deta__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #707070;
  padding: 15px;
  gap: 60px;
}

@media screen and (max-width: 599px) {
  .contact__list__deta__list {
    gap: 30px;
    padding: 15px 0;
  }
}

.contact__list__deta__text {
  margin-top: 10px;
  font-size: 14px;
  color: #3b4043;
}

@media screen and (max-width: 599px) {
  .contact__list__deta__text {
    font-size: 13px;
  }
}

input[type=submit] {
  cursor: pointer;
  /* カーソルをポインターに変更 */
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* トランジション効果 */
}

input,
select {
  cursor: pointer;
  font-size: 16px;
  padding: 5px;
  border: 1px solid #cdd6dd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 599px) {

  input,
  select {
    font-size: 14px;
  }
}

select {
  color: #101010;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding-right: 25px;
  position: relative;
}

select::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1.5px solid #665004;
  border-bottom: 1.5px solid #665004;
  height: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: -50px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.select {
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.select:hover::before {
  border-left: 1.5px solid #665004;
  border-bottom: 1.5px solid #665004;
}

.select::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1.5px solid #ccc;
  border-bottom: 1.5px solid #ccc;
  height: 10px;
  height: 10px;
  position: absolute;
  top: 30%;
  right: 10px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

select:hover {
  border: 1px solid #665004;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  font-size: 16px;
  color: #d0d0d0;
}

textarea::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder {
  font-size: 16px;
  color: #d0d0d0;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder {
  font-size: 16px;
  color: #d0d0d0;
}

textarea::-ms-input-placeholder,
input::-ms-input-placeholder,
select::-ms-input-placeholder {
  font-size: 16px;
  color: #d0d0d0;
}

textarea::placeholder,
input::placeholder,
select::placeholder {
  font-size: 16px;
  color: #d0d0d0;
}

@media screen and (max-width: 599px) {

  textarea::-webkit-input-placeholder,
  input::-webkit-input-placeholder,
  select::-webkit-input-placeholder {
    font-size: 14px;
  }

  textarea::-moz-placeholder,
  input::-moz-placeholder,
  select::-moz-placeholder {
    font-size: 14px;
  }

  textarea:-ms-input-placeholder,
  input:-ms-input-placeholder,
  select:-ms-input-placeholder {
    font-size: 14px;
  }

  textarea::-ms-input-placeholder,
  input::-ms-input-placeholder,
  select::-ms-input-placeholder {
    font-size: 14px;
  }

  textarea::placeholder,
  input::placeholder,
  select::placeholder {
    font-size: 14px;
  }
}

.wpcf7-list-item {
  margin: 0;
}

input[type=radio] {
  position: relative;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: "";
}

textarea {
  padding: 5px;
  border: 1px solid #cdd6dd;
  width: 100%;
  height: 140px;
  font-size: 16px;
}

@media screen and (max-width: 599px) {
  textarea {
    font-size: 14px;
  }
}

.nomination {
  max-width: 360px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.your-plan .wpcf7-list-item-label {
  margin-top: 10px;
  color: #3b4043;
  font-size: 14px;
}

.your-plan .wpcf7-list-item {
  margin-top: 10px;
}

.wpcf7-list-item-label {
  color: #3b4043;
  font-size: 18px;
}

@media screen and (max-width: 599px) {
  .wpcf7-list-item-label {
    font-size: 14px;
  }
}

.contact__btn {
  position: relative;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .contact__btn {
    margin-top: 0;
  }
}

.wpcf7-submit {
  margin-top: 30px;
  position: relative;
  display: inline-block;
  margin-inline: auto;
  background: #665004;
  color: #fff;
  padding: 10px 100px;
  border-radius: 30px;
}

@media screen and (max-width: 599px) {
  .wpcf7-submit {
    margin-top: 20px;
  }
}

.wpcf7-submit:hover {
  opacity: 0.7;
  font-weight: 500;
}

.contact__arrow {
  position: relative;
  display: block;
  max-width: 365px;
  width: 100%;
  margin-inline: auto;
}

.contact__arrow:hover::before {
  right: 10px;
}

.contact__arrow::before {
  position: absolute;
  top: 40px;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: url(../images/common/arrow.svg);
  display: block;
  max-width: 72px;
  width: 100%;
  height: 52px;
  z-index: 1;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 599px) {
  .contact__arrow::before {
    right: 20px;
  }
}

.contact-text,
.contact-tel {
  width: 100%;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0em 0.5em 1em;
  padding: 0.2em 1em;
  border: none;
  color: #ce0201;
  text-align: center;
  font-weight: 700;
}

.thanks__headline {
  font-family: “Noto Sans JP”, sans-serif;
  margin-top: 80px;
  font-size: 40px;
  text-align: center;
}

@media screen and (max-width: 599px) {
  .thanks__headline {
    margin-top: 55px;
    font-size: 24px;
  }
}

.thanks__text {
  margin-top: 40px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}

@media screen and (max-width: 599px) {
  .thanks__text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    text-align: left;
  }
}

.wpcf7-not-valid-tip {
  font-size: 14px;
  white-space: nowrap;
}

@media screen and (max-width: 599px) {
  .wpcf7-not-valid-tip {
    font-size: 12px;
  }
}

.contact__list__deta__title {
  width: 13%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 599px) {
  .contact__list__deta__title {
    width: 20%;
  }
}

.contact__text:first-of-type {
  max-width: 800px;
  margin-inline: auto;
}

.contact__text:nth-of-type(2) {
  margin-top: 50px;
}

@media screen and (max-width: 599px) {
  .contact__text:nth-of-type(2) {
    margin-top: 20px;
  }
}

.contact__text {
  font-size: 16px;
}

@media screen and (max-width: 599px) {
  .contact__text {
    font-size: 14px;
  }
}

.contact__text span {
  color: #ce0201;
}

.contact__text.--center {
  text-align: center;
}

.contact__checkbox {
  margin-top: 20px;
  text-align: center;
}

.contact__privacy__contents {
  margin-top: 20px;
  max-width: 800px;
  margin-inline: auto;
  height: 250px;
  overflow-y: scroll;
  font-size: 14px;
  padding: 20px;
  border: 1px solid #ccc;
}

@media screen and (max-width: 599px) {
  .contact__privacy__contents {
    padding: 15px;
  }
}

.contact__privacy__contents h3 {
  margin-top: 20px;
  color: #ce0201;
  font-size: 18px;
}

@media screen and (max-width: 599px) {
  .contact__privacy__contents h3 {
    font-size: 16px;
    margin-top: 10px;
  }
}

.contact__privacy__contents h2 {
  margin-top: 20px;
  font-size: 18px;
  color: #fff;
  background-color: #886004;
  padding: 5px 10px;
  line-height: 1.2;
}

@media screen and (max-width: 599px) {
  .contact__privacy__contents h2 {
    margin-top: 10px;
    font-size: 16px;
  }
}

.contact__privacy__contents p {
  margin-top: 20px;
}

@media screen and (max-width: 599px) {
  .contact__privacy__contents p {
    margin-top: 10px;
  }
}

.contact__privacy__contents p:first-of-type {
  margin-top: 0;
}

.contact__privacy__contents address {
  margin-top: 20px;
  font-style: normal;
  padding: 20px;
  border: solid 1px #ccc;
}

@media screen and (max-width: 599px) {
  .contact__privacy__contents address {
    margin-top: 10px;
    padding: 15px;
  }
}

.privacy__number__menu {
  margin-top: 20px;
}

@media screen and (max-width: 599px) {
  .privacy__number__menu {
    margin-top: 10px;
  }
}

.privacy__number__list {
  margin-top: 5px;
  margin-left: 10px;
  padding-left: 5px;
}

.privacy__number__list:nth-of-type(1)::marker {
  content: "1.";
}

.privacy__number__list:nth-of-type(2)::marker {
  content: "2.";
}

.privacy__number__list:nth-of-type(3)::marker {
  content: "3.";
}

.privacy__number__list:nth-of-type(4)::marker {
  content: "4.";
}

.privacy__menu {
  margin-top: 20px;
}

.wpcf7-select {
  padding: 10px;
  border: 1px solid #cdd6dd;
}

.privacy__list {
  margin-top: 5px;
  margin-left: 10px;
  padding-left: 5px;
}

.privacy__list::marker {
  content: "●";
  font-size: 12px;
  color: #ccc;
}

.wpcf7-spinner {
  visibility: hidden;
  display: block;
  margin-inline: auto;
  background-color: #23282d;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  position: relative;
}

.contact__floq__menu {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  max-width: 800px;
  margin-inline: auto;
}

@media screen and (max-width: 599px) {
  .contact__floq__menu {
    margin-top: 25px;
  }
}

.contact__flow__list {
  padding: 5px;
  background-color: #ccc;
  color: #000;
  font-size: 16px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 599px) {
  .contact__flow__list {
    font-size: 13px;
  }
}

.contact__flow__list.active {
  background-color: #665004;
  color: #fff;
}

.faq__top--text {
  text-align: center;
}

.faq__top--text a {
  color: #665004;
}

/********************************************************/
/* アコーディオンメニュー */
/********************************************************/
/* 矢印を消す */
/* Chrome、Safari以外 */
summary {
  display: block;
}

/* Chrome、Safari */
summary::-webkit-details-marker {
  display: none;
}

/* オープン時にアニメーションを設定 */
details[open] .faq__accordion__contents {
  -webkit-animation: fadeIn 0.5s ease;
  animation: fadeIn 0.5s ease;
}

details[open] .faq__accordion__title::before {
  opacity: 0;
  display: none;
  /* opacityとdisplayを同時に指定するとtransitionが使用できる */
  -webkit-transition: opacity 0.5s, display 0.5s allow-discrete;
  transition: opacity 0.5s, display 0.5s allow-discrete;
}

details[open] .faq__accordion__title {
  border-bottom: none;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    /* 透明 */
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    /* 上から表示 */
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.faq__accordion {
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
}

.faq__accordion__title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #000;
  opacity: 1;
  display: block;
}

@media screen and (max-width: 768px) {
  .faq__accordion__title::before {
    right: 30px;
  }
}

.faq__accordion__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 31px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  width: 20px;
  background-color: #000;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .faq__accordion__title::after {
    right: 21px;
  }
}

.faq__accordion__contents__item__text {
  margin-top: 0.5rem;
  color: #000;
  font-size: 12px;
}

.faq__accordion__title {
  margin-top: 50px;
  padding: 16px 60px 20px 60px;
  width: 80%;
  background-color: #fff;
  border-left: solid 1px #665004;
  border-right: solid 1px #665004;
  border-top: solid 1px #665004;
  border-bottom: solid 1px #665004;
  margin-inline: auto;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 768px) {
  .faq__accordion__title {
    width: 70%;
    padding: 15px 50px 15px 50px;
    line-height: 1.5;
  }
}

.faq__accordion__title:hover {
  opacity: 0.7;
}

.faq__text {
  padding: 10px 60px 20px 60px;
  width: 80%;
  margin-inline: auto;
  border-left: solid 1px #665004;
  border-right: solid 1px #665004;
  border-bottom: solid 1px #665004;
}

@media screen and (max-width: 768px) {
  .faq__text {
    width: 70%;
    padding: 15px 50px 25px 50px;
    line-height: 1.5;
  }
}

.faq__accordion__title__text {
  position: relative;
  padding-top: 4px;
}

.faq__accordion__title__text::before {
  content: "Q";
  display: block;
  background-color: #665004;
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 16px;
  left: -40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 8px 10px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .faq__accordion__title__text::before {
    top: 14px;
    padding: 6px 8px;
  }
}

@media screen and (max-width: 768px) {
  .faq__accordion__title__text {
    padding-top: 0;
    font-size: 14px;
  }
}

.faq__text {
  position: relative;
}

.faq__text::before {
  content: "A";
  display: block;
  background-color: #fff;
  color: #665004;
  font-size: 16px;
  border: 1px solid #665004;
  position: absolute;
  top: 10px;
  left: 20px;
  padding: 8px 10px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .faq__text::before {
    padding: 6px 8px;
    top: 15px;
    left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .faq__text {
    font-size: 14px;
  }
}

/*# sourceMappingURL=style.css.map */