@charset 'UTF-8';
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}
html {
  line-height: 1.15 /* 1 */;
  -webkit-text-size-adjust: 100% /* 2 */;
  -webkit-tap-highlight-color: transparent /* 3 */;
}
body {
  margin: 0;
}
main {
  display: block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
hr {
  box-sizing: content-box /* 1 */;
  height: 0 /* 1 */;
  overflow: visible /* 2 */;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}
pre {
  font-family: monospace, monospace /* 1 */;
  font-size: inherit /* 2 */;
}
address {
  font-style: inherit;
}
a {
  background-color: transparent;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted /* 2 */;
          text-decoration: underline dotted /* 2 */;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace /* 1 */;
  font-size: inherit /* 2 */;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none /* 1 */;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit /* 2 */;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  cursor: pointer;
}
button:disabled,
[type='button']:disabled,
[type='reset']:disabled,
[type='submit']:disabled {
  cursor: default;
}
:-moz-focusring {
  outline: auto;
}
select:disabled {
  opacity: inherit;
}
option {
  padding: 0;
}
fieldset {
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px /* 1 */;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button /* 1 */;
  font: inherit /* 2 */;
}
[type='number'] {
  -moz-appearance: textfield;
}
label[for] {
  cursor: pointer;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[contenteditable]:focus {
  outline: auto;
}
table {
  border-color: inherit /* 1 */;
  border-collapse: collapse;
}
caption {
  text-align: left;
}
td,
th {
  vertical-align: top;
  padding: 0;
}
th {
  text-align: left;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
}
body {
  font-size: 2.133333333333333vw;
  background-color: #fff;
  color: #000;
  font-family: "Koburina Gothic W6 JIS2004", "KoburinaGoStdN-W6-Local", sans-serif;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}
a {
  color: #000;
}
small {
  font-size: 100%;
}
img {
  max-width: 100%;
  height: auto;
  width: 100%;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  img {
    width: auto;
  }
}
svg {
  height: 100%;
  width: 100%;
  vertical-align: top;
}
.main-contents {
  background: #f7f6ec;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .main-contents {
    margin-left: auto;
    margin-right: auto;
    min-height: 100vh;
    width: 440px;
  }
  .main-contents::before,
  .main-contents::after {
    position: absolute;
    top: 0;
    left: 50%;
    background: #000;
    content: '';
    display: block;
    height: 100%;
    width: 2px;
    z-index: 10;
  }
  .main-contents::before {
    margin-left: -220px;
  }
  .main-contents::after {
    margin-left: 218px;
  }
}
.section-inner {
  position: relative;
}
.swiper-notification {
  height: 4px !important;
  contain: strict !important;
  display: block !important;
  width: 4px !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
}
.btn {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}
.btn::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 0.533333333333333vw;
  background: #000;
  margin-top: -1.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .btn::before {
    height: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .btn::before {
    margin-top: -8.213333333333333px;
  }
}
.btn .btn-item {
  display: block;
  position: relative;
  height: 20.533333333333335vw;
  width: 72vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .btn .btn-item {
    height: 90.34666666666666px;
    width: 316.8px;
  }
}
.btn .btn-contents,
.btn .btn-shadow {
  width: 100%;
  height: 17.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .btn .btn-contents,
  .btn .btn-shadow {
    height: 76.26666666666667px;
  }
}
.btn .btn-contents {
  border: 1px solid #000;
  position: relative;
  width: 100%;
  border-width: 1.066666666666667vw;
  border-radius: 8vw;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .btn .btn-contents {
    border-width: 4.693333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .btn .btn-contents {
    border-radius: 35.2px;
  }
}
@media only screen and (min-width: 768px) {
  .btn .btn-contents {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .btn .btn-contents {
    transition: 0.3s;
  }
}
.btn .btn-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 8vw;
  background: url("/jinsei-sakaba/assets/img/pattern-dots.webp") left top repeat;
  background-size: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .btn .btn-shadow {
    border-radius: 35.2px;
  }
}
@media only screen and (min-width: 768px) {
  .btn .btn-shadow {
    background-size: 3.52px;
  }
}
.btn .btn-icon {
  position: absolute;
  top: 6vw;
  right: 5.333333333333334vw;
  height: 3.2vw;
  width: 3.6vw;
}
@media only screen and (min-width: 768px) {
  .btn .btn-icon {
    top: 26.4px;
  }
}
@media only screen and (min-width: 768px) {
  .btn .btn-icon {
    right: 23.46666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .btn .btn-icon {
    height: 14.08px;
    width: 15.84px;
  }
}
.btn.btn-green .btn-contents {
  background: #b7d2a3;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .btn.btn-green .btn-item:hover .btn-contents {
    background: #97c078;
  }
}
.btn.btn-white .btn-contents {
  background: #f7f6ec;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .btn.btn-white .btn-item:hover .btn-contents {
    background: #ecead2;
  }
}
.btn.btn-black .btn-contents {
  background: #373737;
}
.btn.btn-black .btn-icon {
  fill: #f7f6ec;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .btn.btn-black .btn-item:hover .btn-contents {
    background: #1b1b1b;
  }
}
.btn.btn-back-top {
  width: 93.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back-top {
    width: 410.6666666666667px;
  }
}
.btn.btn-back-top::before {
  margin-top: -1.6vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back-top::before {
    margin-top: -7.04px;
  }
}
.btn.btn-back-top .btn-item {
  height: 20vw;
  width: 66.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back-top .btn-item {
    height: 88px;
    width: 293.3333333333333px;
  }
}
.btn.btn-back-top .btn-contents {
  padding-bottom: 0vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back-top .btn-contents {
    padding-bottom: 0px;
  }
}
.btn.btn-back-top .btn-text {
  width: 37.2vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back-top .btn-text {
    width: 163.68px;
  }
}
.btn.btn-talk {
  width: 82.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-talk {
    width: 363.73333333333335px;
  }
}
.btn.btn-talk .btn-item {
  width: 66.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-talk .btn-item {
    width: 293.3333333333333px;
  }
}
.btn.btn-talk .btn-item .btn-text {
  width: 32.800000000000004vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-talk .btn-item .btn-text {
    width: 144.32px;
  }
}
.btn.btn-talk .btn-item .btn-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.btn.btn-back {
  width: 93.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back {
    width: 410.6666666666667px;
  }
}
.btn.btn-back::before {
  margin-top: -1.6vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back::before {
    margin-top: -7.04px;
  }
}
.btn.btn-back .btn-item {
  height: 20vw;
  width: 66.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back .btn-item {
    height: 88px;
    width: 293.3333333333333px;
  }
}
.btn.btn-back .btn-contents {
  padding-bottom: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back .btn-contents {
    padding-bottom: 1.173333333333333px;
  }
}
.btn.btn-back .btn-text {
  width: 19.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-back .btn-text {
    width: 85.06666666666666px;
  }
}
.btn.btn-check {
  width: 82.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-check {
    width: 363.73333333333335px;
  }
}
.btn.btn-check::before {
  margin-top: -1.6vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-check::before {
    margin-top: -7.04px;
  }
}
.btn.btn-check .btn-contents {
  margin-top: -2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-check .btn-contents {
    margin-top: -11.733333333333334px;
  }
}
.btn.btn-check .btn-item {
  width: 66.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-check .btn-item {
    width: 293.3333333333333px;
  }
}
.btn.btn-check .btn-item .btn-text {
  width: 29.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-check .btn-item .btn-text {
    width: 129.06666666666666px;
  }
}
.btn.btn-check .btn-item .btn-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.btn.btn-close {
  width: 93.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-close {
    width: 410.6666666666667px;
  }
}
.btn.btn-close::before {
  margin-top: -1.6vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-close::before {
    margin-top: -7.04px;
  }
}
.btn.btn-close .btn-contents {
  margin-top: -2.666666666666667vw;
  padding-bottom: 0vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-close .btn-contents {
    margin-top: -11.733333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .btn.btn-close .btn-contents {
    padding-bottom: 0px;
  }
}
.btn.btn-close .btn-item {
  width: 66.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-close .btn-item {
    width: 293.3333333333333px;
  }
}
.btn.btn-close .btn-item .btn-text {
  width: 13.200000000000001vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-close .btn-item .btn-text {
    width: 58.08px;
  }
}
.btn.btn-close .btn-item .btn-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.btn.btn-close .btn-shadow {
  background: url("/jinsei-sakaba/assets/img/pattern-dots-gray.webp") left top repeat;
  background-size: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-close .btn-shadow {
    background-size: 3.52px;
  }
}
.btn.btn-storylist {
  width: 82.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-storylist {
    width: 363.73333333333335px;
  }
}
.btn.btn-storylist .btn-contents {
  height: 15.466666666666667vw;
  padding-right: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-storylist .btn-contents {
    height: 68.05333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .btn.btn-storylist .btn-contents {
    padding-right: 1.173333333333333px;
  }
}
.btn.btn-storylist .btn-item {
  height: 18.666666666666668vw;
  width: 66.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-storylist .btn-item {
    height: 82.13333333333334px;
    width: 293.3333333333333px;
  }
}
.btn.btn-storylist .btn-item .btn-text {
  width: 28.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-storylist .btn-item .btn-text {
    width: 127.30666666666667px;
  }
}
.btn.btn-storylist .btn-item .btn-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.btn.btn-storylist .btn-icon {
  top: 5.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .btn.btn-storylist .btn-icon {
    top: 22.293333333333333px;
  }
}
.slider {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.slider .slider-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.slider .slider-slide {
  flex-shrink: 0;
}
.section-story .section-inner::before,
.section-other-story .section-inner::before,
.section-story .section-inner::after,
.section-other-story .section-inner::after {
  position: absolute;
  left: 0;
  background: #000;
  content: '';
  height: 0.533333333333333vw;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-story .section-inner::before,
  .section-other-story .section-inner::before,
  .section-story .section-inner::after,
  .section-other-story .section-inner::after {
    height: 3px;
  }
}
.section-story .section-inner::before,
.section-other-story .section-inner::before {
  top: 0;
}
.section-story .section-inner::after,
.section-other-story .section-inner::after {
  bottom: 0;
}
.section-story .side-line,
.section-other-story .side-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.section-story .side-line::before,
.section-other-story .side-line::before,
.section-story .side-line::after,
.section-other-story .side-line::after {
  position: absolute;
  top: 0;
  background: #000;
  content: '';
  height: 100%;
  width: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .side-line::before,
  .section-other-story .side-line::before,
  .section-story .side-line::after,
  .section-other-story .side-line::after {
    width: 3px;
  }
}
.section-story .side-line::before,
.section-other-story .side-line::before {
  left: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .section-story .side-line::before,
  .section-other-story .side-line::before {
    left: 10.56px;
  }
}
.section-story .side-line::after,
.section-other-story .side-line::after {
  right: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .section-story .side-line::after,
  .section-other-story .side-line::after {
    right: 10.56px;
  }
}
.section-story .story-slider .slider-slide,
.section-other-story .story-slider .slider-slide {
  width: 69.33333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide,
  .section-other-story .story-slider .slider-slide {
    width: 305.06666666666666px;
  }
}
.section-story .story-slider .slider-slide a,
.section-other-story .story-slider .slider-slide a {
  display: block;
}
.section-story .story-slider .slider-slide .heading,
.section-other-story .story-slider .slider-slide .heading {
  opacity: 0;
  transition: opacity 0.3s 0.3s;
}
.section-story .story-slider .slider-slide .ill-container,
.section-other-story .story-slider .slider-slide .ill-container {
  position: relative;
  margin-top: 5.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .ill-container,
  .section-other-story .story-slider .slider-slide .ill-container {
    margin-top: 22.293333333333333px;
  }
}
.section-story .story-slider .slider-slide .ill-container .ill-shadow,
.section-other-story .story-slider .slider-slide .ill-container .ill-shadow {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: -8.266666666666666vw;
  left: -3.733333333333334vw;
  height: 76.8vw;
  width: 76.8vw;
  background: url("/jinsei-sakaba/assets/img/story-ill-shadow.webp") left top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .ill-container .ill-shadow,
  .section-other-story .story-slider .slider-slide .ill-container .ill-shadow {
    bottom: -36.373333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .ill-container .ill-shadow,
  .section-other-story .story-slider .slider-slide .ill-container .ill-shadow {
    left: -16.426666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .ill-container .ill-shadow,
  .section-other-story .story-slider .slider-slide .ill-container .ill-shadow {
    height: 337.92px;
    width: 337.92px;
  }
}
.section-story .story-slider .slider-slide .ill-container .ill-contents,
.section-other-story .story-slider .slider-slide .ill-container .ill-contents {
  background: #f7f6ec;
  position: relative;
}
.section-story .story-slider .slider-slide .ill-container .ill-contents::before,
.section-other-story .story-slider .slider-slide .ill-container .ill-contents::before,
.section-story .story-slider .slider-slide .ill-container .ill-contents::after,
.section-other-story .story-slider .slider-slide .ill-container .ill-contents::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .ill-container .ill-contents::before,
  .section-other-story .story-slider .slider-slide .ill-container .ill-contents::before,
  .section-story .story-slider .slider-slide .ill-container .ill-contents::after,
  .section-other-story .story-slider .slider-slide .ill-container .ill-contents::after {
    border-radius: 3.52px;
  }
}
.section-story .story-slider .slider-slide .ill-container .ill-contents::before,
.section-other-story .story-slider .slider-slide .ill-container .ill-contents::before {
  background: url("/jinsei-sakaba/assets/img/pattern-dots.webp") left top repeat;
  opacity: 0.4;
  background-size: 1.333333333333333vw;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .ill-container .ill-contents::before,
  .section-other-story .story-slider .slider-slide .ill-container .ill-contents::before {
    background-size: 5.866666666666667px;
  }
}
.section-story .story-slider .slider-slide .ill-container .ill-contents::after,
.section-other-story .story-slider .slider-slide .ill-container .ill-contents::after {
  border: solid #000;
  border-width: 0.533333333333333vw;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .ill-container .ill-contents::after,
  .section-other-story .story-slider .slider-slide .ill-container .ill-contents::after {
    border-width: 2.346666666666667px;
  }
}
.section-story .story-slider .slider-slide.is-selected .heading,
.section-other-story .story-slider .slider-slide.is-selected .heading {
  opacity: 1;
  transition-delay: 0s;
}
.section-story .story-slider .slider-slide.is-selected .ill-container .ill-shadow,
.section-other-story .story-slider .slider-slide.is-selected .ill-container .ill-shadow {
  opacity: 1;
}
.section-story .story-slider .slider-slide.is-selected .ill-container .ill-contents::before,
.section-other-story .story-slider .slider-slide.is-selected .ill-container .ill-contents::before {
  display: none;
}
.section-story .story-slider .slider-slide.is-selected .ill-container .ill-contents::after,
.section-other-story .story-slider .slider-slide.is-selected .ill-container .ill-contents::after {
  border-width: 1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide.is-selected .ill-container .ill-contents::after,
  .section-other-story .story-slider .slider-slide.is-selected .ill-container .ill-contents::after {
    border-width: 4.693333333333333px;
  }
}
.section-story .story-slider .slider-slide.is-selected .customer,
.section-other-story .story-slider .slider-slide.is-selected .customer {
  border-top-width: 1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide.is-selected .customer,
  .section-other-story .story-slider .slider-slide.is-selected .customer {
    border-top-width: 4.693333333333333px;
  }
}
.section-story .story-slider .slider-slide .customer,
.section-other-story .story-slider .slider-slide .customer {
  align-items: center;
  display: flex;
  padding-bottom: 1.2vw;
  height: 10.933333333333334vw;
  padding-left: 2.933333333333333vw;
  padding-right: 2.933333333333333vw;
  border-top: solid #000;
  border-top-width: 0.533333333333333vw;
  font-size: 4vw;
  letter-spacing: 0.02em;
  background: #f7f6ec;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer,
  .section-other-story .story-slider .slider-slide .customer {
    padding-bottom: 5.28px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer,
  .section-other-story .story-slider .slider-slide .customer {
    height: 48.10666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer,
  .section-other-story .story-slider .slider-slide .customer {
    padding-left: 12.906666666666666px;
    padding-right: 12.906666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer,
  .section-other-story .story-slider .slider-slide .customer {
    border-top-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer,
  .section-other-story .story-slider .slider-slide .customer {
    font-size: 1.76rem;
  }
}
.section-story .story-slider .slider-slide .customer .label,
.section-other-story .story-slider .slider-slide .customer .label {
  height: 5.333333333333334vw;
  width: 14.133333333333335vw;
  border-radius: 0.533333333333333vw;
  margin-right: 2vw;
  padding-left: 0.533333333333333vw;
  font-size: 2.933333333333333vw;
  background: #000;
  color: #f7f6ec;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer .label,
  .section-other-story .story-slider .slider-slide .customer .label {
    height: 23.46666666666667px;
    width: 62.18666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer .label,
  .section-other-story .story-slider .slider-slide .customer .label {
    border-radius: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer .label,
  .section-other-story .story-slider .slider-slide .customer .label {
    margin-right: 8.8px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer .label,
  .section-other-story .story-slider .slider-slide .customer .label {
    padding-left: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer .label,
  .section-other-story .story-slider .slider-slide .customer .label {
    font-size: 1.290666666666667rem;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide .customer .label,
  .section-other-story .story-slider .slider-slide .customer .label {
    padding-top: 2px;
    padding-left: 1px;
  }
}
.section-story .story-slider .slider-button-next,
.section-other-story .story-slider .slider-button-next,
.section-story .story-slider .slider-button-prev,
.section-other-story .story-slider .slider-button-prev {
  cursor: pointer;
  position: absolute;
  top: 46.13333333333333vw;
  height: 13.333333333333334vw;
  width: 13.333333333333334vw;
  border: solid #000;
  border-width: 1.066666666666667vw;
  border-radius: 50%;
  margin-top: 7.333333333333333vw;
  background: #f7f6ec;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-next,
  .section-other-story .story-slider .slider-button-next,
  .section-story .story-slider .slider-button-prev,
  .section-other-story .story-slider .slider-button-prev {
    top: 202.98666666666668px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-next,
  .section-other-story .story-slider .slider-button-next,
  .section-story .story-slider .slider-button-prev,
  .section-other-story .story-slider .slider-button-prev {
    height: 58.666666666666664px;
    width: 58.666666666666664px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-next,
  .section-other-story .story-slider .slider-button-next,
  .section-story .story-slider .slider-button-prev,
  .section-other-story .story-slider .slider-button-prev {
    border-width: 4.693333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-next,
  .section-other-story .story-slider .slider-button-next,
  .section-story .story-slider .slider-button-prev,
  .section-other-story .story-slider .slider-button-prev {
    margin-top: 32.266666666666666px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .section-story .story-slider .slider-button-next,
  .section-other-story .story-slider .slider-button-next,
  .section-story .story-slider .slider-button-prev,
  .section-other-story .story-slider .slider-button-prev {
    transition: 0.3s;
  }
  .section-story .story-slider .slider-button-next:hover,
  .section-other-story .story-slider .slider-button-next:hover,
  .section-story .story-slider .slider-button-prev:hover,
  .section-other-story .story-slider .slider-button-prev:hover {
    background: #ecead2;
  }
}
.section-story .story-slider .slider-button-next::before,
.section-other-story .story-slider .slider-button-next::before,
.section-story .story-slider .slider-button-prev::before,
.section-other-story .story-slider .slider-button-prev::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-style: solid;
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-top-width: 1.733333333333333vw;
  border-bottom-width: 1.733333333333333vw;
  border-left-color: #000;
  border-right-color: #000;
  border-left-width: 2.933333333333333vw;
  border-right-width: 2.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-next::before,
  .section-other-story .story-slider .slider-button-next::before,
  .section-story .story-slider .slider-button-prev::before,
  .section-other-story .story-slider .slider-button-prev::before {
    border-top-width: 7.626666666666667px;
    border-bottom-width: 7.626666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-next::before,
  .section-other-story .story-slider .slider-button-next::before,
  .section-story .story-slider .slider-button-prev::before,
  .section-other-story .story-slider .slider-button-prev::before {
    border-left-width: 12.906666666666666px;
    border-right-width: 12.906666666666666px;
  }
}
.section-story .story-slider .slider-button-prev,
.section-other-story .story-slider .slider-button-prev {
  left: 5.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-prev,
  .section-other-story .story-slider .slider-button-prev {
    left: 24.64px;
  }
}
.section-story .story-slider .slider-button-prev::before,
.section-other-story .story-slider .slider-button-prev::before {
  border-left: none;
  margin-right: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-prev::before,
  .section-other-story .story-slider .slider-button-prev::before {
    margin-right: 2.346666666666667px;
  }
}
.section-story .story-slider .slider-button-next,
.section-other-story .story-slider .slider-button-next {
  right: 5.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-next,
  .section-other-story .story-slider .slider-button-next {
    right: 24.64px;
  }
}
.section-story .story-slider .slider-button-next::before,
.section-other-story .story-slider .slider-button-next::before {
  border-right: none;
  margin-left: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-button-next::before,
  .section-other-story .story-slider .slider-button-next::before {
    margin-left: 2.346666666666667px;
  }
}
.section-story .story-slider .slider-pagination,
.section-other-story .story-slider .slider-pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 2.933333333333333vw;
  margin-top: 5.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-pagination,
  .section-other-story .story-slider .slider-pagination {
    gap: 12.906666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-pagination,
  .section-other-story .story-slider .slider-pagination {
    margin-top: 22.293333333333333px;
  }
}
.section-story .story-slider .slider-pagination .slider-pagination-bullet:not(.slider-pagination-bullet-active),
.section-other-story .story-slider .slider-pagination .slider-pagination-bullet:not(.slider-pagination-bullet-active) {
  background: #f7f6ec;
  border: solid #000;
  border-radius: 50%;
  border-width: 0.4vw;
  cursor: pointer;
  height: 2.133333333333333vw;
  width: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-pagination .slider-pagination-bullet:not(.slider-pagination-bullet-active),
  .section-other-story .story-slider .slider-pagination .slider-pagination-bullet:not(.slider-pagination-bullet-active) {
    border-width: 2px;
    height: 10px;
    width: 10px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .section-story .story-slider .slider-pagination .slider-pagination-bullet:not(.slider-pagination-bullet-active):hover,
  .section-other-story .story-slider .slider-pagination .slider-pagination-bullet:not(.slider-pagination-bullet-active):hover {
    background: #ecead2;
  }
}
.section-story .story-slider .slider-pagination .slider-pagination-bullet-active,
.section-other-story .story-slider .slider-pagination .slider-pagination-bullet-active {
  height: 4.133333333333333vw;
  width: 2.666666666666667vw;
  margin-left: -0.266666666666667vw;
  margin-right: -0.266666666666667vw;
  background: url("/jinsei-sakaba/assets/img/icon-tokkuri.webp") left top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-pagination .slider-pagination-bullet-active,
  .section-other-story .story-slider .slider-pagination .slider-pagination-bullet-active {
    height: 18.186666666666667px;
    width: 11.733333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-pagination .slider-pagination-bullet-active,
  .section-other-story .story-slider .slider-pagination .slider-pagination-bullet-active {
    margin-left: -1.173333333333333px;
    margin-right: -1.173333333333333px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-story .story-slider .slider-pagination .slider-pagination-bullet-active,
  .section-other-story .story-slider .slider-pagination .slider-pagination-bullet-active {
    background: url("/jinsei-sakaba/assets/img/icon-tokkuri@2x.webp") left top no-repeat;
    background-size: 100%;
  }
}
.section-story .story-slider .slider-slide-01 .heading,
.section-other-story .story-slider .slider-slide-01 .heading {
  width: 65.86666666666666vw;
  margin-left: 1.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-01 .heading,
  .section-other-story .story-slider .slider-slide-01 .heading {
    width: 289.81333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-01 .heading,
  .section-other-story .story-slider .slider-slide-01 .heading {
    margin-left: 7.626666666666667px;
  }
}
.section-story .story-slider .slider-slide-02 .heading,
.section-other-story .story-slider .slider-slide-02 .heading {
  width: 62.133333333333326vw;
  margin-left: 3.6vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-02 .heading,
  .section-other-story .story-slider .slider-slide-02 .heading {
    width: 273.38666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-02 .heading,
  .section-other-story .story-slider .slider-slide-02 .heading {
    margin-left: 15.84px;
  }
}
.section-story .story-slider .slider-slide-03 .heading,
.section-other-story .story-slider .slider-slide-03 .heading {
  width: 55.333333333333336vw;
  margin-left: 7.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-03 .heading,
  .section-other-story .story-slider .slider-slide-03 .heading {
    width: 243.46666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-03 .heading,
  .section-other-story .story-slider .slider-slide-03 .heading {
    margin-left: 31.093333333333334px;
  }
}
.section-story .story-slider .slider-slide-04 .heading,
.section-other-story .story-slider .slider-slide-04 .heading {
  width: 50.53333333333333vw;
  margin-left: 9.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-04 .heading,
  .section-other-story .story-slider .slider-slide-04 .heading {
    width: 222.34666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-04 .heading,
  .section-other-story .story-slider .slider-slide-04 .heading {
    margin-left: 41.653333333333336px;
  }
}
.section-story .story-slider .slider-slide-05 .heading,
.section-other-story .story-slider .slider-slide-05 .heading {
  width: 80vw;
  margin-left: -5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-05 .heading,
  .section-other-story .story-slider .slider-slide-05 .heading {
    width: 352px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-05 .heading,
  .section-other-story .story-slider .slider-slide-05 .heading {
    margin-left: -23.46666666666667px;
  }
}
.section-story .story-slider .slider-slide-05 .customer,
.section-other-story .story-slider .slider-slide-05 .customer {
  font-size: 3.733333333333334vw;
  line-height: 1.178571428571429;
  padding-right: 0vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-05 .customer,
  .section-other-story .story-slider .slider-slide-05 .customer {
    font-size: 1.642666666666666rem;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-05 .customer,
  .section-other-story .story-slider .slider-slide-05 .customer {
    padding-right: 0px;
  }
}
.section-story .story-slider .slider-slide-06 .heading,
.section-other-story .story-slider .slider-slide-06 .heading {
  width: 65.86666666666666vw;
  margin-left: 1.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-06 .heading,
  .section-other-story .story-slider .slider-slide-06 .heading {
    width: 289.81333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-06 .heading,
  .section-other-story .story-slider .slider-slide-06 .heading {
    margin-left: 7.626666666666667px;
  }
}
.section-story .story-slider .slider-slide-07 .heading,
.section-other-story .story-slider .slider-slide-07 .heading {
  width: 61.33333333333333vw;
  margin-left: 4vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-07 .heading,
  .section-other-story .story-slider .slider-slide-07 .heading {
    width: 269.8666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-07 .heading,
  .section-other-story .story-slider .slider-slide-07 .heading {
    margin-left: 17.6px;
  }
}
.section-story .story-slider .slider-slide-08 .heading,
.section-other-story .story-slider .slider-slide-08 .heading {
  width: 63.733333333333334vw;
  margin-left: 2.8vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-08 .heading,
  .section-other-story .story-slider .slider-slide-08 .heading {
    width: 280.4266666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-08 .heading,
  .section-other-story .story-slider .slider-slide-08 .heading {
    margin-left: 12.32px;
  }
}
.section-story .story-slider .slider-slide-08 .customer,
.section-other-story .story-slider .slider-slide-08 .customer {
  height: 13.600000000000001vw;
  margin-top: -2.666666666666667vw;
  font-size: 3.733333333333334vw;
  line-height: 1.178571428571429;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-08 .customer,
  .section-other-story .story-slider .slider-slide-08 .customer {
    height: 59.84px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-08 .customer,
  .section-other-story .story-slider .slider-slide-08 .customer {
    margin-top: -11.733333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-08 .customer,
  .section-other-story .story-slider .slider-slide-08 .customer {
    font-size: 1.642666666666666rem;
  }
}
.section-story .story-slider .slider-slide-09 .heading,
.section-other-story .story-slider .slider-slide-09 .heading {
  width: 55.46666666666666vw;
  margin-left: 6.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-09 .heading,
  .section-other-story .story-slider .slider-slide-09 .heading {
    width: 244.05333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-09 .heading,
  .section-other-story .story-slider .slider-slide-09 .heading {
    margin-left: 30.506666666666668px;
  }
}
.section-story .story-slider .slider-slide-10 .heading,
.section-other-story .story-slider .slider-slide-10 .heading {
  width: 54.266666666666666vw;
  margin-left: 7.6vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-10 .heading,
  .section-other-story .story-slider .slider-slide-10 .heading {
    width: 238.77333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-10 .heading,
  .section-other-story .story-slider .slider-slide-10 .heading {
    margin-left: 33.44px;
  }
}
.section-story .story-slider .slider-slide-11 .heading,
.section-other-story .story-slider .slider-slide-11 .heading {
  width: 58.666666666666664vw;
  margin-left: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-11 .heading,
  .section-other-story .story-slider .slider-slide-11 .heading {
    width: 258.1333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-11 .heading,
  .section-other-story .story-slider .slider-slide-11 .heading {
    margin-left: 23.46666666666667px;
  }
}
.section-story .story-slider .slider-slide-12 .heading,
.section-other-story .story-slider .slider-slide-12 .heading {
  width: 62.53333333333333vw;
  margin-left: 3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-12 .heading,
  .section-other-story .story-slider .slider-slide-12 .heading {
    width: 275.14666666666665px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-12 .heading,
  .section-other-story .story-slider .slider-slide-12 .heading {
    margin-left: 15.253333333333334px;
  }
}
.section-story .story-slider .slider-slide-13 .heading,
.section-other-story .story-slider .slider-slide-13 .heading {
  width: 70.39999999999999vw;
  margin-left: -0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-13 .heading,
  .section-other-story .story-slider .slider-slide-13 .heading {
    width: 309.76px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-13 .heading,
  .section-other-story .story-slider .slider-slide-13 .heading {
    margin-left: -2.346666666666667px;
  }
}
.section-story .story-slider .slider-slide-14 .heading,
.section-other-story .story-slider .slider-slide-14 .heading {
  width: 72.93333333333332vw;
  margin-left: -1.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-14 .heading,
  .section-other-story .story-slider .slider-slide-14 .heading {
    width: 320.9066666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-14 .heading,
  .section-other-story .story-slider .slider-slide-14 .heading {
    margin-left: -7.626666666666667px;
  }
}
.section-story .story-slider .slider-slide-15 .heading,
.section-other-story .story-slider .slider-slide-15 .heading {
  width: 73.86666666666667vw;
  margin-left: -2.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-15 .heading,
  .section-other-story .story-slider .slider-slide-15 .heading {
    width: 325.0133333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .section-story .story-slider .slider-slide-15 .heading,
  .section-other-story .story-slider .slider-slide-15 .heading {
    margin-left: -9.973333333333333px;
  }
}
.section-story .btn-talk,
.section-other-story .btn-talk {
  margin-top: 7.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-story .btn-talk,
  .section-other-story .btn-talk {
    margin-top: 31.093333333333334px;
  }
}
@font-face {
  font-family: 'KoburinaGoStdN-W9-Local';
  src: local('KoburinaGoStdN-W9');
}
@font-face {
  font-family: 'KoburinaGoStdN-W6-Local';
  src: local('KoburinaGoStdN-W6');
}
@font-face {
  font-family: 'KoburinaGoStdN-W3-Local';
  src: local('KoburinaGoStdN-W3');
}
@media only screen and (max-width: 767px) {
  .md {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .sm {
    display: none !important;
  }
}
.visually-hidden {
  height: 4px !important;
  contain: strict !important;
  display: block !important;
  width: 4px !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
}
.cover {
  position: absolute;
  top: 0;
  left: 0;
  background: #f7f6ec;
  opacity: 0;
  pointer-events: none;
  height: 100%;
  width: 100%;
  visibility: hidden;
  z-index: 7;
}
@media (scripting: none) {
  .cover {
    display: none;
  }
}
.loader {
  background: #f7f6ec;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
}
.is-loaded .loader {
  opacity: 0;
  transition: opacity 0.5s 1.17s, visibility 0.5s 1.17s;
  visibility: hidden;
}
@media (scripting: none) {
  .loader {
    display: none;
  }
}
.svg-sprites {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
  z-index: -999;
}
.page-home .section-fv {
  background: #f7f6ec;
  position: fixed;
  top: 0;
  left: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  height: 100dvh;
  width: 100%;
  z-index: 9;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv {
    width: 440px;
  }
}
.page-home .section-fv .section-inner {
  height: 100dvh;
}
.page-home .section-fv .oyaji,
.page-home .section-fv .counter,
.page-home .section-fv .noren,
.page-home .section-fv .yane {
  position: absolute;
}
.page-home .section-fv .oyaji {
  bottom: -17.333333333333336vw;
  left: 0;
  height: 80.66666666666666vw;
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .oyaji {
    bottom: -76.26666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .oyaji {
    height: 354.93333333333334px;
    width: 440px;
  }
}
.page-home .section-fv .counter {
  bottom: 0;
  left: 0;
  height: 43.333333333333336vw;
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .counter {
    height: 190.66666666666666px;
    width: 440px;
  }
}
.page-home .section-fv .noren {
  height: calc(100% - 50vw);
  left: 0;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .noren {
    height: calc(100% - 229.99999999999997px);
  }
}
.page-home .section-fv .noren .scroll {
  position: absolute;
}
.page-home .section-fv .noren .bg {
  position: absolute;
  bottom: 0;
  left: 0;
}
.page-home .section-fv .noren .scroll {
  left: 50%;
  width: 25.333333333333336vw;
  bottom: 7.333333333333333vw;
  margin-left: -12.8vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .noren .scroll {
    width: 111.46666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .noren .scroll {
    bottom: 32.266666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .noren .scroll {
    margin-left: -56.32px;
  }
}
.page-home .section-fv .yane {
  top: -0.4vw;
  left: -0.533333333333333vw;
  height: 36.266666666666666vw;
  width: 100.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .yane {
    top: -1.76px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .yane {
    left: -2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .yane {
    height: 159.57333333333332px;
    width: 442.93333333333334px;
  }
}
.page-home .section-fv .mokomoko-1,
.page-home .section-fv .mokomoko-2 {
  position: absolute;
}
.page-home .section-fv .mokomoko-1 {
  width: 32vw;
  bottom: 56.93333333333334vw;
  left: -11.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .mokomoko-1 {
    width: 140.8px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .mokomoko-1 {
    bottom: 250.50666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .mokomoko-1 {
    left: -52.21333333333333px;
  }
}
.page-home .section-fv .mokomoko-2 {
  width: 27.866666666666667vw;
  bottom: 47.199999999999996vw;
  right: -9.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .mokomoko-2 {
    width: 122.61333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .mokomoko-2 {
    bottom: 207.68px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .mokomoko-2 {
    right: -39.89333333333333px;
  }
}
.page-home .section-fv .section-heading {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -34.93333333333333vw;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .section-heading {
    margin-top: -153.70666666666668px;
  }
}
.page-home .section-fv .heading-bg {
  background: url("/jinsei-sakaba/assets/img/home/fv-heading.bg.webp") left top no-repeat;
  background-size: cover;
  height: 78.93333333333334vw;
  width: 68.53333333333333vw;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .page-home .section-fv .heading-bg {
    height: 347.3066666666667px;
    width: 301.5466666666667px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-home .section-fv .heading-bg {
    background-image: url("/jinsei-sakaba/assets/img/home/fv-heading.bg@2x.webp");
  }
}
.page-home .section-fv .heading-svg {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -1px;
  height: 100%;
  width: 100%;
}
.page-home .main {
  display: grid;
}
.page-home .fv,
.page-home .content {
  grid-area: 1/1/2/2;
}
.page-home .fv {
  height: 300vh;
}
@media only screen and (min-width: 768px) {
  .page-home .fv {
    width: 440px;
    height: 200vh;
  }
}
.page-home .section-oyaji .section-inner {
  padding-top: 30.933333333333334vw;
  padding-bottom: 19.733333333333334vw;
  padding-left: 4vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .section-inner {
    padding-top: 136.10666666666665px;
    padding-bottom: 86.82666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .section-inner {
    padding-left: 17.6px;
  }
}
.page-home .section-oyaji .talk {
  display: flex;
}
.page-home .section-oyaji .talk .talk-icon {
  width: 14.666666666666666vw;
  margin-top: 1.066666666666667vw;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .talk .talk-icon {
    width: 64.53333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .talk .talk-icon {
    margin-top: 4.693333333333333px;
  }
}
.page-home .section-oyaji .talk .talk-icon .name {
  display: block;
  text-align: center;
  font-size: 2.933333333333333vw;
  margin-top: 1.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .talk .talk-icon .name {
    font-size: 1.290666666666667rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .talk .talk-icon .name {
    margin-top: 7.626666666666667px;
  }
}
.page-home .section-oyaji .talk .talk-text {
  font-size: 4.266666666666667vw;
  line-height: 2.125;
  letter-spacing: 0.02em;
  margin-left: 4.8vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .talk .talk-text {
    font-size: 1.877333333333334rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .talk .talk-text {
    margin-left: 21.12px;
  }
}
.page-home .section-oyaji .ill-tumami-container {
  position: relative;
  height: 24.133333333333333vw;
  width: 45.33333333333333vw;
  margin-top: 16.8vw;
  margin-left: 26.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .ill-tumami-container {
    height: 106.18666666666667px;
    width: 199.46666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .ill-tumami-container {
    margin-top: 73.92px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .ill-tumami-container {
    margin-left: 117.33333333333333px;
  }
}
.page-home .section-oyaji .ill-tumami-container > div {
  position: absolute;
}
.page-home .section-oyaji .ill-tumami-container .ill-tumami-text {
  top: 2.266666666666667vw;
  left: 0;
  width: 9.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .ill-tumami-container .ill-tumami-text {
    top: 9.973333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .ill-tumami-container .ill-tumami-text {
    width: 39.89333333333333px;
  }
}
.page-home .section-oyaji .ill-tumami-container .ill-tumami-item {
  right: 0;
  top: 0;
  width: 37.46666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-oyaji .ill-tumami-container .ill-tumami-item {
    width: 164.85333333333332px;
  }
}
.page-home .section-story {
  margin-top: -21.333333333333336vw;
  padding-top: 21.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-story {
    margin-top: -93.86666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-story {
    padding-top: 93.86666666666667px;
  }
}
.page-home .section-story .section-inner {
  padding-bottom: 16.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-story .section-inner {
    padding-bottom: 72.74666666666667px;
  }
}
.page-home .section-story .section-heading {
  width: 76.8vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .page-home .section-story .section-heading {
    width: 337.92px;
  }
}
.page-home .section-story .section-heading img {
  margin-top: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-story .section-heading img {
    margin-top: 1.173333333333333px;
  }
}
.page-home .section-story .story-slider {
  margin-top: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-story .story-slider {
    margin-top: 23.46666666666667px;
  }
}
.page-home .section-story .btn-storylist {
  margin-top: 3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-story .btn-storylist {
    margin-top: 15.253333333333334px;
  }
}
.page-home .ill-kanpai-container {
  position: relative;
  height: 33.46666666666667vw;
  width: 82.26666666666667vw;
  margin-top: 16.933333333333334vw;
  margin-left: 9.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container {
    height: 147.25333333333333px;
    width: 361.97333333333336px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container {
    margin-top: 74.50666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container {
    margin-left: 43.413333333333334px;
  }
}
.page-home .ill-kanpai-container > div {
  position: absolute;
}
.page-home .ill-kanpai-container .ill-kanpai-mokomoko-1 {
  top: 6.266666666666667vw;
  left: 0;
  width: 15.2vw;
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container .ill-kanpai-mokomoko-1 {
    top: 27.573333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container .ill-kanpai-mokomoko-1 {
    width: 66.88px;
  }
}
.page-home .ill-kanpai-container .ill-kanpai-mokomoko-2 {
  right: 0;
  top: 0;
  width: 19.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container .ill-kanpai-mokomoko-2 {
    width: 83.89333333333333px;
  }
}
.page-home .ill-kanpai-container .ill-kanpai-text {
  top: 7.066666666666667vw;
  left: 31.466666666666665vw;
  width: 20.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container .ill-kanpai-text {
    top: 31.093333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container .ill-kanpai-text {
    left: 138.45333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container .ill-kanpai-text {
    width: 92.10666666666667px;
  }
}
.page-home .ill-kanpai-container .ill-kanpai-beer {
  top: 16.53333333333333vw;
  left: 21.46666666666667vw;
  width: 38.666666666666664vw;
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container .ill-kanpai-beer {
    top: 72.74666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container .ill-kanpai-beer {
    left: 94.45333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .ill-kanpai-container .ill-kanpai-beer {
    width: 170.13333333333333px;
  }
}
.page-home .section-about,
.page-home .section-restroom,
.page-home .section-tel {
  margin-top: -16vw;
  padding-top: 16vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about,
  .page-home .section-restroom,
  .page-home .section-tel {
    margin-top: -70.4px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-about,
  .page-home .section-restroom,
  .page-home .section-tel {
    padding-top: 70.4px;
  }
}
.page-home .section-about .section-inner,
.page-home .section-restroom .section-inner,
.page-home .section-tel .section-inner {
  padding-left: 4vw;
  padding-right: 4vw;
  padding-top: 18.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .section-inner,
  .page-home .section-restroom .section-inner,
  .page-home .section-tel .section-inner {
    padding-left: 17.6px;
    padding-right: 17.6px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .section-inner,
  .page-home .section-restroom .section-inner,
  .page-home .section-tel .section-inner {
    padding-top: 82.13333333333334px;
  }
}
.page-home .section-about .section-contents,
.page-home .section-restroom .section-contents,
.page-home .section-tel .section-contents {
  align-items: flex-start;
  display: flex;
  flex-direction: row-reverse;
}
.page-home .section-about .text,
.page-home .section-restroom .text,
.page-home .section-tel .text {
  font-size: 4.266666666666667vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
  writing-mode: vertical-rl;
  margin-top: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .text,
  .page-home .section-restroom .text,
  .page-home .section-tel .text {
    font-size: 1.877333333333334rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .text,
  .page-home .section-restroom .text,
  .page-home .section-tel .text {
    margin-top: 11.733333333333334px;
  }
}
.page-home .section-about .ill,
.page-home .section-restroom .ill,
.page-home .section-tel .ill {
  margin-right: auto;
  margin-left: 0;
  position: relative;
  border-radius: 0.8vw;
  width: 42.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .ill,
  .page-home .section-restroom .ill,
  .page-home .section-tel .ill {
    border-radius: 3.52px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .ill,
  .page-home .section-restroom .ill,
  .page-home .section-tel .ill {
    width: 187.73333333333335px;
  }
}
.page-home .section-about .ill::before,
.page-home .section-restroom .ill::before,
.page-home .section-tel .ill::before {
  position: absolute;
  top: 0;
  left: 0;
  border: solid #000;
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 0.8vw;
  border-width: 1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .ill::before,
  .page-home .section-restroom .ill::before,
  .page-home .section-tel .ill::before {
    border-radius: 3.52px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .ill::before,
  .page-home .section-restroom .ill::before,
  .page-home .section-tel .ill::before {
    border-width: 4.693333333333333px;
  }
}
.page-home .section-about .btn,
.page-home .section-restroom .btn,
.page-home .section-tel .btn {
  margin-top: 10.8vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .btn,
  .page-home .section-restroom .btn,
  .page-home .section-tel .btn {
    margin-top: 47.52px;
  }
}
.page-home .section-about .btn .btn-item,
.page-home .section-restroom .btn .btn-item,
.page-home .section-tel .btn .btn-item {
  width: 72vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .btn .btn-item,
  .page-home .section-restroom .btn .btn-item,
  .page-home .section-tel .btn .btn-item {
    width: 316.8px;
  }
}
.page-home .section-about {
  margin-top: -13.866666666666665vw;
  padding-top: 16vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about {
    margin-top: -61.013333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-about {
    padding-top: 70.4px;
  }
}
.page-home .section-about .section-heading {
  width: 8.133333333333333vw;
  margin-right: 8.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .section-heading {
    width: 35.78666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .section-heading {
    margin-right: 39.306666666666665px;
  }
}
.page-home .section-about .text {
  margin-right: 3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .text {
    margin-right: 15.253333333333334px;
  }
}
.page-home .section-about .btn .btn-text {
  width: 18.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-about .btn .btn-text {
    width: 81.54666666666667px;
  }
}
.page-home .section-restroom .section-heading {
  width: 8.266666666666666vw;
  margin-right: 8.533333333333333vw;
  margin-top: -0.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-restroom .section-heading {
    width: 36.373333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-restroom .section-heading {
    margin-right: 37.54666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-restroom .section-heading {
    margin-top: -0.586666666666667px;
  }
}
.page-home .section-restroom .text {
  margin-right: 3.6vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-restroom .text {
    margin-right: 15.84px;
  }
}
.page-home .section-restroom .btn .btn-text {
  width: 31.2vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-restroom .btn .btn-text {
    width: 137.28px;
  }
}
.page-home .section-tel .section-heading {
  width: 8vw;
  margin-right: 4.8vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-tel .section-heading {
    width: 35.2px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-tel .section-heading {
    margin-right: 21.12px;
  }
}
.page-home .section-tel .text {
  margin-right: 4vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-tel .text {
    margin-right: 17.6px;
  }
}
.page-home .section-tel .btn {
  margin-top: 8.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-tel .btn {
    margin-top: 38.13333333333333px;
  }
}
.page-home .section-tel .btn .btn-text {
  width: 33.06666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-tel .btn .btn-text {
    width: 145.49333333333334px;
  }
}
.page-home .link-container .talk {
  display: flex;
  width: 70.39999999999999vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14.666666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk {
    width: 309.76px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk {
    margin-top: 64.53333333333333px;
  }
}
.page-home .link-container .talk .talk-icon {
  width: 14.666666666666666vw;
  margin-top: 1.066666666666667vw;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk .talk-icon {
    width: 64.53333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk .talk-icon {
    margin-top: 4.693333333333333px;
  }
}
.page-home .link-container .talk .talk-icon .name {
  display: block;
  text-align: center;
  font-size: 2.933333333333333vw;
  margin-top: 1.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk .talk-icon .name {
    font-size: 1.290666666666667rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk .talk-icon .name {
    margin-top: 7.626666666666667px;
  }
}
.page-home .link-container .talk .talk-text {
  font-size: 4vw;
  line-height: 1.866666666666667;
  letter-spacing: 0.02em;
  margin-top: 1.733333333333333vw;
  margin-left: 5.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk .talk-text {
    font-size: 1.76rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk .talk-text {
    margin-top: 7.626666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk .talk-text {
    margin-left: 25.226666666666667px;
  }
}
.page-home .link-container .talk + .btn {
  margin-top: 7.466666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .talk + .btn {
    margin-top: 32.85333333333333px;
  }
}
.page-home .link-container .btn-tsubuyaki::before {
  display: none;
}
.page-home .link-container .btn-tsubuyaki .btn-item {
  height: 23.333333333333332vw;
  width: 92vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-tsubuyaki .btn-item {
    height: 102.66666666666667px;
    width: 404.8px;
  }
}
.page-home .link-container .btn-tsubuyaki .btn-contents {
  height: 20vw;
  padding-right: 8vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-tsubuyaki .btn-contents {
    height: 88px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-tsubuyaki .btn-contents {
    padding-right: 35.2px;
  }
}
.page-home .link-container .btn-tsubuyaki .btn-text {
  width: 69.86666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-tsubuyaki .btn-text {
    width: 307.41333333333336px;
  }
}
.page-home .link-container .btn-tsubuyaki .btn-icon {
  top: 7.733333333333333vw;
  right: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-tsubuyaki .btn-icon {
    top: 34.026666666666664px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-tsubuyaki .btn-icon {
    right: 28.16px;
  }
}
.page-home .link-container .btn-form {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  margin-top: 4vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form {
    margin-top: 17.6px;
  }
}
.page-home .link-container .btn-form .btn-item {
  display: block;
  position: relative;
  height: 23.333333333333332vw;
  width: 92vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-item {
    height: 102.66666666666667px;
    width: 404.8px;
  }
}
.page-home .link-container .btn-form .btn-contents,
.page-home .link-container .btn-form .btn-shadow {
  width: 100%;
  height: 20vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-contents,
  .page-home .link-container .btn-form .btn-shadow {
    height: 88px;
  }
}
.page-home .link-container .btn-form .btn-contents {
  border: 1px solid #000;
  position: relative;
  width: 100%;
  border-width: 1.066666666666667vw;
  border-radius: 8vw;
  align-items: center;
  background: #f7f6ec;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-contents {
    border-width: 4.693333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-contents {
    border-radius: 35.2px;
  }
}
.page-home .link-container .btn-form .btn-text {
  width: 41.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-text {
    width: 182.45333333333335px;
  }
}
.page-home .link-container .btn-form .btn-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 8vw;
  background: url("/jinsei-sakaba/assets/img/pattern-dots.webp") left top repeat;
  background-size: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-shadow {
    border-radius: 35.2px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-shadow {
    background-size: 3.52px;
  }
}
.page-home .link-container .btn-form .btn-icon {
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
  position: absolute;
  right: 5.066666666666666vw;
  top: 5.866666666666666vw;
  height: 6.4vw;
  width: 6.4vw;
  border: solid #000;
  border-width: 0.533333333333333vw;
  background: #373737;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-icon {
    right: 22.293333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-icon {
    top: 25.813333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-icon {
    height: 28.16px;
    width: 28.16px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-icon {
    border-width: 2.346666666666667px;
  }
}
.page-home .link-container .btn-form .btn-icon svg {
  fill: #f7f6ec;
  height: 2.133333333333333vw;
  width: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .page-home .link-container .btn-form .btn-icon svg {
    height: 9.386666666666667px;
    width: 10.56px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-home .link-container .btn-form .btn-item .btn-contents {
    transition: 0.3s;
  }
  .page-home .link-container .btn-form .btn-item:hover .btn-contents {
    background: #ecead2;
  }
}
.page-home .section-message {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  overflow: hidden;
  height: 100dvh;
  width: 100%;
  z-index: 9;
}
@media only screen and (min-width: 768px) {
  .page-home .section-message {
    width: 440px;
  }
}
.page-home .section-message .section-inner {
  align-items: center;
  background-color: rgba(0,0,0,0.55);
  display: flex;
  height: 100dvh;
}
.page-home .section-message .section-contents {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-message .section-contents {
    padding-top: 11.733333333333334px;
  }
}
@media (max-width: 767px) and (min-aspect-ratio: 750/1236), (min-width: 768px) and (max-height: 782.6133333333333px) {
  .page-home .section-message .section-contents {
    padding-top: 1.618122977346278svh;
  }
}
.page-home .section-message .text-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  aspect-ratio: 690/1043;
  height: 139.06666666666666vw;
  max-height: 139.06666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-message .text-container {
    height: 611.8933333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-message .text-container {
    max-height: 611.8933333333333px;
  }
}
@media (max-width: 767px) and (min-aspect-ratio: 750/1236), (min-width: 768px) and (max-height: 782.6133333333333px) {
  .page-home .section-message .text-container {
    height: 84.38511326860841svh;
  }
}
.page-home .section-message .text-container .text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  font-size: 4vw;
  line-height: 2.2;
  text-align: center;
  padding-top: 11.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-message .text-container .text {
    font-size: 1.76rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-message .text-container .text {
    padding-top: 49.86666666666667px;
  }
}
@media (max-width: 767px) and (min-aspect-ratio: 750/1236), (min-width: 768px) and (max-height: 782.6133333333333px) {
  .page-home .section-message .text-container .text {
    padding-top: 6.877022653721683svh;
    font-size: 2.427184466019417svh;
    line-height: 2.2;
  }
}
.page-home .section-message .text-container .text p:not(:first-child) {
  margin-top: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-message .text-container .text p:not(:first-child) {
    margin-top: 23.46666666666667px;
  }
}
@media (max-width: 767px) and (min-aspect-ratio: 750/1236), (min-width: 768px) and (max-height: 782.6133333333333px) {
  .page-home .section-message .text-container .text p:not(:first-child) {
    margin-top: 3.236245954692556svh;
  }
}
.page-home .section-message .scroll {
  height: 14.799999999999999vw;
  margin-top: 5.866666666666666vw;
  margin-left: auto;
  margin-right: auto;
  max-height: 14.799999999999999vw;
}
@media only screen and (min-width: 768px) {
  .page-home .section-message .scroll {
    height: 65.12px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-message .scroll {
    margin-top: 25.813333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-home .section-message .scroll {
    max-height: 65.12px;
  }
}
@media (max-width: 767px) and (min-aspect-ratio: 750/1236), (min-width: 768px) and (max-height: 782.6133333333333px) {
  .page-home .section-message .scroll {
    height: 8.980582524271846svh;
    margin-top: 3.559870550161812svh;
  }
}
.page-home .section-message .scroll img {
  height: 100%;
  width: auto;
}
.page-about .main {
  padding-bottom: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-about .main {
    padding-bottom: 58.666666666666664px;
  }
}
.page-about .section-profile .section-inner {
  padding-top: 15.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-inner {
    padding-top: 67.46666666666667px;
  }
}
.page-about .section-profile .section-heading {
  width: 78vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-heading {
    width: 343.2px;
  }
}
.page-about .section-profile .section-contents {
  font-size: 4vw;
  line-height: 1.866666666666667;
  padding-left: 8vw;
  padding-right: 8vw;
  margin-top: 8.533333333333333vw;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents {
    font-size: 1.76rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents {
    padding-left: 35.2px;
    padding-right: 35.2px;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents {
    margin-top: 37.54666666666667px;
  }
}
.page-about .section-profile .section-contents p:not(:first-child) {
  margin-top: 7.466666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents p:not(:first-child) {
    margin-top: 32.85333333333333px;
  }
}
.page-about .section-profile .section-contents .talk {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-left: -4vw;
  margin-right: -4vw;
  width: 92vw;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk {
    margin-left: -17.6px;
    margin-right: -17.6px;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk {
    width: 404.8px;
  }
}
.page-about .section-profile .section-contents .talk:not(:first-child) {
  margin-top: 6.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk:not(:first-child) {
    margin-top: 26.986666666666668px;
  }
}
.page-about .section-profile .section-contents .talk + p {
  margin-top: 6vw;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk + p {
    margin-top: 26.4px;
  }
}
.page-about .section-profile .section-contents .talk-icon {
  text-align: center;
  width: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-icon {
    width: 58.666666666666664px;
  }
}
.page-about .section-profile .section-contents .talk-icon span {
  display: block;
}
.page-about .section-profile .section-contents .talk-icon .icon {
  width: 100%;
}
.page-about .section-profile .section-contents .talk-icon .name {
  display: none;
}
.page-about .section-profile .section-contents .talk-text {
  position: relative;
  font-size: 4vw;
  line-height: 1.666666666666667;
  letter-spacing: 0.02em;
  width: 76vw;
  border: solid #000;
  border-width: 0.533333333333333vw;
  border-radius: 6.666666666666667vw;
  padding-top: 3.466666666666666vw;
  padding-bottom: 2.933333333333333vw;
  padding-left: 4.8vw;
  padding-right: 4.8vw;
  background: #d7c099;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-text {
    font-size: 1.76rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-text {
    width: 334.4px;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-text {
    border-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-text {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-text {
    padding-top: 15.253333333333334px;
    padding-bottom: 12.906666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-text {
    padding-left: 21.12px;
    padding-right: 21.12px;
  }
}
.page-about .section-profile .section-contents .talk-text::before {
  position: absolute;
  top: -0.533333333333333vw;
  left: -2.666666666666667vw;
  content: '';
  height: 5.466666666666667vw;
  width: 4vw;
  transform: scale(-1, 1);
  background: url("/jinsei-sakaba/assets/img/story/talk-fukidashi-brown.webp") right top;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-text::before {
    top: -2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-text::before {
    left: -11.733333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-about .section-profile .section-contents .talk-text::before {
    height: 24.053333333333335px;
    width: 17.6px;
  }
}
.page-about .btn-back {
  margin-top: 18.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-about .btn-back {
    margin-top: 79.78666666666666px;
  }
}
.page-restroom .main {
  display: grid;
  grid-template-rows: 1fr auto;
  min-height: 100vh;
}
.page-restroom .restroom-contents {
  padding-top: 24.4vw;
  padding-bottom: 13.333333333333334vw;
  background: url("/jinsei-sakaba/assets/img/restroom/bg.webp") left top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .page-restroom .restroom-contents {
    padding-top: 107.36px;
    padding-bottom: 58.666666666666664px;
  }
}
.page-restroom .slider .slider-wrapper {
  align-items: flex-start;
}
.page-restroom .slider .slider-slide {
  height: 142.66666666666669vw;
  width: 87.86666666666667vw;
  background: url("/jinsei-sakaba/assets/img/restroom/slider-bg.webp") left top no-repeat #f7f6ec;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide {
    height: 627.7333333333333px;
    width: 386.61333333333334px;
  }
}
.page-restroom .slider .slider-slide .img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.800000000000001vw;
  width: 72.26666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide .img {
    margin-top: 29.92px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide .img {
    width: 317.97333333333336px;
  }
}
.page-restroom .slider .slider-slide .text {
  padding-left: 9.866666666666667vw;
  padding-right: 9.866666666666667vw;
  font-size: 3.733333333333334vw;
  line-height: 1.571428571428571;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide .text {
    padding-left: 43.413333333333334px;
    padding-right: 43.413333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide .text {
    font-size: 1.642666666666666rem;
  }
}
.page-restroom .slider .slider-slide .whitespace-nowrap {
  white-space: nowrap;
}
.page-restroom .slider .slider-slide .text-img {
  margin-left: auto;
  margin-right: auto;
}
.page-restroom .slider .slider-slide-1 {
  padding-top: 8.266666666666666vw;
  padding-bottom: 8.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-1 {
    padding-top: 36.373333333333335px;
    padding-bottom: 36.373333333333335px;
  }
}
.page-restroom .slider .slider-slide-1 .heading {
  width: 69.19999999999999vw;
  margin-left: 10.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-1 .heading {
    width: 304.48px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-1 .heading {
    margin-left: 44.586666666666666px;
  }
}
.page-restroom .slider .slider-slide-1 .img {
  margin-top: 6.800000000000001vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-1 .img {
    margin-top: 29.92px;
  }
}
.page-restroom .slider .slider-slide-1 .text {
  margin-top: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-1 .text {
    margin-top: 18.773333333333333px;
  }
}
.page-restroom .slider .slider-slide-1 .text-img {
  margin-top: 2.4vw;
  width: 48.4vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-1 .text-img {
    margin-top: 10.56px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-1 .text-img {
    width: 212.96px;
  }
}
.page-restroom .slider .slider-slide-2 {
  padding-top: 10.533333333333333vw;
  padding-bottom: 10.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-2 {
    padding-top: 46.346666666666664px;
    padding-bottom: 46.346666666666664px;
  }
}
.page-restroom .slider .slider-slide-2 .heading {
  width: 64.53333333333333vw;
  margin-left: 11.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-2 .heading {
    width: 283.94666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-2 .heading {
    margin-left: 51.626666666666665px;
  }
}
.page-restroom .slider .slider-slide-2 .img {
  margin-top: 6vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-2 .img {
    margin-top: 26.4px;
  }
}
.page-restroom .slider .slider-slide-2 .text {
  margin-top: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-2 .text {
    margin-top: 18.773333333333333px;
  }
}
.page-restroom .slider .slider-slide-2 .text-img {
  margin-top: 2.4vw;
  width: 53.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-2 .text-img {
    margin-top: 10.56px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-2 .text-img {
    width: 234.66666666666666px;
  }
}
.page-restroom .slider .slider-slide-3 {
  padding-top: 10.8vw;
  padding-bottom: 10.8vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-3 {
    padding-top: 47.52px;
    padding-bottom: 47.52px;
  }
}
.page-restroom .slider .slider-slide-3 .heading {
  width: 61.46666666666667vw;
  margin-left: 12.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-3 .heading {
    width: 270.4533333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-3 .heading {
    margin-left: 56.906666666666666px;
  }
}
.page-restroom .slider .slider-slide-3 .img {
  margin-top: 6vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-3 .img {
    margin-top: 26.4px;
  }
}
.page-restroom .slider .slider-slide-3 .text {
  margin-top: 7.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-3 .text {
    margin-top: 34.026666666666664px;
  }
}
.page-restroom .slider .slider-slide-3 .text-img {
  margin-top: 2.4vw;
  width: 73.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-3 .text-img {
    margin-top: 10.56px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-3 .text-img {
    width: 323.25333333333333px;
  }
}
.page-restroom .slider .slider-slide-4 {
  padding-top: 10.133333333333333vw;
  padding-bottom: 10.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-4 {
    padding-top: 44.586666666666666px;
    padding-bottom: 44.586666666666666px;
  }
}
.page-restroom .slider .slider-slide-4 .heading {
  width: 71.2vw;
  margin-left: 7.866666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-4 .heading {
    width: 313.28000000000003px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-4 .heading {
    margin-left: 34.61333333333334px;
  }
}
.page-restroom .slider .slider-slide-4 .img {
  margin-top: 6.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-4 .img {
    margin-top: 27.573333333333334px;
  }
}
.page-restroom .slider .slider-slide-4 .text {
  margin-top: 4.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-4 .text {
    margin-top: 20.533333333333335px;
  }
}
.page-restroom .slider .slider-slide-4 .text-img {
  margin-top: 0.666666666666667vw;
  width: 64.93333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-4 .text-img {
    margin-top: 2.933333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-4 .text-img {
    width: 285.70666666666665px;
  }
}
.page-restroom .slider .slider-slide-5 {
  padding-top: 10.266666666666667vw;
  padding-bottom: 10.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-5 {
    padding-top: 45.17333333333333px;
    padding-bottom: 45.17333333333333px;
  }
}
.page-restroom .slider .slider-slide-5 .heading {
  width: 51.6vw;
  margin-left: 18.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-5 .heading {
    width: 227.04px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-5 .heading {
    margin-left: 80.37333333333333px;
  }
}
.page-restroom .slider .slider-slide-5 .img {
  margin-top: 6.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-5 .img {
    margin-top: 27.573333333333334px;
  }
}
.page-restroom .slider .slider-slide-5 .text {
  margin-top: 4.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-5 .text {
    margin-top: 20.533333333333335px;
  }
}
.page-restroom .slider .slider-slide-5 .text-img {
  margin-top: 2.4vw;
  width: 30vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-5 .text-img {
    margin-top: 10.56px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-5 .text-img {
    width: 132px;
  }
}
.page-restroom .slider .slider-slide-6 {
  padding-top: 10vw;
  padding-bottom: 10vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-6 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
}
.page-restroom .slider .slider-slide-6 .heading {
  width: 40.53333333333333vw;
  margin-left: 24vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-6 .heading {
    width: 178.34666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-6 .heading {
    margin-left: 105.6px;
  }
}
.page-restroom .slider .slider-slide-6 .img {
  margin-top: 6.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-6 .img {
    margin-top: 27.573333333333334px;
  }
}
.page-restroom .slider .slider-slide-6 .text {
  margin-top: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-6 .text {
    margin-top: 18.773333333333333px;
  }
}
.page-restroom .slider .slider-slide-6 .text-img {
  margin-top: 2.4vw;
  width: 72.13333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-6 .text-img {
    margin-top: 10.56px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-6 .text-img {
    width: 317.38666666666666px;
  }
}
.page-restroom .slider .slider-slide-7 {
  padding-top: 11.066666666666666vw;
  padding-bottom: 11.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-7 {
    padding-top: 48.693333333333335px;
    padding-bottom: 48.693333333333335px;
  }
}
.page-restroom .slider .slider-slide-7 .heading {
  width: 61.199999999999996vw;
  margin-left: 13.866666666666665vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-7 .heading {
    width: 269.28000000000003px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-7 .heading {
    margin-left: 61.013333333333335px;
  }
}
.page-restroom .slider .slider-slide-7 .img {
  margin-top: 6.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-7 .img {
    margin-top: 26.986666666666668px;
  }
}
.page-restroom .slider .slider-slide-7 .text {
  margin-top: 4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-7 .text {
    margin-top: 19.946666666666665px;
  }
}
.page-restroom .slider .slider-slide-7 .text-img {
  margin-top: 2.4vw;
  width: 66.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-7 .text-img {
    margin-top: 10.56px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-7 .text-img {
    width: 293.3333333333333px;
  }
}
.page-restroom .slider .slider-slide-8 {
  padding-top: 8.533333333333333vw;
  padding-bottom: 8.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-8 {
    padding-top: 37.54666666666667px;
    padding-bottom: 37.54666666666667px;
  }
}
.page-restroom .slider .slider-slide-8 .heading {
  width: 56.53333333333334vw;
  margin-left: 15.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-8 .heading {
    width: 248.74666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-8 .heading {
    margin-left: 69.81333333333333px;
  }
}
.page-restroom .slider .slider-slide-8 .img {
  margin-top: 6.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-8 .img {
    margin-top: 27.573333333333334px;
  }
}
.page-restroom .slider .slider-slide-8 .text {
  margin-top: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-8 .text {
    margin-top: 18.773333333333333px;
  }
}
.page-restroom .slider .slider-slide-8 .text-img {
  margin-top: 1.066666666666667vw;
  width: 61.06666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-8 .text-img {
    margin-top: 4.693333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-slide-8 .text-img {
    width: 268.6933333333333px;
  }
}
.page-restroom .slider .slider-button-next,
.page-restroom .slider .slider-button-prev {
  cursor: pointer;
  position: absolute;
  top: 63.6vw;
  height: 15.466666666666667vw;
  width: 15.466666666666667vw;
  border: solid #000;
  border-width: 1.066666666666667vw;
  border-radius: 50%;
  margin-top: -10.133333333333333vw;
  background: #f7f6ec;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-next,
  .page-restroom .slider .slider-button-prev {
    top: 279.84px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-next,
  .page-restroom .slider .slider-button-prev {
    height: 68.05333333333333px;
    width: 68.05333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-next,
  .page-restroom .slider .slider-button-prev {
    border-width: 4.693333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-next,
  .page-restroom .slider .slider-button-prev {
    margin-top: -44.586666666666666px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-restroom .slider .slider-button-next,
  .page-restroom .slider .slider-button-prev {
    transition: 0.3s;
  }
  .page-restroom .slider .slider-button-next:hover,
  .page-restroom .slider .slider-button-prev:hover {
    background: #ecead2;
  }
}
.page-restroom .slider .slider-button-next::before,
.page-restroom .slider .slider-button-prev::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-style: solid;
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-top-width: 1.733333333333333vw;
  border-bottom-width: 1.733333333333333vw;
  border-left-color: #000;
  border-right-color: #000;
  border-left-width: 2.933333333333333vw;
  border-right-width: 2.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-next::before,
  .page-restroom .slider .slider-button-prev::before {
    border-top-width: 7.626666666666667px;
    border-bottom-width: 7.626666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-next::before,
  .page-restroom .slider .slider-button-prev::before {
    border-left-width: 12.906666666666666px;
    border-right-width: 12.906666666666666px;
  }
}
.page-restroom .slider .slider-button-prev {
  left: 2.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-prev {
    left: 12.906666666666666px;
  }
}
.page-restroom .slider .slider-button-prev::before {
  border-left: none;
  margin-right: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-prev::before {
    margin-right: 3.52px;
  }
}
.page-restroom .slider .slider-button-next {
  right: 2.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-next {
    right: 12.906666666666666px;
  }
}
.page-restroom .slider .slider-button-next::before {
  border-right: none;
  margin-left: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-button-next::before {
    margin-left: 3.52px;
  }
}
.page-restroom .slider .slider-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9.2vw;
  align-items: center;
  background: #eeefd9;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  gap: 2.933333333333333vw;
  height: 7.466666666666668vw;
  padding-left: 7.466666666666668vw;
  padding-right: 7.466666666666668vw;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3.466666666666666vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-pagination {
    bottom: 40.48px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-pagination {
    gap: 12.906666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-pagination {
    height: 32.85333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-pagination {
    padding-left: 32.85333333333333px;
    padding-right: 32.85333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-pagination {
    border-radius: 15.253333333333334px;
  }
}
.page-restroom .slider .slider-pagination .slider-pagination-bullet {
  background: #f7f6ec;
  border: solid #000;
  border-radius: 50%;
  border-width: 0.4vw;
  cursor: pointer;
  height: 2.133333333333333vw;
  width: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .slider .slider-pagination .slider-pagination-bullet {
    border-width: 2px;
    height: 10px;
    width: 10px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-restroom .slider .slider-pagination .slider-pagination-bullet:not(.slider-pagination-bullet-active) {
    transition: 0.3s;
  }
  .page-restroom .slider .slider-pagination .slider-pagination-bullet:not(.slider-pagination-bullet-active):hover {
    background: #ecead2;
  }
}
.page-restroom .slider .slider-pagination .slider-pagination-bullet-active {
  background: #91bd70;
  pointer-events: none;
}
.page-restroom .ill-paper {
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .ill-paper {
    margin-top: 9.386666666666667px;
  }
}
.page-restroom .btn-back {
  justify-self: end;
  margin-top: 10.4vw;
}
@media only screen and (min-width: 768px) {
  .page-restroom .btn-back {
    margin-top: 45.76px;
  }
}
.page-story .main {
  padding-bottom: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-story .main {
    padding-bottom: 58.666666666666664px;
  }
}
.page-story .section-page-heading {
  height: 125.33333333333334vw;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .page-story .section-page-heading {
    height: 551.4666666666667px;
  }
}
.page-story .section-page-heading .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.page-story .section-page-heading .bg::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  content: '';
  width: 100%;
  height: 1.066666666666667vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .page-story .section-page-heading .bg::after {
    height: 4.693333333333333px;
  }
}
.page-story .section-page-heading .section-inner {
  padding-top: 29.2vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-page-heading .section-inner {
    padding-top: 128.48px;
  }
}
.page-story .section-page-heading .page-title {
  position: relative;
  font-size: 3.466666666666666vw;
  background: #000;
  border: solid #f7f6ec;
  color: #fff;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  border-width: 0.8vw;
  margin-left: auto;
  margin-right: auto;
  height: 8.533333333333333vw;
  width: 30.933333333333334vw;
  border-radius: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-page-heading .page-title {
    font-size: 1.525333333333333rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-page-heading .page-title {
    border-width: 3.52px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-page-heading .page-title {
    height: 37.54666666666667px;
    width: 136.10666666666665px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-page-heading .page-title {
    border-radius: 18.773333333333333px;
  }
}
.page-story .section-page-heading .section-heading {
  position: relative;
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-page-heading .section-heading {
    margin-top: 9.386666666666667px;
  }
}
.page-story .section-page-heading .ill-customer {
  position: relative;
}
.page-story .section-profile {
  width: 92vw;
  border: solid #000;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6.133333333333333vw;
  padding-right: 6.133333333333333vw;
  padding-top: 5.333333333333334vw;
  padding-bottom: 5.466666666666667vw;
  border-radius: 0.266666666666667vw;
  border-width: 0.533333333333333vw;
  margin-top: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile {
    width: 404.8px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile {
    padding-left: 26.986666666666668px;
    padding-right: 26.986666666666668px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile {
    padding-top: 23.46666666666667px;
    padding-bottom: 24.053333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile {
    border-radius: 1.173333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile {
    border-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile {
    margin-top: 29.333333333333332px;
  }
}
.page-story .section-profile .section-heading {
  display: grid;
  grid-template-areas: 'icon title' 'icon name';
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 1fr;
}
.page-story .section-profile .section-heading .icon-container {
  align-items: center;
  display: flex;
  grid-area: icon;
  position: relative;
  margin-right: 2.666666666666667vw;
  gap: 1.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .section-heading .icon-container {
    margin-right: 11.733333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .section-heading .icon-container {
    gap: 5.866666666666667px;
  }
}
.page-story .section-profile .section-heading .icon-container .icon {
  width: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .section-heading .icon-container .icon {
    width: 46.93333333333334px;
  }
}
.page-story .section-profile .section-heading .title {
  align-self: end;
  grid-area: title;
  font-size: 2.666666666666667vw;
  letter-spacing: -0.05em;
  margin-left: 0.266666666666667vw;
  margin-bottom: 1.2vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .section-heading .title {
    font-size: 1.173333333333333rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .section-heading .title {
    margin-left: 1.173333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .section-heading .title {
    margin-bottom: 5.28px;
  }
}
.page-story .section-profile .section-heading .name {
  grid-area: name;
  font-size: 4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .section-heading .name {
    font-size: 1.994666666666667rem;
  }
}
.page-story .section-profile .text {
  font-size: 3.733333333333334vw;
  line-height: 1.571428571428571;
  letter-spacing: 0.014em;
  border-top: solid #000;
  border-top-width: 0.533333333333333vw;
  margin-top: 4vw;
  padding-top: 2.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .text {
    font-size: 1.642666666666666rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .text {
    border-top-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .text {
    margin-top: 17.6px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-profile .text {
    padding-top: 12.906666666666666px;
  }
}
.page-story .talk-conatiner {
  padding-left: 4vw;
  padding-right: 4vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner {
    padding-left: 17.6px;
    padding-right: 17.6px;
  }
}
.page-story .talk-conatiner .num {
  background: #000;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  width: 100%;
  height: 9.333333333333334vw;
  border-radius: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .num {
    height: 41.06666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .num {
    border-radius: 3.52px;
  }
}
.page-story .talk-conatiner .num .num-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-story .talk-conatiner .num.num-1 .num-text {
  width: 16.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .num.num-1 .num-text {
    width: 71.57333333333334px;
  }
}
.page-story .talk-conatiner .num.num-2 .num-text {
  width: 16.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .num.num-2 .num-text {
    width: 72.74666666666667px;
  }
}
.page-story .talk-conatiner .num.num-3 .num-text {
  width: 16.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .num.num-3 .num-text {
    width: 71.57333333333334px;
  }
}
.page-story .talk-conatiner .heading {
  font-size: 5.866666666666666vw;
  line-height: 1.454545454545455;
  letter-spacing: 0.02em;
  margin-top: 6.4vw;
  padding-left: 2vw;
  padding-right: 2vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .heading {
    font-size: 2.581333333333334rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .heading {
    margin-top: 28.16px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .heading {
    padding-left: 8.8px;
    padding-right: 8.8px;
  }
}
.page-story .talk-conatiner .ill {
  width: 73.33333333333333vw;
  margin-left: auto;
  margin-right: 0;
  margin-top: 11.866666666666667vw;
  margin-bottom: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .ill {
    width: 322.6666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .ill {
    margin-top: 52.21333333333333px;
    margin-bottom: 58.666666666666664px;
  }
}
.page-story .talk-conatiner .talk {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.page-story .talk-conatiner .talk:not(:first-child) {
  margin-top: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk:not(:first-child) {
    margin-top: 29.333333333333332px;
  }
}
.page-story .talk-conatiner .talk.text-one-line + .talk {
  margin-top: 5.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk.text-one-line + .talk {
    margin-top: 25.226666666666667px;
  }
}
.page-story .talk-conatiner .talk-icon {
  text-align: center;
  width: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-icon {
    width: 58.666666666666664px;
  }
}
.page-story .talk-conatiner .talk-icon span {
  display: block;
}
.page-story .talk-conatiner .talk-icon .icon {
  width: 100%;
}
.page-story .talk-conatiner .talk-icon .name {
  display: block;
  font-size: 3.2vw;
  width: 26.666666666666668vw;
  margin-top: 1.2vw;
  margin-left: -6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-icon .name {
    font-size: 1.408rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-icon .name {
    width: 117.33333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-icon .name {
    margin-top: 5.28px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-icon .name {
    margin-left: -29.333333333333332px;
  }
}
.page-story .talk-conatiner .talk-text {
  position: relative;
  font-size: 4vw;
  line-height: 1.866666666666667;
  letter-spacing: 0.02em;
  width: 76vw;
  border: solid #000;
  border-width: 0.533333333333333vw;
  border-radius: 6.666666666666667vw;
  padding-top: 4.133333333333333vw;
  padding-bottom: 4.133333333333333vw;
  padding-left: 6.133333333333333vw;
  padding-right: 6.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-text {
    font-size: 1.76rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-text {
    width: 334.4px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-text {
    border-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-text {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-text {
    padding-top: 18.186666666666667px;
    padding-bottom: 18.186666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-text {
    padding-left: 26.986666666666668px;
    padding-right: 26.986666666666668px;
  }
}
.page-story .talk-conatiner .talk-text .text-frame-out {
  display: inline-block;
  margin-right: -1em;
}
.page-story .talk-conatiner .talk-text strong {
  font-family: "Koburina Gothic W9 JIS2004", "KoburinaGoStdN-W9-Local", sans-serif;
}
.page-story .talk-conatiner .talk-text::before {
  position: absolute;
  top: -0.533333333333333vw;
  content: '';
  height: 5.466666666666667vw;
  width: 4vw;
  left: -2.666666666666667vw;
  background: url("/jinsei-sakaba/assets/img/story/talk-fukidashi-white.webp") right top;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-text::before {
    top: -2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-text::before {
    height: 24.053333333333335px;
    width: 17.6px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-text::before {
    left: -11.733333333333334px;
  }
}
.page-story .talk-conatiner .talk-oyaji .talk-icon {
  order: 2;
}
.page-story .talk-conatiner .talk-oyaji .talk-text {
  background: #d7c099;
  order: 1;
}
.page-story .talk-conatiner .talk-oyaji .talk-text::before {
  left: auto;
  right: -2.666666666666667vw;
  background: url("/jinsei-sakaba/assets/img/story/talk-fukidashi-brown.webp") right top;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner .talk-oyaji .talk-text::before {
    right: -11.733333333333334px;
  }
}
.page-story .talk-conatiner-1 {
  margin-top: 16vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner-1 {
    margin-top: 70.4px;
  }
}
.page-story .talk-conatiner-2,
.page-story .talk-conatiner-3 {
  margin-top: 24vw;
}
@media only screen and (min-width: 768px) {
  .page-story .talk-conatiner-2,
  .page-story .talk-conatiner-3 {
    margin-top: 105.6px;
  }
}
.page-story .check-container {
  margin-top: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-story .check-container {
    margin-top: 58.666666666666664px;
  }
}
.page-story .check-container .ill {
  width: 78.66666666666666vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .page-story .check-container .ill {
    width: 346.1333333333333px;
  }
}
.page-story .check-container .btn-check {
  margin-top: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .page-story .check-container .btn-check {
    margin-top: 28.16px;
  }
}
.page-story .ill-sake {
  width: 20.4vw;
  margin-left: 36.53333333333333vw;
  margin-top: 19.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-story .ill-sake {
    width: 89.76px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .ill-sake {
    margin-left: 160.74666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .ill-sake {
    margin-top: 86.82666666666667px;
  }
}
.page-story .section-other-story {
  margin-top: 17.2vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-other-story {
    margin-top: 75.68px;
  }
}
.page-story .section-other-story .section-inner {
  padding-top: 9.6vw;
  padding-bottom: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-other-story .section-inner {
    padding-top: 42.24px;
    padding-bottom: 46.93333333333334px;
  }
}
.page-story .section-other-story .section-heading {
  width: 65.06666666666666vw;
  margin-left: 17.466666666666665vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-other-story .section-heading {
    width: 286.29333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story .section-other-story .section-heading {
    margin-left: 76.85333333333334px;
  }
}
.page-story .section-other-story .story-slider {
  margin-top: 8vw;
}
@media only screen and (min-width: 768px) {
  .page-story .section-other-story .story-slider {
    margin-top: 35.2px;
  }
}
.page-story .btn-back {
  margin-top: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-story .btn-back {
    margin-top: 58.666666666666664px;
  }
}
.page-story01 .section-page-heading .section-heading {
  width: 81.86666666666666vw;
  margin-left: 9.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-story01 .section-page-heading .section-heading {
    width: 360.2133333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story01 .section-page-heading .section-heading {
    margin-left: 39.89333333333333px;
  }
}
.page-story01 .section-page-heading .ill-customer {
  width: 51.733333333333334vw;
  margin-left: 24.53333333333333vw;
  margin-top: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .page-story01 .section-page-heading .ill-customer {
    width: 227.62666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story01 .section-page-heading .ill-customer {
    margin-left: 107.94666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story01 .section-page-heading .ill-customer {
    margin-top: 10.56px;
  }
}
.page-story01 .talk-conatiner .talk:not(.talk-oyaji) .talk-icon .name {
  font-size: 3.066666666666666vw;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 768px) {
  .page-story01 .talk-conatiner .talk:not(.talk-oyaji) .talk-icon .name {
    font-size: 1.349333333333333rem;
  }
}
.page-story02 .section-page-heading .section-heading {
  width: 76.53333333333333vw;
  margin-left: 11.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story02 .section-page-heading .section-heading {
    width: 336.74666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story02 .section-page-heading .section-heading {
    margin-left: 51.626666666666665px;
  }
}
.page-story02 .section-page-heading .ill-customer {
  width: 49.06666666666666vw;
  margin-left: 25.466666666666665vw;
  margin-top: 3.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-story02 .section-page-heading .ill-customer {
    width: 215.89333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story02 .section-page-heading .ill-customer {
    margin-left: 112.05333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story02 .section-page-heading .ill-customer {
    margin-top: 13.493333333333334px;
  }
}
.page-story03 .section-page-heading .section-heading {
  width: 68vw;
  margin-left: 16vw;
}
@media only screen and (min-width: 768px) {
  .page-story03 .section-page-heading .section-heading {
    width: 299.2px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story03 .section-page-heading .section-heading {
    margin-left: 70.4px;
  }
}
.page-story03 .section-page-heading .ill-customer {
  width: 41.86666666666667vw;
  margin-left: 29.06666666666667vw;
  margin-top: 2.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story03 .section-page-heading .ill-customer {
    width: 184.21333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story03 .section-page-heading .ill-customer {
    margin-left: 127.89333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story03 .section-page-heading .ill-customer {
    margin-top: 11.146666666666667px;
  }
}
.page-story04 .section-page-heading .section-heading {
  width: 61.86666666666667vw;
  margin-left: 19.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-story04 .section-page-heading .section-heading {
    width: 272.2133333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story04 .section-page-heading .section-heading {
    margin-left: 83.89333333333333px;
  }
}
.page-story04 .section-page-heading .ill-customer {
  width: 49.06666666666666vw;
  margin-left: 25.466666666666665vw;
  margin-top: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .page-story04 .section-page-heading .ill-customer {
    width: 215.89333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story04 .section-page-heading .ill-customer {
    margin-left: 112.05333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story04 .section-page-heading .ill-customer {
    margin-top: 7.04px;
  }
}
.page-story05 .section-page-heading .section-heading {
  width: 91.46666666666667vw;
  margin-left: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story05 .section-page-heading .section-heading {
    width: 402.4533333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story05 .section-page-heading .section-heading {
    margin-left: 18.773333333333333px;
  }
}
.page-story05 .section-page-heading .ill-customer {
  width: 46.266666666666666vw;
  margin-left: 26.666666666666668vw;
  margin-top: 3.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-story05 .section-page-heading .ill-customer {
    width: 203.57333333333332px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story05 .section-page-heading .ill-customer {
    margin-left: 117.33333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story05 .section-page-heading .ill-customer {
    margin-top: 13.493333333333334px;
  }
}
.page-story06 .section-page-heading .section-heading {
  width: 80.53333333333333vw;
  margin-left: 9.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story06 .section-page-heading .section-heading {
    width: 354.3466666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story06 .section-page-heading .section-heading {
    margin-left: 42.82666666666667px;
  }
}
.page-story06 .section-page-heading .ill-customer {
  width: 75.73333333333333vw;
  margin-left: 12.8vw;
  margin-top: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .page-story06 .section-page-heading .ill-customer {
    width: 333.2266666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story06 .section-page-heading .ill-customer {
    margin-left: 56.32px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story06 .section-page-heading .ill-customer {
    margin-top: 7.04px;
  }
}
.page-story07 .section-page-heading .section-heading {
  width: 74.66666666666667vw;
  margin-left: 12.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-story07 .section-page-heading .section-heading {
    width: 328.53333333333336px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story07 .section-page-heading .section-heading {
    margin-left: 55.733333333333334px;
  }
}
.page-story07 .section-page-heading .ill-customer {
  width: 39.06666666666666vw;
  margin-left: 30.8vw;
  margin-top: 2.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story07 .section-page-heading .ill-customer {
    width: 171.89333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story07 .section-page-heading .ill-customer {
    margin-left: 135.52px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story07 .section-page-heading .ill-customer {
    margin-top: 12.906666666666666px;
  }
}
.page-story08 .section-page-heading .section-heading {
  width: 78.66666666666666vw;
  margin-left: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-story08 .section-page-heading .section-heading {
    width: 346.1333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story08 .section-page-heading .section-heading {
    margin-left: 46.93333333333334px;
  }
}
.page-story08 .section-page-heading .ill-customer {
  width: 52.53333333333333vw;
  margin-left: 24vw;
  margin-top: 2.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story08 .section-page-heading .ill-customer {
    width: 231.14666666666668px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story08 .section-page-heading .ill-customer {
    margin-left: 105.6px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story08 .section-page-heading .ill-customer {
    margin-top: 11.146666666666667px;
  }
}
.page-story08 .section-profile .section-heading .title {
  margin-bottom: 3.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-story08 .section-profile .section-heading .title {
    margin-bottom: 13.493333333333334px;
  }
}
.page-story08 .section-profile .section-heading .name {
  font-size: 3.866666666666667vw;
  translate: 0vw -1.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story08 .section-profile .section-heading .name {
    font-size: 1.701333333333333rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-story08 .section-profile .section-heading .name {
    translate: 0px -5.866666666666667px;
  }
}
.page-story09 .section-page-heading .section-heading {
  width: 68.4vw;
  margin-left: 15.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story09 .section-page-heading .section-heading {
    width: 300.96px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story09 .section-page-heading .section-heading {
    margin-left: 69.81333333333333px;
  }
}
.page-story09 .section-page-heading .ill-customer {
  width: 45.733333333333334vw;
  margin-left: 28.000000000000004vw;
  margin-top: 3.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-story09 .section-page-heading .ill-customer {
    width: 201.22666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story09 .section-page-heading .ill-customer {
    margin-left: 123.2px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story09 .section-page-heading .ill-customer {
    margin-top: 13.493333333333334px;
  }
}
.page-story10 .section-page-heading .section-heading {
  width: 65.60000000000001vw;
  margin-left: 17.2vw;
}
@media only screen and (min-width: 768px) {
  .page-story10 .section-page-heading .section-heading {
    width: 288.64px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story10 .section-page-heading .section-heading {
    margin-left: 75.68px;
  }
}
.page-story10 .section-page-heading .ill-customer {
  width: 41.333333333333336vw;
  margin-left: 29.333333333333332vw;
  margin-top: 4.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story10 .section-page-heading .ill-customer {
    width: 181.86666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story10 .section-page-heading .ill-customer {
    margin-left: 129.06666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story10 .section-page-heading .ill-customer {
    margin-top: 20.533333333333335px;
  }
}
.page-story10 .talk-conatiner .talk:not(.talk-oyaji) .talk-icon .name {
  font-size: 3.066666666666666vw;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 768px) {
  .page-story10 .talk-conatiner .talk:not(.talk-oyaji) .talk-icon .name {
    font-size: 1.349333333333333rem;
  }
}
.page-story11 .section-page-heading .section-heading {
  width: 71.86666666666667vw;
  margin-left: 14.133333333333335vw;
}
@media only screen and (min-width: 768px) {
  .page-story11 .section-page-heading .section-heading {
    width: 316.2133333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story11 .section-page-heading .section-heading {
    margin-left: 62.18666666666667px;
  }
}
.page-story11 .section-page-heading .ill-customer {
  width: 47.86666666666667vw;
  margin-left: 26.266666666666666vw;
  margin-top: 0.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story11 .section-page-heading .ill-customer {
    width: 210.61333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story11 .section-page-heading .ill-customer {
    margin-left: 115.57333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story11 .section-page-heading .ill-customer {
    margin-top: 2.933333333333334px;
  }
}
.page-story12 .section-page-heading .section-heading {
  width: 76.93333333333334vw;
  margin-left: 11.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .page-story12 .section-page-heading .section-heading {
    width: 338.50666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story12 .section-page-heading .section-heading {
    margin-left: 51.04px;
  }
}
.page-story12 .section-page-heading .ill-customer {
  width: 41.6vw;
  margin-left: 27.200000000000003vw;
  margin-top: 1.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story12 .section-page-heading .ill-customer {
    width: 183.04px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story12 .section-page-heading .ill-customer {
    margin-left: 119.68px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story12 .section-page-heading .ill-customer {
    margin-top: 8.213333333333333px;
  }
}
.page-story13 .section-page-heading .section-heading {
  width: 86.66666666666667vw;
  margin-left: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story13 .section-page-heading .section-heading {
    width: 381.3333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story13 .section-page-heading .section-heading {
    margin-left: 29.333333333333332px;
  }
}
.page-story13 .section-page-heading .ill-customer {
  width: 43.2vw;
  margin-left: 29.599999999999998vw;
  margin-top: 2.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-story13 .section-page-heading .ill-customer {
    width: 190.08px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story13 .section-page-heading .ill-customer {
    margin-left: 130.24px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story13 .section-page-heading .ill-customer {
    margin-top: 12.906666666666666px;
  }
}
.page-story14 .section-page-heading .section-heading {
  width: 89.86666666666666vw;
  margin-left: 5.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-story14 .section-page-heading .section-heading {
    width: 395.41333333333336px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story14 .section-page-heading .section-heading {
    margin-left: 22.293333333333333px;
  }
}
.page-story14 .section-page-heading .ill-customer {
  width: 48.93333333333334vw;
  margin-left: 25.6vw;
  margin-top: 0.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story14 .section-page-heading .ill-customer {
    width: 215.30666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story14 .section-page-heading .ill-customer {
    margin-left: 112.64px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story14 .section-page-heading .ill-customer {
    margin-top: 2.933333333333334px;
  }
}
.page-story15 .section-page-heading .section-heading {
  width: 90.66666666666666vw;
  margin-left: 4.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story15 .section-page-heading .section-heading {
    width: 398.93333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story15 .section-page-heading .section-heading {
    margin-left: 20.533333333333335px;
  }
}
.page-story15 .section-page-heading .ill-customer {
  width: 48.93333333333334vw;
  margin-left: 28.26666666666667vw;
  margin-top: 1.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-story15 .section-page-heading .ill-customer {
    width: 215.30666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story15 .section-page-heading .ill-customer {
    margin-left: 124.37333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-story15 .section-page-heading .ill-customer {
    margin-top: 8.213333333333333px;
  }
}
.modal-check {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: auto;
  pointer-events: none;
  height: 100%;
  width: 100%;
  transition: opacity 0.5s, visibility 0.5s;
  visibility: hidden;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
}
.is-modal-opened.modal-check {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.modal-check .modal-overlay {
  background: rgba(0,0,0,0.2);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.modal-check .modal-inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  width: calc(100vw - var(--scrollBarWidth));
}
.modal-check .modal-contents {
  position: relative;
}
.modal-check .modal-contents {
  padding-top: 10.533333333333333vw;
  padding-bottom: 10.8vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .modal-contents {
    padding-top: 46.346666666666664px;
    padding-bottom: 47.52px;
  }
}
.modal-check .btn-close {
  margin-top: 3.6vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .btn-close {
    margin-top: 15.84px;
  }
}
.modal-check .check-contents {
  position: relative;
  width: 88vw;
  min-height: 167.73333333333335vw;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 18.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents {
    width: 387.2px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents {
    min-height: 738.0266666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents {
    padding-bottom: 80.37333333333333px;
  }
}
.modal-check .check-contents .bg {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.modal-check .check-contents .bg .bg-top {
  height: 109.33333333333333vw;
  background: url("/jinsei-sakaba/assets/img/story/modal-check-bg-top.webp") left top no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .bg .bg-top {
    height: 481.06666666666666px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-check .check-contents .bg .bg-top {
    background: url("/jinsei-sakaba/assets/img/story/modal-check-bg-top@2x.webp") left top no-repeat;
    background-size: 100%;
  }
}
.modal-check .check-contents .bg .bg-repeat {
  flex: 1;
  margin-top: -1.333333333333333vw;
  margin-bottom: -1.333333333333333vw;
  background: url("/jinsei-sakaba/assets/img/story/modal-check-bg-repeat.webp") left top repeat-y;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .bg .bg-repeat {
    margin-top: -5.866666666666667px;
    margin-bottom: -5.866666666666667px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-check .check-contents .bg .bg-repeat {
    background: url("/jinsei-sakaba/assets/img/story/modal-check-bg-repeat@2x.webp") left top repeat-y;
    background-size: 100%;
  }
}
.modal-check .check-contents .bg .bg-bottom {
  margin-bottom: 0;
  margin-top: auto;
  height: 58.4vw;
  background: url("/jinsei-sakaba/assets/img/story/modal-check-bg-bottom.webp") left bottom no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .bg .bg-bottom {
    height: 256.96px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-check .check-contents .bg .bg-bottom {
    background: url("/jinsei-sakaba/assets/img/story/modal-check-bg-bottom@2x.webp") left bottom no-repeat;
    background-size: 100%;
  }
}
.modal-check .check-contents .receipt {
  position: relative;
  width: 74.66666666666667vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 22.400000000000002vw;
  padding-left: 7.333333333333333vw;
  padding-right: 7.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt {
    width: 328.53333333333336px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt {
    padding-top: 98.56px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt {
    padding-left: 32.266666666666666px;
    padding-right: 32.266666666666666px;
  }
}
.modal-check .check-contents .receipt .logo {
  width: 57.599999999999994vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .logo {
    width: 253.44px;
  }
}
.modal-check .check-contents .receipt .receipt-title {
  margin-top: 4vw;
  padding-top: 0.266666666666667vw;
  padding-bottom: 0.266666666666667vw;
  font-size: 5.333333333333334vw;
  border: solid #000;
  text-align: center;
  border-width: 0.266666666666667vw;
  font-family: "Koburina Gothic W3 JIS2004", "KoburinaGoStdN-W3-Local", sans-serif;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .receipt-title {
    margin-top: 17.6px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .receipt-title {
    padding-top: 1.173333333333333px;
    padding-bottom: 1.173333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .receipt-title {
    font-size: 2.346666666666667rem;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .receipt-title {
    border-width: 1.173333333333333px;
  }
}
.modal-check .check-contents .receipt .receipt-title span {
  display: block;
  transform: scaleX(0.8);
}
.modal-check .check-contents .receipt ul {
  margin-top: 4.533333333333333vw;
  margin-bottom: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt ul {
    margin-top: 19.946666666666665px;
    margin-bottom: 18.773333333333333px;
  }
}
.modal-check .check-contents .receipt ul li {
  font-size: 2.933333333333333vw;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt ul li {
    font-size: 1.290666666666667rem;
  }
}
.modal-check .check-contents .receipt ul li:not(:first-child) {
  margin-top: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt ul li:not(:first-child) {
    margin-top: 9.386666666666667px;
  }
}
.modal-check .check-contents .receipt ul li .item {
  width: 30.133333333333333vw;
  margin-left: -2.133333333333333vw;
  font-family: "Koburina Gothic W3 JIS2004", "KoburinaGoStdN-W3-Local", sans-serif;
  transform: scaleX(0.9);
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt ul li .item {
    width: 132.58666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt ul li .item {
    margin-left: -9.386666666666667px;
  }
}
.modal-check .check-contents .receipt ul li .num {
  font-family: "Koburina Gothic W3 JIS2004", "KoburinaGoStdN-W3-Local", sans-serif;
  transform: scaleX(0.9);
}
.modal-check .check-contents .receipt ul li .num span {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.modal-check .check-contents .receipt ul li .price {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  margin-right: 0;
  margin-left: auto;
  margin-top: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt ul li .price {
    margin-top: 1.173333333333333px;
  }
}
.modal-check .check-contents .receipt ul li.item-system .item {
  font-family: "Koburina Gothic W9 JIS2004", "KoburinaGoStdN-W9-Local", sans-serif;
}
.modal-check .check-contents .receipt ul li.item-system .num {
  font-family: "Koburina Gothic W6 JIS2004", "KoburinaGoStdN-W6-Local", sans-serif;
}
.modal-check .check-contents .receipt ul li.item-system .num span {
  font-weight: bold;
}
.modal-check .check-contents .receipt ul li.item-system .price {
  font-weight: bold;
}
.modal-check .check-contents .receipt .line-dotted {
  background-image: repeating-linear-gradient(90deg, #000, #000 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #000, #000 6px, transparent 6px, transparent 10px), repeating-linear-gradient(90deg, #000, #000 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #000, #000 6px, transparent 6px, transparent 10px);
  background-position: left top, right top, left bottom, left top;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
  background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
  margin-left: -4px;
  width: 60.8vw;
  height: 2px;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .line-dotted {
    width: 267.52px;
  }
}
.modal-check .check-contents .receipt .line-asterisk {
  font-family: "Koburina Gothic W3 JIS2004", "KoburinaGoStdN-W3-Local", sans-serif;
  font-size: 3.466666666666666vw;
  letter-spacing: -0.021em;
  margin-left: -5px;
  margin-right: -1em;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .line-asterisk {
    font-size: 1.525333333333333rem;
  }
}
.modal-check .check-contents .receipt .line-asterisk-2 {
  margin-top: 4.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .line-asterisk-2 {
    margin-top: 18.186666666666667px;
  }
}
.modal-check .check-contents .receipt .line-dotted-2 {
  margin-top: 6.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .line-dotted-2 {
    margin-top: 26.986666666666668px;
  }
}
.modal-check .check-contents .receipt .comment {
  margin-top: 4.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment {
    margin-top: 21.706666666666667px;
  }
}
.modal-check .check-contents .receipt .comment .comment-title {
  display: flex;
  justify-content: space-between;
  position: relative;
  text-align: center;
  min-height: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-title {
    min-height: 14.08px;
  }
}
.modal-check .check-contents .receipt .comment .comment-title::before,
.modal-check .check-contents .receipt .comment .comment-title::after {
  content: '';
  height: 100%;
  position: absolute;
  top: 0.8vw;
  background: url("/jinsei-sakaba/assets/img/story/modal-check-bg-dots.webp") left top repeat-x;
  background-size: 4.266666666666667vw auto;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-title::before,
  .modal-check .check-contents .receipt .comment .comment-title::after {
    top: 3.52px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-title::before,
  .modal-check .check-contents .receipt .comment .comment-title::after {
    background-size: 18.773333333333333px auto;
  }
}
.modal-check .check-contents .receipt .comment .comment-title::before {
  left: 0;
}
.modal-check .check-contents .receipt .comment .comment-title::after {
  right: 0;
  transform: scale(-1, 1);
}
.modal-check .check-contents .receipt .comment .comment-title .item-text {
  position: relative;
  z-index: 1;
  font-size: 4.533333333333333vw;
  background: #f7f6ec;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-title .item-text {
    font-size: 1.994666666666667rem;
  }
}
.modal-check .check-contents .receipt .comment .comment-title .item-text span {
  transform: scaleX(0.8);
}
.modal-check .check-contents .receipt .comment .comment-title .item-line {
  display: flex;
  position: relative;
  width: 11.733333333333333vw;
  margin-top: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-title .item-line {
    width: 51.626666666666665px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-title .item-line {
    margin-top: 3.52px;
  }
}
.modal-check .check-contents .receipt .comment .comment-title .item-line span {
  height: 3.2vw;
  width: 3.2vw;
  background: #000;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-title .item-line span {
    height: 14.08px;
    width: 14.08px;
  }
}
.modal-check .check-contents .receipt .comment .comment-title .item-line span::before,
.modal-check .check-contents .receipt .comment .comment-title .item-line span::after {
  position: absolute;
  top: 0;
  content: '';
  display: block;
  height: 3.2vw;
  width: 3.2vw;
  background: #000;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-title .item-line span::before,
  .modal-check .check-contents .receipt .comment .comment-title .item-line span::after {
    height: 14.08px;
    width: 14.08px;
  }
}
.modal-check .check-contents .receipt .comment .comment-title .item-line span::before {
  left: 4.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-title .item-line span::before {
    left: 18.773333333333333px;
  }
}
.modal-check .check-contents .receipt .comment .comment-title .item-line span::after {
  right: 0;
}
.modal-check .check-contents .receipt .comment .comment-text {
  text-align: justify;
  font-size: 3.733333333333334vw;
  line-height: 1.714285714285714;
  letter-spacing: 0.046em;
  transform: scaleX(0.9);
  width: 66.66666666666666vw;
  margin-top: 3.2vw;
  margin-left: -3.333333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-text {
    font-size: 1.642666666666666rem;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-text {
    width: 293.3333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-text {
    margin-top: 14.08px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .comment .comment-text {
    margin-left: -14.666666666666666px;
  }
}
.modal-check .check-contents .receipt .text-end {
  font-family: "Koburina Gothic W3 JIS2004", "KoburinaGoStdN-W3-Local", sans-serif;
  font-size: 6.133333333333333vw;
  line-height: 1.260869565217391;
  letter-spacing: -0.025em;
  text-align: center;
  transform: scaleX(0.8);
  margin-top: 4.8vw;
  margin-left: -4.933333333333334vw;
  width: 120%;
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .text-end {
    font-size: 2.698666666666667rem;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .text-end {
    margin-top: 21.12px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-check .check-contents .receipt .text-end {
    margin-left: -21.706666666666667px;
  }
}
.modal-check.modal-check-01 .check-contents .receipt .comment .comment-title::before,
.modal-check.modal-check-01 .check-contents .receipt .comment .comment-title::after {
  width: 8.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-check.modal-check-01 .check-contents .receipt .comment .comment-title::before,
  .modal-check.modal-check-01 .check-contents .receipt .comment .comment-title::after {
    width: 37.54666666666667px;
  }
}
.modal-check.modal-check-02 .check-contents .receipt .comment .comment-title::before,
.modal-check.modal-check-03 .check-contents .receipt .comment .comment-title::before,
.modal-check.modal-check-06 .check-contents .receipt .comment .comment-title::before,
.modal-check.modal-check-09 .check-contents .receipt .comment .comment-title::before,
.modal-check.modal-check-10 .check-contents .receipt .comment .comment-title::before,
.modal-check.modal-check-02 .check-contents .receipt .comment .comment-title::after,
.modal-check.modal-check-03 .check-contents .receipt .comment .comment-title::after,
.modal-check.modal-check-06 .check-contents .receipt .comment .comment-title::after,
.modal-check.modal-check-09 .check-contents .receipt .comment .comment-title::after,
.modal-check.modal-check-10 .check-contents .receipt .comment .comment-title::after {
  width: 16.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-check.modal-check-02 .check-contents .receipt .comment .comment-title::before,
  .modal-check.modal-check-03 .check-contents .receipt .comment .comment-title::before,
  .modal-check.modal-check-06 .check-contents .receipt .comment .comment-title::before,
  .modal-check.modal-check-09 .check-contents .receipt .comment .comment-title::before,
  .modal-check.modal-check-10 .check-contents .receipt .comment .comment-title::before,
  .modal-check.modal-check-02 .check-contents .receipt .comment .comment-title::after,
  .modal-check.modal-check-03 .check-contents .receipt .comment .comment-title::after,
  .modal-check.modal-check-06 .check-contents .receipt .comment .comment-title::after,
  .modal-check.modal-check-09 .check-contents .receipt .comment .comment-title::after,
  .modal-check.modal-check-10 .check-contents .receipt .comment .comment-title::after {
    width: 72.74666666666667px;
  }
}
.modal-check.modal-check-07 .check-contents .receipt .comment .comment-title::before,
.modal-check.modal-check-07 .check-contents .receipt .comment .comment-title::after {
  width: 12.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-check.modal-check-07 .check-contents .receipt .comment .comment-title::before,
  .modal-check.modal-check-07 .check-contents .receipt .comment .comment-title::after {
    width: 55.14666666666667px;
  }
}
.page-storylist .main {
  padding-top: 28.53333333333333vw;
  padding-bottom: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .main {
    padding-top: 125.54666666666667px;
    padding-bottom: 58.666666666666664px;
  }
}
.page-storylist .page-heading {
  width: 67.33333333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .page-storylist .page-heading {
    width: 296.26666666666665px;
  }
}
.page-storylist .story-list {
  border-top: solid #000;
  position: relative;
  border-top-width: 0.533333333333333vw;
  margin-top: 9.2vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list {
    border-top-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list {
    margin-top: 40.48px;
  }
}
.page-storylist .story-list::before,
.page-storylist .story-list::after {
  position: absolute;
  top: 0;
  content: '';
  width: 0.533333333333333vw;
  background: #000;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list::before,
  .page-storylist .story-list::after {
    width: 2.346666666666667px;
  }
}
.page-storylist .story-list::before {
  left: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list::before {
    left: 10.56px;
  }
}
.page-storylist .story-list::after {
  right: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list::after {
    right: 10.56px;
  }
}
.page-storylist .story-list .item {
  padding-top: 10.666666666666668vw;
  padding-bottom: 10.666666666666668vw;
  border-bottom: solid #000;
  border-bottom-width: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item {
    padding-top: 46.93333333333334px;
    padding-bottom: 46.93333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item {
    border-bottom-width: 2.346666666666667px;
  }
}
.page-storylist .story-list .item .item-inner {
  width: 69.33333333333334vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .item-inner {
    width: 305.06666666666666px;
  }
}
.page-storylist .story-list .item .ill-container {
  position: relative;
}
.page-storylist .story-list .item .ill-container .ill-contents {
  background: #f7f6ec;
  position: relative;
}
.page-storylist .story-list .item .ill-container .ill-contents::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 0.8vw;
  border: solid #000;
  border-width: 1.066666666666667vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .ill-container .ill-contents::after {
    border-radius: 3.52px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .ill-container .ill-contents::after {
    border-width: 4.693333333333333px;
  }
}
.page-storylist .story-list .item .ill {
  margin-top: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .ill {
    margin-top: 29.333333333333332px;
  }
}
.page-storylist .story-list .item .customer {
  align-items: center;
  display: flex;
  padding-bottom: 1.2vw;
  height: 10.933333333333334vw;
  padding-left: 2.933333333333333vw;
  padding-right: 2.933333333333333vw;
  border-top: solid #000;
  border-top-width: 1.066666666666667vw;
  font-size: 4vw;
  letter-spacing: 0.02em;
  background: #f7f6ec;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer {
    padding-bottom: 5.28px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer {
    height: 48.10666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer {
    padding-left: 12.906666666666666px;
    padding-right: 12.906666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer {
    border-top-width: 4.693333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer {
    font-size: 1.76rem;
  }
}
.page-storylist .story-list .item .customer .label {
  height: 5.333333333333334vw;
  width: 14.133333333333335vw;
  border-radius: 0.533333333333333vw;
  margin-right: 2vw;
  padding-left: 0.533333333333333vw;
  font-size: 2.933333333333333vw;
  background: #000;
  color: #f7f6ec;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer .label {
    height: 23.46666666666667px;
    width: 62.18666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer .label {
    border-radius: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer .label {
    margin-right: 8.8px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer .label {
    padding-left: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer .label {
    font-size: 1.290666666666667rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .customer .label {
    padding-top: 2px;
    padding-left: 1px;
  }
}
.page-storylist .story-list .item .btn-talk {
  margin-top: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item .btn-talk {
    margin-top: 29.333333333333332px;
  }
}
.page-storylist .story-list .item-story01 .heading {
  width: 73.86666666666667vw;
  margin-left: -2.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story01 .heading {
    width: 325.0133333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story01 .heading {
    margin-left: -9.973333333333333px;
  }
}
.page-storylist .story-list .item-story02 .heading {
  width: 69.6vw;
  margin-left: -0.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story02 .heading {
    width: 306.24px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story02 .heading {
    margin-left: -0.586666666666667px;
  }
}
.page-storylist .story-list .item-story03 .heading {
  width: 61.46666666666667vw;
  margin-left: 4vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story03 .heading {
    width: 270.4533333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story03 .heading {
    margin-left: 17.6px;
  }
}
.page-storylist .story-list .item-story04 .heading {
  width: 57.06666666666666vw;
  margin-left: 6.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story04 .heading {
    width: 251.09333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story04 .heading {
    margin-left: 26.986666666666668px;
  }
}
.page-storylist .story-list .item-story05 .heading {
  width: 82.66666666666667vw;
  margin-left: -6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story05 .heading {
    width: 363.73333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story05 .heading {
    margin-left: -29.333333333333332px;
  }
}
.page-storylist .story-list .item-story05 .customer {
  font-size: 3.733333333333334vw;
  line-height: 1.178571428571429;
  padding-right: 0vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story05 .customer {
    font-size: 1.642666666666666rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story05 .customer {
    padding-right: 0px;
  }
}
.page-storylist .story-list .item-story06 .heading {
  width: 73.06666666666666vw;
  margin-left: -1.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story06 .heading {
    width: 321.49333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story06 .heading {
    margin-left: -8.213333333333333px;
  }
}
.page-storylist .story-list .item-story07 .heading {
  width: 69.06666666666666vw;
  margin-left: 0.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story07 .heading {
    width: 303.8933333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story07 .heading {
    margin-left: 0.586666666666667px;
  }
}
.page-storylist .story-list .item-story08 .heading {
  width: 71.2vw;
  margin-left: -0.933333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story08 .heading {
    width: 313.28000000000003px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story08 .heading {
    margin-left: -4.106666666666666px;
  }
}
.page-storylist .story-list .item-story08 .customer {
  height: 13.600000000000001vw;
  margin-top: -2.666666666666667vw;
  font-size: 3.733333333333334vw;
  line-height: 1.178571428571429;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story08 .customer {
    height: 59.84px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story08 .customer {
    margin-top: -11.733333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story08 .customer {
    font-size: 1.642666666666666rem;
  }
}
.page-storylist .story-list .item-story09 .heading {
  width: 62.4vw;
  margin-left: 3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story09 .heading {
    width: 274.56px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story09 .heading {
    margin-left: 15.253333333333334px;
  }
}
.page-storylist .story-list .item-story10 .heading {
  width: 59.46666666666667vw;
  margin-left: 4.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story10 .heading {
    width: 261.6533333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story10 .heading {
    margin-left: 21.706666666666667px;
  }
}
.page-storylist .story-list .item-story11 .heading {
  width: 64.93333333333334vw;
  margin-left: 2.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story11 .heading {
    width: 285.70666666666665px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story11 .heading {
    margin-left: 9.973333333333333px;
  }
}
.page-storylist .story-list .item-story12 .heading {
  width: 69.6vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story12 .heading {
    width: 306.24px;
  }
}
.page-storylist .story-list .item-story13 .heading {
  width: 78.4vw;
  margin-left: -4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story13 .heading {
    width: 344.96px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story13 .heading {
    margin-left: -19.946666666666665px;
  }
}
.page-storylist .story-list .item-story14 .heading {
  width: 81.6vw;
  margin-left: -6.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story14 .heading {
    width: 359.04px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story14 .heading {
    margin-left: -26.986666666666668px;
  }
}
.page-storylist .story-list .item-story15 .heading {
  width: 80.26666666666667vw;
  margin-left: -5.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story15 .heading {
    width: 353.17333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-storylist .story-list .item-story15 .heading {
    margin-left: -24.053333333333335px;
  }
}
.page-storylist .btn-back {
  margin-top: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .page-storylist .btn-back {
    margin-top: 46.93333333333334px;
  }
}
.page-tsubuyaki .main {
  padding-top: 28.53333333333333vw;
  padding-bottom: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .main {
    padding-top: 125.54666666666667px;
    padding-bottom: 58.666666666666664px;
  }
}
.page-tsubuyaki .page-heading {
  width: 89.33333333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .page-heading {
    width: 393.06666666666666px;
  }
}
.page-tsubuyaki .ill-container {
  position: relative;
  height: 46.400000000000006vw;
  margin-top: 10vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container {
    height: 204.16px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container {
    margin-top: 44px;
  }
}
.page-tsubuyaki .ill-container .ill {
  position: absolute;
  left: 50%;
}
.page-tsubuyaki .ill-container .ill-fukidashi-1 {
  width: 22.8vw;
  top: 2.666666666666667vw;
  margin-left: -38.666666666666664vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-1 {
    width: 100.32000000000001px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-1 {
    top: 11.733333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-1 {
    margin-left: -170.13333333333333px;
  }
}
.page-tsubuyaki .ill-container .ill-fukidashi-2 {
  width: 26.8vw;
  top: 0vw;
  margin-left: -8vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-2 {
    width: 117.92px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-2 {
    top: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-2 {
    margin-left: -35.2px;
  }
}
.page-tsubuyaki .ill-container .ill-fukidashi-3 {
  width: 24vw;
  top: 8vw;
  margin-left: -21.73333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-3 {
    width: 105.6px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-3 {
    top: 35.2px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-3 {
    margin-left: -95.62666666666667px;
  }
}
.page-tsubuyaki .ill-container .ill-fukidashi-4 {
  width: 22.666666666666664vw;
  top: 13.733333333333334vw;
  margin-left: 14.133333333333335vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-4 {
    width: 99.73333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-4 {
    top: 60.42666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-4 {
    margin-left: 62.18666666666667px;
  }
}
.page-tsubuyaki .ill-container .ill-fukidashi-5 {
  width: 12.533333333333333vw;
  top: 2vw;
  margin-left: 22.400000000000002vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-5 {
    width: 55.14666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-5 {
    top: 8.8px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-5 {
    margin-left: 98.56px;
  }
}
.page-tsubuyaki .ill-container .ill-fukidashi-6 {
  width: 12.533333333333333vw;
  top: 20.266666666666666vw;
  margin-left: -35.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-6 {
    width: 55.14666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-6 {
    top: 89.17333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-fukidashi-6 {
    margin-left: -156.05333333333334px;
  }
}
.page-tsubuyaki .ill-container .ill-mokomoko-1 {
  width: 9.6vw;
  bottom: 8.266666666666666vw;
  margin-left: -26.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-mokomoko-1 {
    width: 42.24px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-mokomoko-1 {
    bottom: 36.373333333333335px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-mokomoko-1 {
    margin-left: -115.57333333333334px;
  }
}
.page-tsubuyaki .ill-container .ill-mokomoko-2 {
  width: 6.533333333333332vw;
  bottom: 9.066666666666666vw;
  margin-left: 16.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-mokomoko-2 {
    width: 28.746666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-mokomoko-2 {
    bottom: 39.89333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-mokomoko-2 {
    margin-left: 71.57333333333334px;
  }
}
.page-tsubuyaki .ill-container .ill-sake {
  width: 25.6vw;
  bottom: 0vw;
  margin-left: -15.2vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-sake {
    width: 112.64px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-sake {
    bottom: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .ill-container .ill-sake {
    margin-left: -66.88px;
  }
}
.page-tsubuyaki .main-text {
  font-size: 4.266666666666667vw;
  line-height: 1.6875;
  margin-top: 4.266666666666667vw;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .main-text {
    font-size: 1.877333333333334rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .main-text {
    margin-top: 18.773333333333333px;
  }
}
.page-tsubuyaki .tsubuyaki-list {
  padding-left: 4vw;
  padding-right: 4vw;
  margin-top: 10.4vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-list {
    padding-left: 17.6px;
    padding-right: 17.6px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-list {
    margin-top: 45.76px;
  }
}
.page-tsubuyaki .tsubuyaki-list .ill-sake {
  width: 15.466666666666667vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.733333333333334vw;
  margin-bottom: 3.466666666666666vw;
  margin-left: 36vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-list .ill-sake {
    width: 68.05333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-list .ill-sake {
    margin-top: 16.426666666666666px;
    margin-bottom: 15.253333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-list .ill-sake {
    margin-left: 158.4px;
  }
}
.page-tsubuyaki .tsubuyaki-item {
  border: solid #000;
  position: relative;
  border-width: 1.066666666666667vw;
  border-radius: 6.666666666666667vw;
  padding-top: 7.466666666666668vw;
  padding-bottom: 4vw;
  padding-left: 5.600000000000001vw;
  padding-right: 5.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item {
    border-width: 4.693333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item {
    padding-top: 32.85333333333333px;
    padding-bottom: 17.6px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item {
    padding-left: 24.64px;
    padding-right: 24.64px;
  }
}
.page-tsubuyaki .tsubuyaki-item .badge-new {
  width: 10.666666666666668vw;
  position: absolute;
  right: 4.8vw;
  top: -2.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .badge-new {
    width: 46.93333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .badge-new {
    right: 21.12px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .badge-new {
    top: -11.146666666666667px;
  }
}
.page-tsubuyaki .tsubuyaki-item .penname-container {
  display: flex;
  position: relative;
  padding-bottom: 5.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .penname-container {
    padding-bottom: 24.64px;
  }
}
.page-tsubuyaki .tsubuyaki-item .penname-container::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  content: '';
  width: 100%;
  height: 0.533333333333333vw;
  border-radius: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .penname-container::after {
    height: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .penname-container::after {
    border-radius: 1.173333333333333px;
  }
}
.page-tsubuyaki .tsubuyaki-item .penname-container .heading {
  height: 5.333333333333334vw;
  width: 16vw;
  font-size: 2.666666666666667vw;
  background: #000;
  color: #fff;
  display: grid;
  flex-shrink: 0;
  align-content: center;
  justify-content: center;
  place-content: center;
  border-radius: 0.533333333333333vw;
  margin-top: 0.533333333333333vw;
  margin-left: -0.133333333333333vw;
  margin-right: 1.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .penname-container .heading {
    height: 23.46666666666667px;
    width: 70.4px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .penname-container .heading {
    font-size: 1.173333333333333rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .penname-container .heading {
    border-radius: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .penname-container .heading {
    margin-top: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .penname-container .heading {
    margin-left: -0.586666666666667px;
    margin-right: 8.213333333333333px;
  }
}
.page-tsubuyaki .tsubuyaki-item .penname-container .penname {
  font-size: 4.533333333333333vw;
  line-height: 1.352941176470588;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .penname-container .penname {
    font-size: 1.994666666666667rem;
  }
}
.page-tsubuyaki .tsubuyaki-item .text {
  font-size: 4vw;
  line-height: 1.666666666666667;
  letter-spacing: 0.03em;
  margin-top: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .text {
    font-size: 1.76rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .text {
    margin-top: 28.16px;
  }
}
.page-tsubuyaki .tsubuyaki-item .text .text-strong {
  text-shadow: #d7c099 0.533333333333333vw 0 0, #d7c099 0.516753333333333vw 0.1319488vw 0, #d7c099 0.468044vw 0.255693333333333vw 0, #d7c099 0.390234666666667vw 0.363541333333333vw 0, #d7c099 0.288161333333333vw 0.448784vw 0, #d7c099 0.168172vw 0.506125333333333vw 0, #d7c099 0.037726533333333vw 0.531997333333333vw 0, #d7c099 -0.095064533333333vw 0.524792vw 0, #d7c099 -0.221945333333333vw 0.484958666666667vw 0, #d7c099 -0.335025333333333vw 0.414972vw 0, #d7c099 -0.427276vw 0.319185333333333vw 0, #d7c099 -0.492961333333333vw 0.203552vw 0, #d7c099 -0.527996vw 0.075264vw 0, #d7c099 -0.530202666666667vw -0.057704133333333vw 0, #d7c099 -0.499444vw -0.187084vw 0, #d7c099 -0.437632vw -0.304833333333333vw 0, #d7c099 -0.348609333333333vw -0.403628vw 0, #d7c099 -0.237913333333333vw -0.477328vw 0, #d7c099 -0.1124244vw -0.521349333333333vw 0, #d7c099 0.020054533333333vw -0.532956vw 0, #d7c099 0.151286666666667vw -0.511426666666667vw 0, #d7c099 0.273112vw -0.458098666666667vw 0, #d7c099 0.377957333333333vw -0.376288vw 0, #d7c099 0.459302666666667vw -0.271082666666667vw 0, #d7c099 0.512090666666667vw -0.149021333333333vw 0, #d7c099 0.53304vw -0.0176956vw 0;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .text .text-strong {
    text-shadow: #d7c099 2.346666666666667px 0 0, #d7c099 2.273714666666667px 0.58057472px 0, #d7c099 2.0593936px 1.125050666666667px 0, #d7c099 1.717032533333333px 1.599581866666667px 0, #d7c099 1.267909866666667px 1.9746496px 0, #d7c099 0.7399568px 2.226951466666667px 0, #d7c099 0.165996746666667px 2.340788266666667px 0, #d7c099 -0.418283946666667px 2.3090848px 0, #d7c099 -0.976559466666667px 2.133818133333333px 0, #d7c099 -1.474111466666667px 1.8258768px 0, #d7c099 -1.8800144px 1.404415466666667px 0, #d7c099 -2.169029866666667px 0.8956288px 0, #d7c099 -2.3231824px 0.3311616px 0, #d7c099 -2.332891733333333px -0.253898186666667px 0, #d7c099 -2.1975536px -0.8231696px 0, #d7c099 -1.9255808px -1.341266666666667px 0, #d7c099 -1.533881066666667px -1.7759632px 0, #d7c099 -1.046818666666667px -2.1002432px 0, #d7c099 -0.49466736px -2.293937066666667px 0, #d7c099 0.088239946666667px -2.3450064px 0, #d7c099 0.665661333333333px -2.250277333333333px 0, #d7c099 1.2016928px -2.015634133333333px 0, #d7c099 1.663012266666667px -1.6556672px 0, #d7c099 2.020931733333333px -1.192763733333333px 0, #d7c099 2.253198933333333px -0.655693866666667px 0, #d7c099 2.345376px -0.07786064px 0;
  }
}
.page-tsubuyaki .tsubuyaki-item .oyaji-comment {
  border: solid #000;
  border-width: 0.533333333333333vw;
  border-radius: 5.333333333333334vw;
  background: #d7c099;
  margin-top: 6.4vw;
  padding-left: 6.133333333333333vw;
  padding-right: 6.133333333333333vw;
  padding-top: 4.8vw;
  padding-bottom: 9.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment {
    border-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment {
    border-radius: 23.46666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment {
    margin-top: 28.16px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment {
    padding-left: 26.986666666666668px;
    padding-right: 26.986666666666668px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment {
    padding-top: 21.12px;
    padding-bottom: 39.89333333333333px;
  }
}
.page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container {
  display: flex;
  position: relative;
}
.page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container::after {
  position: absolute;
  right: 0;
  content: '';
  bottom: 1.866666666666667vw;
  width: 49.333333333333336vw;
  background: #000;
  height: 0.533333333333333vw;
  border-radius: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container::after {
    bottom: 8.213333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container::after {
    width: 217.06666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container::after {
    height: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container::after {
    border-radius: 1.173333333333333px;
  }
}
.page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container .icon {
  width: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container .icon {
    width: 58.666666666666664px;
  }
}
.page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container .heading {
  margin-top: 2.666666666666667vw;
  margin-left: 3.466666666666666vw;
  width: 30.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container .heading {
    margin-top: 11.733333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container .heading {
    margin-left: 15.253333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .heading-container .heading {
    width: 132.58666666666667px;
  }
}
.page-tsubuyaki .tsubuyaki-item .oyaji-comment .comment {
  margin-top: 3.733333333333334vw;
  font-size: 4vw;
  line-height: 1.666666666666667;
  letter-spacing: 0.03em;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .comment {
    margin-top: 16.426666666666666px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .oyaji-comment .comment {
    font-size: 1.76rem;
  }
}
.page-tsubuyaki .tsubuyaki-item .num {
  width: 22.933333333333334vw;
  margin-top: 4.266666666666667vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .num {
    width: 100.90666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .tsubuyaki-item .num {
    margin-top: 18.773333333333333px;
  }
}
.page-tsubuyaki .annotation {
  margin-top: 6.4vw;
  font-size: 3.2vw;
  line-height: 1.916666666666667;
  font-family: "Koburina Gothic W3 JIS2004", "KoburinaGoStdN-W3-Local", sans-serif;
  padding-left: 5.333333333333334vw;
  padding-right: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .annotation {
    margin-top: 28.16px;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .annotation {
    font-size: 1.408rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .annotation {
    padding-left: 23.46666666666667px;
    padding-right: 23.46666666666667px;
  }
}
.page-tsubuyaki .btn-back {
  margin-top: 9.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .page-tsubuyaki .btn-back {
    margin-top: 39.89333333333333px;
  }
}
.footer {
  padding-top: 12vw;
}
@media only screen and (min-width: 768px) {
  .footer {
    padding-top: 52.8px;
  }
}
.footer .logo {
  width: 66.53333333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .footer .logo {
    width: 292.74666666666667px;
  }
}
.footer .counter {
  margin-top: -8.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .footer .counter {
    margin-top: -38.13333333333333px;
  }
}
.header {
  position: fixed;
  top: 0;
  left: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 19.066666666666666vw;
  background: url("/jinsei-sakaba/assets/img/header/bg.webp") left top no-repeat;
  background-size: 100%;
  z-index: 8;
}
@media only screen and (min-width: 768px) {
  .header {
    height: 83.89333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .header {
    width: 440px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .header {
    background: url("/jinsei-sakaba/assets/img/header/bg@2x.webp") left top no-repeat;
    background-size: 100%;
  }
}
.header .logo {
  position: absolute;
  top: 0.8vw;
  left: 27.333333333333332vw;
  width: 45.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .header .logo {
    top: 3.52px;
  }
}
@media only screen and (min-width: 768px) {
  .header .logo {
    left: 120.26666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .header .logo {
    width: 200.05333333333334px;
  }
}
.header .logo a {
  display: block;
}
.header .menu-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 17.066666666666666vw;
  width: 17.066666666666666vw;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 3.333333333333333vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .header .menu-btn {
    height: 75.09333333333333px;
    width: 75.09333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-btn {
    padding-top: 14.666666666666666px;
  }
}
.is-menu-opened .header .menu-btn {
  padding-top: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .is-menu-opened .header .menu-btn {
    padding-top: 11.733333333333334px;
  }
}
.is-intro .header .menu-btn {
  pointer-events: none;
}
.header .menu-btn span {
  display: block;
}
.header .menu-btn .btn-icon {
  position: relative;
  height: 6.4vw;
  width: 6.4vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-icon {
    height: 28.16px;
    width: 28.16px;
  }
}
.header .menu-btn .btn-icon .btn-icon-line {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 1.333333333333333vw;
  width: 6.4vw;
  background: #000;
  border-radius: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-icon .btn-icon-line {
    height: 5.866666666666667px;
    width: 28.16px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-icon .btn-icon-line {
    border-radius: 1.173333333333333px;
  }
}
.header .menu-btn .btn-icon .btn-icon-line:nth-child(1) {
  margin-top: -3.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-icon .btn-icon-line:nth-child(1) {
    margin-top: -13.493333333333334px;
  }
}
.header .menu-btn .btn-icon .btn-icon-line:nth-child(2) {
  margin-top: -0.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-icon .btn-icon-line:nth-child(2) {
    margin-top: -2.933333333333334px;
  }
}
.header .menu-btn .btn-icon .btn-icon-line:nth-child(3) {
  margin-top: 1.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-icon .btn-icon-line:nth-child(3) {
    margin-top: 7.626666666666667px;
  }
}
.is-menu-opened .header .menu-btn .btn-icon .btn-icon-line {
  width: 7.466666666666668vw;
  margin-left: -0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .is-menu-opened .header .menu-btn .btn-icon .btn-icon-line {
    width: 32.85333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .is-menu-opened .header .menu-btn .btn-icon .btn-icon-line {
    margin-left: -2.346666666666667px;
  }
}
.is-menu-opened .header .menu-btn .btn-icon .btn-icon-line:nth-child(1) {
  margin-top: 0;
  transform: rotate(-45deg);
}
.is-menu-opened .header .menu-btn .btn-icon .btn-icon-line:nth-child(2) {
  background: transparent;
}
.is-menu-opened .header .menu-btn .btn-icon .btn-icon-line:nth-child(3) {
  margin-top: 0;
  transform: rotate(-135deg);
}
.header .menu-btn .btn-text {
  margin-top: 2vw;
  margin-left: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-text {
    margin-top: 8.8px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-text {
    margin-left: 1.173333333333333px;
  }
}
.is-menu-opened .header .menu-btn .btn-text {
  margin-top: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .is-menu-opened .header .menu-btn .btn-text {
    margin-top: 11.733333333333334px;
  }
}
.header .menu-btn .btn-text img {
  vertical-align: top;
}
.header .menu-btn .btn-text .text-menu {
  width: 8vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-text .text-menu {
    width: 35.2px;
  }
}
.header .menu-btn .btn-text .text-close {
  display: none;
  width: 9.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-btn .btn-text .text-close {
    width: 39.89333333333333px;
  }
}
.is-menu-opened .header .menu-btn .btn-text .text-menu {
  display: none;
}
.is-menu-opened .header .menu-btn .btn-text .text-close {
  display: block;
}
.header .menu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  overflow: auto;
  pointer-events: none;
  height: 100vh;
  width: 100%;
  transition: opacity 0.4s, visibility 0.4s;
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
  .header .menu {
    width: 440px;
  }
}
.is-menu-opened .header .menu {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.header .menu-overlay {
  background: rgba(0,0,0,0.2);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  height: 100vh;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .header .menu-overlay {
    width: 440px;
  }
}
.header .menu-inner {
  align-items: center;
  background: #f3f2e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding-bottom: 7.466666666666668vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-inner {
    padding-bottom: 32.85333333333333px;
  }
}
.header .menu-inner::before,
.header .menu-inner::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
}
.header .menu-inner::before {
  bottom: 0;
  height: 0.8vw;
  background: #000;
}
@media only screen and (min-width: 768px) {
  .header .menu-inner::before {
    height: 3.52px;
  }
}
.header .menu-inner::after {
  bottom: -11.200000000000001vw;
  height: 11.200000000000001vw;
  background: url("/jinsei-sakaba/assets/img/header/menu-shadow.webp") left top;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .header .menu-inner::after {
    bottom: -49.28px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-inner::after {
    height: 49.28px;
  }
}
.header .menu-logo-container {
  position: relative;
  height: 18.666666666666668vw;
  width: 92vw;
  border-bottom: solid #000;
  border-bottom-width: 0.8vw;
  padding-top: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-logo-container {
    height: 82.13333333333334px;
    width: 404.8px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-logo-container {
    border-bottom-width: 3.52px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-logo-container {
    padding-top: 3.52px;
  }
}
.header .menu-logo {
  width: 45.46666666666667vw;
  margin-left: 23.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-logo {
    width: 200.05333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-logo {
    margin-left: 102.66666666666667px;
  }
}
.header .menu-list-container {
  padding-top: 4vw;
  padding-bottom: 6.666666666666667vw;
  padding-left: 9.333333333333334vw;
  padding-right: 9.333333333333334vw;
  margin-top: 6.666666666666667vw;
  position: relative;
  width: 92vw;
  background: url("/jinsei-sakaba/assets/img/header/menu-bg.webp") left top repeat;
  background-size: 15.066666666666666vw 15.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container {
    padding-top: 17.6px;
    padding-bottom: 29.333333333333332px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container {
    padding-left: 41.06666666666667px;
    padding-right: 41.06666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container {
    margin-top: 29.333333333333332px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container {
    width: 404.8px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container {
    background-size: 66.29333333333334px 66.29333333333334px;
  }
}
.header .menu-list-container .menu-heading {
  margin-left: auto;
  margin-right: auto;
  width: 19.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-heading {
    width: 85.06666666666666px;
  }
}
.header .menu-list-container .menu-heading img {
  margin-left: 1.2vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-heading img {
    margin-left: 5.28px;
  }
}
.header .menu-list-container .menu-list {
  border-top: solid #000;
  border-top-width: 0.533333333333333vw;
  margin-top: 4.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list {
    border-top-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list {
    margin-top: 21.706666666666667px;
  }
}
.header .menu-list-container .menu-list li {
  border-bottom: solid #000;
  border-bottom-width: 0.533333333333333vw;
  height: 16vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li {
    border-bottom-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li {
    height: 70.4px;
  }
}
.header .menu-list-container .menu-list li a {
  align-items: center;
  display: flex;
  padding-left: 2.666666666666667vw;
  position: relative;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li a {
    padding-left: 11.733333333333334px;
  }
}
.header .menu-list-container .menu-list li a::before {
  position: absolute;
  top: 50%;
  right: 2.666666666666667vw;
  border-left: solid #000;
  border-left-width: 2.133333333333333vw;
  border-top: solid transparent;
  border-bottom: solid transparent;
  border-top-width: 1.333333333333333vw;
  border-bottom-width: 1.333333333333333vw;
  border-style: solid;
  content: '';
  margin-top: -1.333333333333333vw;
  height: 0;
  width: 0;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li a::before {
    right: 11.733333333333334px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li a::before {
    border-left-width: 9.386666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li a::before {
    border-top-width: 5.866666666666667px;
    border-bottom-width: 5.866666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li a::before {
    margin-top: -5.866666666666667px;
  }
}
.header .menu-list-container .menu-list li.menu-top a {
  padding-bottom: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-top a {
    padding-bottom: 7.04px;
  }
}
.header .menu-list-container .menu-list li.menu-top a .text {
  width: 12.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-top a .text {
    width: 53.38666666666667px;
  }
}
.header .menu-list-container .menu-list li.menu-story a {
  padding-bottom: 0.4vw;
  padding-left: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-story a {
    padding-bottom: 1.76px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-story a {
    padding-left: 10.56px;
  }
}
.header .menu-list-container .menu-list li.menu-story a .text {
  width: 39.6vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-story a .text {
    width: 174.24px;
  }
}
.header .menu-list-container .menu-list li.menu-storylist a {
  padding-bottom: 0.533333333333333vw;
  padding-left: 2.8vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-storylist a {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-storylist a {
    padding-left: 12.32px;
  }
}
.header .menu-list-container .menu-list li.menu-storylist a .text {
  width: 35.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-storylist a .text {
    width: 155.46666666666667px;
  }
}
.header .menu-list-container .menu-list li.menu-about a {
  padding-left: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-about a {
    padding-left: 10.56px;
  }
}
.header .menu-list-container .menu-list li.menu-about a .text {
  width: 26.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-about a .text {
    width: 117.33333333333333px;
  }
}
.header .menu-list-container .menu-list li.menu-restroom a {
  padding-top: 0.133333333333333vw;
  padding-left: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-restroom a {
    padding-top: 0.586666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-restroom a {
    padding-left: 11.733333333333334px;
  }
}
.header .menu-list-container .menu-list li.menu-restroom a .text {
  width: 27.200000000000003vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-restroom a .text {
    width: 119.68px;
  }
}
.header .menu-list-container .menu-list li.menu-tsubuyaki a {
  padding-top: 0.133333333333333vw;
  padding-left: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-tsubuyaki a {
    padding-top: 0.586666666666667px;
  }
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-tsubuyaki a {
    padding-left: 11.733333333333334px;
  }
}
.header .menu-list-container .menu-list li.menu-tsubuyaki a .text {
  width: 58.13333333333334vw;
}
@media only screen and (min-width: 768px) {
  .header .menu-list-container .menu-list li.menu-tsubuyaki a .text {
    width: 255.78666666666666px;
  }
}
.header .btn-form {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  margin-top: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-form {
    margin-top: 29.333333333333332px;
  }
}
.header .btn-form .btn-item {
  display: block;
  position: relative;
  height: 18.666666666666668vw;
  width: 73.33333333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-item {
    height: 82.13333333333334px;
    width: 322.6666666666667px;
  }
}
.header .btn-form .btn-contents,
.header .btn-form .btn-shadow {
  width: 100%;
  height: 16vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-contents,
  .header .btn-form .btn-shadow {
    height: 70.4px;
  }
}
.header .btn-form .btn-contents {
  border: 1px solid #000;
  position: relative;
  width: 100%;
  border-width: 0.8vw;
  border-radius: 6.666666666666667vw;
  padding-bottom: 0.533333333333333vw;
  align-items: center;
  background: #f7f6ec;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-contents {
    border-width: 3.52px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-contents {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-contents {
    padding-bottom: 2.346666666666667px;
  }
}
.header .btn-form .btn-text {
  width: 35.199999999999996vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-text {
    width: 154.88px;
  }
}
.header .btn-form .btn-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 6.666666666666667vw;
  background: url("/jinsei-sakaba/assets/img/pattern-dots.webp") left top repeat;
  background-size: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-shadow {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-shadow {
    background-size: 3.52px;
  }
}
.header .btn-form .btn-icon {
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
  position: absolute;
  right: 3.866666666666667vw;
  top: 4vw;
  height: 6.4vw;
  width: 6.4vw;
  border: solid #000;
  border-width: 0.533333333333333vw;
  background: #373737;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-icon {
    right: 17.013333333333332px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-icon {
    top: 17.6px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-icon {
    height: 28.16px;
    width: 28.16px;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-icon {
    border-width: 2.346666666666667px;
  }
}
.header .btn-form .btn-icon svg {
  fill: #f7f6ec;
  height: 2.133333333333333vw;
  width: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-form .btn-icon svg {
    height: 9.386666666666667px;
    width: 10.56px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .btn-form .btn-item .btn-contents {
    transition: 0.3s;
  }
  .header .btn-form .btn-item:hover .btn-contents {
    background: #ecead2;
  }
}
.pc-contents {
  background: #f7f6ec;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100vw - var(--scrollBarWidth));
}
@media only screen and (max-width: 767px) {
  .pc-contents {
    display: none;
  }
}
.pc-contents .pc-yane {
  position: absolute;
  top: 0;
  left: 0;
  height: 51px;
  width: 100%;
  text-align: center;
  background: url("/jinsei-sakaba/assets/img/pc/yane.webp") center top repeat-x;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .pc-contents .pc-yane {
    background: url("/jinsei-sakaba/assets/img/pc/yane@2x.webp") center top repeat-x;
    background-size: 442px;
  }
}
.pc-contents .pc-left-block,
.pc-contents .pc-right-block {
  position: absolute;
  top: 0;
  align-items: center;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: calc(50% - 230px);
}
.pc-contents .pc-left-block {
  container-name: pc-left-block;
  left: 0;
  padding-top: 16px;
  background: url("/jinsei-sakaba/assets/img/pc/bg-left.webp") left bottom no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .pc-contents .pc-left-block {
    background: url("/jinsei-sakaba/assets/img/pc/bg-left@2x.webp") left bottom no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  .pc-contents .pc-left-block {
    padding-left: 20px;
    padding-right: 35px;
  }
}
.pc-contents .pc-right-block {
  container-name: pc-right-block;
  padding-top: 27px;
  padding-left: 15px;
  right: 0;
}
.pc-contents .pc-right-block .pc-right-block-bg {
  position: absolute;
  top: 52px;
  left: 0;
  height: calc(100% - 52px);
  width: 100%;
  background: url("/jinsei-sakaba/assets/img/pc/bg-right.webp") left bottom no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .pc-contents .pc-right-block .pc-right-block-bg {
    background: url("/jinsei-sakaba/assets/img/pc/bg-right@2x.webp") left bottom no-repeat;
    background-size: cover;
  }
}
@media only screen and (max-width: 850px) {
  .pc-contents .pc-right-block {
    align-items: start;
    padding-left: 30px;
    padding-right: 20px;
  }
}
.pc-contents .pc-main-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f7f6ec;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 460px;
}
.pc-contents .pc-main-wrapper::before,
.pc-contents .pc-main-wrapper::after {
  position: absolute;
  top: 0;
  content: '';
  height: 100%;
  width: 50px;
  background: url("/jinsei-sakaba/assets/img/pc/main-contents-shadow.webp") left top repeat-y;
}
.pc-contents .pc-main-wrapper::before {
  left: -50px;
}
.pc-contents .pc-main-wrapper::after {
  right: -50px;
  transform: scale(-1, 1);
}
.pc-contents .pc-logo {
  margin-left: -3px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-logo {
    width: 67.23404255319149cqw;
  }
  .pc-contents .pc-logo img {
    margin-left: -0.638297872340425cqw;
    width: 100%;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-logo {
    height: 14.358974358974358vh;
    width: auto;
  }
  .pc-contents .pc-logo img {
    height: 100%;
    width: auto;
  }
}
.pc-contents .pc-menu {
  margin-top: 33px;
  padding-top: 18px;
  padding-bottom: 28px;
  padding-left: 20px;
  padding-right: 20px;
  width: 340px;
  background: url("/jinsei-sakaba/assets/img/pc/menu-bg.webp") left top repeat;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu {
    margin-top: 7.021276595744681cqw;
    padding-top: 3.829787234042553cqw;
    padding-bottom: 5.957446808510639cqw;
    padding-left: 6.382978723404255cqw;
    padding-right: 6.382978723404255cqw;
    width: 72.3404255319149cqw;
  }
  .pc-contents .pc-menu img {
    width: 100%;
  }
}
@container pc-left-block (max-width: 395px) {
  .pc-contents .pc-menu {
    width: 100%;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .pc-menu {
    margin-top: 13.750000000000002cqw;
    padding-top: 7.5cqw;
    padding-bottom: 11.666666666666666cqw;
    padding-left: 12.5cqw;
    padding-right: 12.5cqw;
    width: 100%;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu {
    margin-top: 4.230769230769231vh;
    padding-top: 2.307692307692308vh;
    padding-bottom: 3.589743589743589vh;
    padding-left: 3.846153846153846vh;
    padding-right: 3.846153846153846vh;
  }
}
.pc-contents .pc-menu .menu-heading {
  margin-left: auto;
  margin-right: auto;
  width: 77px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-heading {
    width: 16.382978723404253cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .pc-menu .menu-heading {
    width: 32.083333333333336cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-heading {
    height: 2.179487179487179vh;
    text-align: center;
    width: auto;
  }
  .pc-contents .pc-menu .menu-heading img {
    height: 100%;
    width: auto;
  }
}
.pc-contents .pc-menu .menu-list {
  border-top: 2px solid #000;
  margin-top: 17px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list {
    margin-top: 3.617021276595744cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .pc-menu .menu-list {
    margin-top: 7.083333333333333cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list {
    margin-top: 2.179487179487179vh;
  }
}
.is-intro .pc-contents .pc-menu .menu-list {
  pointer-events: none;
}
.pc-contents .pc-menu .menu-list li {
  border-bottom: 2px solid #000;
  height: 50px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li {
    height: 10.638297872340425cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .pc-menu .menu-list li {
    height: 20.833333333333336cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li {
    height: 6.41025641025641vh;
  }
}
.pc-contents .pc-menu .menu-list li .text {
  position: relative;
}
.pc-contents .pc-menu .menu-list li .text span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.pc-contents .pc-menu .menu-list li .text span.on {
  opacity: 0;
}
.pc-contents .pc-menu .menu-list li a {
  align-items: center;
  display: flex;
  padding-top: 2px;
  padding-left: 14px;
  position: relative;
  height: 100%;
  width: 100%;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li a {
    padding-top: 0.425531914893617cqw;
    padding-left: 2.978723404255319cqw;
  }
}
@container pc-left-block (max-width: 326px) {
  .pc-contents .pc-menu .menu-list li a {
    padding-top: 0.613496932515337cqw;
    padding-left: 4.294478527607362cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li a {
    padding-top: 0.256410256410256vh;
    padding-left: 1.794871794871795vh;
  }
}
.pc-contents .pc-menu .menu-list li a::before {
  position: absolute;
  top: 50%;
  right: 11px;
  border-top: 8px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-style: solid;
  content: '';
  margin-top: -4px;
  height: 0;
  width: 0;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li a::before {
    border-top-width: 1.702127659574468cqw;
    border-left-width: 1.063829787234043cqw;
    border-right-width: 1.063829787234043cqw;
    margin-top: -0.851063829787234cqw;
    right: 2.340425531914894cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .pc-menu .menu-list li a::before {
    border-top-width: 3.333333333333333cqw;
    border-left-width: 2.083333333333333cqw;
    border-right-width: 2.083333333333333cqw;
    margin-top: -1.666666666666667cqw;
    right: 4.583333333333333cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li a::before {
    border-top-width: 1.025641025641026vh;
    border-left-width: 0.641025641025641vh;
    border-right-width: 0.641025641025641vh;
    margin-top: -0.512820512820513vh;
    right: 1.41025641025641vh;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .pc-contents .pc-menu .menu-list li a::before {
    transition: 0.3s;
  }
  .pc-contents .pc-menu .menu-list li a .text span {
    transition: 0.3s;
  }
  .pc-contents .pc-menu .menu-list li a:hover::before {
    border-top-color: #c09d61;
  }
  .pc-contents .pc-menu .menu-list li a:hover .text span.on {
    opacity: 1;
  }
  .pc-contents .pc-menu .menu-list li a:hover .text span.off {
    opacity: 0;
  }
}
.pc-contents .pc-menu .menu-list li.menu-story a {
  padding-top: 2px;
  padding-left: 15px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li.menu-story a {
    padding-top: 0.425531914893617cqw;
    padding-left: 3.191489361702128cqw;
  }
}
@container pc-left-block (max-width: 326px) {
  .pc-contents .pc-menu .menu-list li.menu-story a {
    padding-top: 0.613496932515337cqw;
    padding-left: 4.601226993865031cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li.menu-story a {
    padding-top: 0.256410256410256vh;
    padding-left: 1.923076923076923vh;
  }
}
.pc-contents .pc-menu .menu-list li.menu-story a .text {
  height: 14px;
  width: 129px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li.menu-story a .text {
    height: 2.978723404255319cqw;
    width: 27.4468085106383cqw;
  }
}
@container pc-left-block (max-width: 326px) {
  .pc-contents .pc-menu .menu-list li.menu-story a .text {
    height: 4.294478527607362cqw;
    width: 39.57055214723926cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li.menu-story a .text {
    height: 1.794871794871795vh;
    width: 16.538461538461537vh;
  }
}
.pc-contents .pc-menu .menu-list li.menu-storylist a {
  padding-top: 0;
  padding-bottom: 2px;
  padding-left: 15px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li.menu-storylist a {
    padding-top: 0;
    padding-bottom: 0.425531914893617cqw;
    padding-left: 3.191489361702128cqw;
  }
}
@container pc-left-block (max-width: 326px) {
  .pc-contents .pc-menu .menu-list li.menu-storylist a {
    padding-top: 0;
    padding-bottom: 0.613496932515337cqw;
    padding-left: 4.601226993865031cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li.menu-storylist a {
    padding-top: 0;
    padding-bottom: 0.256410256410256vh;
    padding-left: 1.923076923076923vh;
  }
}
.pc-contents .pc-menu .menu-list li.menu-storylist a .text {
  height: 18px;
  width: 116px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li.menu-storylist a .text {
    height: 3.829787234042553cqw;
    width: 24.680851063829788cqw;
  }
}
@container pc-left-block (max-width: 326px) {
  .pc-contents .pc-menu .menu-list li.menu-storylist a .text {
    height: 5.521472392638037cqw;
    width: 35.58282208588957cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li.menu-storylist a .text {
    height: 2.307692307692308vh;
    width: 14.871794871794872vh;
  }
}
.pc-contents .pc-menu .menu-list li.menu-about a .text {
  height: 17px;
  width: 78px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li.menu-about a .text {
    height: 3.617021276595744cqw;
    width: 16.595744680851062cqw;
  }
}
@container pc-left-block (max-width: 326px) {
  .pc-contents .pc-menu .menu-list li.menu-about a .text {
    height: 5.214723926380368cqw;
    width: 23.92638036809816cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li.menu-about a .text {
    height: 2.179487179487179vh;
    width: 10vh;
  }
}
.pc-contents .pc-menu .menu-list li.menu-restroom a {
  padding-top: 0;
  padding-left: 15px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li.menu-restroom a {
    padding-left: 3.191489361702128cqw;
  }
}
@container pc-left-block (max-width:326px) {
  .pc-contents .pc-menu .menu-list li.menu-restroom a {
    padding-left: 4.601226993865031cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li.menu-restroom a {
    padding-left: 1.923076923076923vh;
  }
}
.pc-contents .pc-menu .menu-list li.menu-restroom a .text {
  height: 18px;
  width: 90px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li.menu-restroom a .text {
    height: 3.829787234042553cqw;
    width: 19.148936170212767cqw;
  }
}
@container pc-left-block (max-width:326px) {
  .pc-contents .pc-menu .menu-list li.menu-restroom a .text {
    height: 5.521472392638037cqw;
    width: 27.607361963190186cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li.menu-restroom a .text {
    height: 2.307692307692308vh;
    width: 11.538461538461538vh;
  }
}
.pc-contents .pc-menu .menu-list li.menu-tsubuyaki a {
  padding-top: 0;
  padding-bottom: 2px;
  padding-left: 15px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li.menu-tsubuyaki a {
    padding-top: 0;
    padding-bottom: 0.425531914893617cqw;
    padding-left: 3.191489361702128cqw;
  }
}
@container pc-left-block (max-width: 326px) {
  .pc-contents .pc-menu .menu-list li.menu-tsubuyaki a {
    padding-top: 0;
    padding-bottom: 0.613496932515337cqw;
    padding-left: 4.601226993865031cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li.menu-tsubuyaki a {
    padding-top: 0;
    padding-bottom: 0.256410256410256vh;
    padding-left: 1.923076923076923vh;
  }
}
.pc-contents .pc-menu .menu-list li.menu-tsubuyaki a .text {
  height: 19px;
  width: 190px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .pc-menu .menu-list li.menu-tsubuyaki a .text {
    height: 4.042553191489362cqw;
    width: 40.42553191489361cqw;
  }
}
@container pc-left-block (max-width: 326px) {
  .pc-contents .pc-menu .menu-list li.menu-tsubuyaki a .text {
    height: 5.828220858895705cqw;
    width: 58.282208588957054cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .pc-menu .menu-list li.menu-tsubuyaki a .text {
    height: 2.435897435897436vh;
    width: 24.358974358974358vh;
  }
}
.pc-contents .kakugen {
  position: relative;
}
@container pc-right-block (min-width: 470px) {
  .pc-contents .kakugen {
    width: 33.40425531914894cqw;
  }
  .pc-contents .kakugen img {
    width: 100%;
  }
}
.pc-contents .sns-links {
  position: absolute;
  bottom: 63px;
  right: 30px;
  display: flex;
  gap: 12px;
}
.pc-contents .sns-links a {
  background: #373737;
  border: 4px solid #000;
  border-radius: 50%;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  height: 50px;
  width: 50px;
}
.pc-contents .sns-links a .icon {
  display: block;
  fill: #fff;
}
.pc-contents .sns-links .link-x .icon {
  height: 20px;
  width: 20px;
}
.pc-contents .sns-links .link-fb .icon {
  height: 20px;
  width: 11px;
}
.pc-contents .btn-form {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .btn-form {
    margin-top: 4.25531914893617cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .btn-form {
    margin-top: 8.333333333333332cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .btn-form {
    margin-top: 2.564102564102564vh;
  }
}
.pc-contents .btn-form .btn-item {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 260px;
  position: relative;
  height: 66px;
  width: 100%;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .btn-form .btn-item {
    max-width: none;
    height: 14.042553191489363cqw;
    width: 55.319148936170215cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .btn-form .btn-item {
    height: 27.500000000000004cqw;
    width: 100%;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .btn-form .btn-item {
    height: 8.461538461538462vh;
    width: 33.33333333333333vh;
  }
}
.pc-contents .btn-form .btn-contents,
.pc-contents .btn-form .btn-shadow {
  height: 56px;
  width: 100%;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .btn-form .btn-contents,
  .pc-contents .btn-form .btn-shadow {
    height: 11.914893617021278cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .btn-form .btn-contents,
  .pc-contents .btn-form .btn-shadow {
    height: 23.333333333333332cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .btn-form .btn-contents,
  .pc-contents .btn-form .btn-shadow {
    height: 7.179487179487179vh;
  }
}
.pc-contents .btn-form .btn-contents {
  border: 1px solid #000;
  position: relative;
  width: 100%;
  border-width: 0.8vw;
  border-radius: 22px;
  padding-bottom: 0.533333333333333vw;
  align-items: center;
  background: #f7f6ec;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .pc-contents .btn-form .btn-contents {
    border-width: 3.52px;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .btn-form .btn-contents {
    padding-bottom: 2.346666666666667px;
  }
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .btn-form .btn-contents {
    border-radius: 4.680851063829787cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .btn-form .btn-contents {
    border-radius: 9.166666666666666cqw;
    justify-content: start;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .btn-form .btn-contents {
    border-radius: 2.820512820512821vh;
  }
}
.pc-contents .btn-form .btn-text {
  margin-left: -10px;
  height: 16px;
  width: 130px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .btn-form .btn-text {
    margin-left: -2.127659574468085cqw;
    height: 3.404255319148936cqw;
    width: 27.659574468085108cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .btn-form .btn-text {
    margin-left: 5px;
    height: 6.666666666666667cqw;
    width: 54.166666666666664cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .btn-form .btn-text {
    margin-left: -1.282051282051282vh;
    height: 2.051282051282051vh;
    width: 16.666666666666664vh;
  }
}
.pc-contents .btn-form .btn-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 22px;
  background: url("/jinsei-sakaba/assets/img/pattern-dots.webp") left top repeat;
  background-size: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .pc-contents .btn-form .btn-shadow {
    background-size: 3.52px;
  }
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .btn-form .btn-shadow {
    border-radius: 4.680851063829787cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .btn-form .btn-shadow {
    border-radius: 9.166666666666666cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .btn-form .btn-shadow {
    border-radius: 2.820512820512821vh;
  }
}
.pc-contents .btn-form .btn-icon {
  border: solid #000;
  display: grid;
  align-content: center;
  justify-content: center;
  place-content: center;
  position: absolute;
  right: 15px;
  height: 22px;
  width: 22px;
  top: 13px;
  border-width: 0.533333333333333vw;
  background: #373737;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .pc-contents .btn-form .btn-icon {
    border-width: 2.346666666666667px;
  }
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .btn-form .btn-icon {
    right: 3.191489361702128cqw;
    height: 4.680851063829787cqw;
    width: 4.680851063829787cqw;
    top: 2.76595744680851cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .btn-form .btn-icon {
    right: 6.25cqw;
    height: 9.166666666666666cqw;
    width: 9.166666666666666cqw;
    top: 5.416666666666667cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .btn-form .btn-icon {
    right: 1.923076923076923vh;
    height: 2.820512820512821vh;
    width: 2.820512820512821vh;
    top: 1.666666666666667vh;
  }
}
.pc-contents .btn-form .btn-icon svg {
  fill: #f7f6ec;
  height: 7px;
  width: 8px;
}
@container pc-left-block (min-width: 470px) {
  .pc-contents .btn-form .btn-icon svg {
    height: 1.48936170212766cqw;
    width: 1.702127659574468cqw;
  }
}
@container pc-left-block (max-width: 240px) {
  .pc-contents .btn-form .btn-icon svg {
    height: 2.916666666666667cqw;
    width: 3.333333333333333cqw;
  }
}
@media (min-aspect-ratio: 1400/780) {
  .pc-contents .btn-form .btn-icon svg {
    height: 0.897435897435897vh;
    width: 1.025641025641026vh;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .pc-contents .btn-form .btn-item .btn-contents {
    transition: 0.3s;
  }
  .pc-contents .btn-form .btn-item:hover .btn-contents {
    background: #ecead2;
  }
}