@charset "UTF-8";
/* ===================================================================
CSS information

file name  : copy.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-restaurant__inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-restaurant__inner {
    width: calc(1280 / 1440 * 100%);
    max-width: calc(1280px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-restaurant__inner {
    max-width: calc(1280px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-restaurant__inner {
    max-width: calc(1280px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-restaurant__inner {
    width: calc(1280 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurant__inner {
    width: calc(348 / 428 * 100%);
  }
}

.p-about > .inner, .p-about__intro, .p-food > .inner, .p-fore > .inner, .p-akira {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .p-about > .inner, .p-about__intro, .p-food > .inner, .p-fore > .inner, .p-akira {
    width: calc(1360 / 1440 * 100%);
    max-width: calc(1360px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-about > .inner, .p-about__intro, .p-food > .inner, .p-fore > .inner, .p-akira {
    max-width: calc(1360px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .p-about > .inner, .p-about__intro, .p-food > .inner, .p-fore > .inner, .p-akira {
    max-width: calc(1360px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about > .inner, .p-about__intro, .p-food > .inner, .p-fore > .inner, .p-akira {
    width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-about > .inner, .p-about__intro, .p-food > .inner, .p-fore > .inner, .p-akira {
    width: calc(383 / 428 * 100%);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeUp {
  0% {
    transform: translateY(-200%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.img img {
  width: 100%;
}

.c-intro {
  margin-top: 10rem;
}
.c-intro > .c-title {
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .c-intro > .c-title {
    letter-spacing: -0.01em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-intro {
    margin-top: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-intro {
    margin-top: 4.28rem;
  }
}

.p-about {
  position: relative;
  color: #fff;
}
@media only screen and (min-width: 1025px) {
  .p-about {
    margin-top: 8.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-about {
    margin-top: 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-about {
    padding-bottom: 11.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about {
    padding-bottom: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-about {
    padding-bottom: 5.71rem;
  }
}
.p-about::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18.35rem;
  width: 100%;
  height: calc(100% + 6rem);
  background: url(../images/story/bg_main.webp) center no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .p-about::before {
    top: 10rem;
    height: 100%;
  }
}
.p-about > * {
  position: relative;
  z-index: 1;
}
.p-about > .inner {
  max-width: 1100px;
  position: relative;
  z-index: 1;
  color: #fff;
}
@media only screen and (min-width: 1441px) {
  .p-about > .inner {
    max-width: calc(1100 / 1440 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-about > .inner > .c-title--bg {
    margin-bottom: 6.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about > .inner > .c-title--bg {
    margin-bottom: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-about > .inner > .c-title--bg {
    margin-bottom: 2.85rem;
  }
}
.p-about > .inner .c-swiper {
  margin-bottom: 2.14rem;
}
.p-about > .inner .c-pagination.swiper-pagination-bullets .swiper-pagination-bullet::before {
  border: 1px solid #fff;
}
.p-about > .inner .c-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background: #fff;
}
.p-about > .inner .c-btn-pause .o-icon {
  fill: #fff;
}
.p-about > .inner > .c-title--border {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (min-width: 1025px) {
  .p-about__list {
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about__list {
    margin-top: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__list {
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-about__list {
    margin-bottom: 6.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about__list {
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__list {
    margin-bottom: 3.57rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-about__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .p-about__list {
    padding: 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__list__item:first-child {
    margin-bottom: 2.85rem;
  }
}
.p-about__list__item__img {
  position: relative;
  padding-bottom: 1.85rem;
}
@media only screen and (min-width: 768px) {
  .p-about__list__item__img {
    margin-bottom: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__list__item__img {
    margin-bottom: 1.07rem;
  }
}
.p-about__list__item__img .txt_s12 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1025px) {
  .p-about__list__item__img .txt_s12 {
    font-size: 0.86rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about__list__item__img .txt_s12 {
    font-size: 0.86rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__list__item__img .txt_s12 {
    font-size: 0.79rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-about__list__item:first-child .c-txt {
    border-right: 1px solid var(--color-line);
    padding-right: 3.57rem;
  }
  .p-about__list__item:last-child .c-txt {
    padding-left: 3.57rem;
  }
}
.p-about__intro {
  position: relative;
  z-index: 1;
  max-width: calc(1360 / 1440 * 100%);
}
@media only screen and (min-width: 1025px) {
  .p-about__intro {
    margin-top: 6.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about__intro {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__intro {
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-about__intro {
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 1025px) {
  .p-about__intro .img {
    width: calc(780 / 1360 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about__intro .img {
    width: calc(700 / 1360 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-about__intro .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__intro .img {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about__intro .img img {
    height: 350px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 1025px) {
  .p-about__intro .c-txt {
    width: calc(500 / 1360 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about__intro .c-txt {
    width: calc(585 / 1360 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-about__intro .c-txt {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .p-about__gallery {
    margin-top: 5.71rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-about__gallery {
    margin-top: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__gallery {
    margin-top: 4.28rem;
  }
}
.p-about__gallery .c-txt {
  margin-top: 0.85rem;
  text-align: center !important;
}
.p-about__gallery .c-photo {
  margin-top: 2.5rem;
}
.p-about__gallery .c-photo__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-about__gallery .c-photo__photo_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
@media only screen and (min-width: 768px) {
  .p-about__gallery .c-photo__photo_2 {
    width: calc(220 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-about__gallery .c-photo__photo_2 {
    width: 33%;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__gallery .c-photo__photo_2.--movesp {
    order: 1;
  }
}
.p-about__gallery .c-photo__photo_2 .c-photo__single__1x1 {
  grid-column: span 2;
  grid-row: span 2;
}
.p-about__gallery .c-photo__photo_2 .c-photo__single__2x2 {
  grid-column: span 4;
  grid-row: span 3;
}
.p-about__gallery .c-photo__photo_3 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
@media only screen and (min-width: 768px) {
  .p-about__gallery .c-photo__photo_3 {
    width: calc(440 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-about__gallery .c-photo__photo_3 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-about__gallery .c-photo__photo_3 {
    order: 0;
  }
}
.p-about__gallery .c-photo__photo_3 .c-photo__single__1x1 {
  grid-column: span 2;
  grid-row: span 2;
}
.p-about__gallery .c-photo__photo_3 .c-photo__single__3x2 {
  grid-column: span 3;
  grid-row: span 3;
}
.p-about__gallery .c-photo__single a {
  transition: 0.5s;
  cursor: pointer;
  position: relative;
  display: block;
}
.p-about__gallery .c-photo__single a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/story/ic_open.svg) center no-repeat;
  background-size: contain;
  width: 39px;
  aspect-ratio: 1;
  opacity: 0;
  transition: 0.25s opacity ease;
  z-index: 2;
}
.p-about__gallery .c-photo__single a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  transition: 0.25s opacity ease;
}
.p-about__gallery .c-photo__single a:hover::before, .p-about__gallery .c-photo__single a:hover::after {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .p-about .c-txt {
    text-align: justify;
  }
}

.l-modal__photo__container, .l-modal__video__container {
  position: relative;
}
.l-modal__photo__container header, .l-modal__video__container header {
  position: absolute;
  content: "";
  width: fit-content;
  height: fit-content;
  right: 4.28rem;
}
@media only screen and (min-width: 1025px) {
  .l-modal__photo__container header, .l-modal__video__container header {
    top: 5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-modal__photo__container header, .l-modal__video__container header {
    top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-modal__photo__container header, .l-modal__video__container header {
    top: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .l-modal__photo__container header, .l-modal__video__container header {
    right: 4.28rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-modal__photo__container header, .l-modal__video__container header {
    right: 6.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-modal__photo__container header, .l-modal__video__container header {
    right: 4.28rem;
  }
}
.l-modal__photo .l-modal__content {
  max-width: 1100px;
  width: 90%;
  padding: 5rem 1.42rem 5rem;
  background: rgba(75, 75, 75, 0.95);
  margin-inline: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: fit-content;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-modal__photo .l-modal__content {
    padding-top: 5rem;
    padding-bottom: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-modal__photo .l-modal__content {
    padding-top: 5.71rem;
    top: 45%;
  }
}
.l-modal__photo .l-modal__content .l-modal-close {
  position: absolute;
  right: 7em;
  top: 3.21rem;
  transition: 0.3s;
  outline: 0;
  display: flex;
  width: 7rem;
  align-items: center;
  gap: 0.75em;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-modal__photo .l-modal__content .l-modal-close {
    right: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-modal__photo .l-modal__content .l-modal-close {
    top: 2rem;
    right: 2rem;
  }
}
.l-modal__photo .l-modal__content .l-modal-close .btn_close {
  position: relative;
  display: flex;
  color: #fff;
  font-family: 'Jomolhari';
  letter-spacing: 0.005em;
  font-weight: 400;
  font-size: 86%;
}
.l-modal__photo .l-modal__content .l-modal-close .ic_close {
  position: relative;
  display: block;
  width: 3rem;
  height: 1.5rem;
}
.l-modal__photo .l-modal__content .l-modal-close .ic_close:before, .l-modal__photo .l-modal__content .l-modal-close .ic_close:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 3rem;
  height: 1px;
  background-color: #fff;
}
.l-modal__photo .l-modal__content .l-modal-close .ic_close:before {
  transform: rotate(-15deg);
}
.l-modal__photo .l-modal__content .l-modal-close .ic_close:after {
  transform: rotate(15deg);
}
.l-modal__photo .l-modal__content .l-modal-close:hover {
  opacity: 0.8;
}
.l-modal__photo .l-modal__content img {
  margin-inline: auto;
  display: block;
}
@media only screen and (min-width: 1025px) {
  .l-modal__photo .l-modal__content img {
    width: calc(589 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-modal__photo .l-modal__content img {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .l-modal__photo .l-modal__content img {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .l-modal__photo .l-modal__content img {
    margin-top: 3.21rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-modal__photo .l-modal__content img {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-modal__photo .l-modal__content img {
    margin-top: 1.42rem;
  }
}
.l-modal__photo .l-modal__content .txt_img {
  margin-top: 3.21rem;
  margin-inline: auto;
}
@media only screen and (min-width: 1025px) {
  .l-modal__photo .l-modal__content .txt_img {
    width: calc(589 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l-modal__photo .l-modal__content .txt_img {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .l-modal__photo .l-modal__content .txt_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .l-modal__photo .l-modal__content .txt_img {
    text-align: justify;
  }
}

.p-food {
  position: relative;
  z-index: 2;
}
.p-food > .inner {
  background: #fff;
  max-width: 1360px;
}
@media only screen and (min-width: 1025px) {
  .p-food > .inner {
    padding-bottom: 6.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-food > .inner {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-food > .inner {
    padding-bottom: 4.28rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-food > .inner {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1441px) {
  .p-food > .inner {
    max-width: calc(1360 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-food__single {
    margin-left: auto;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    width: calc(1230 / 1360 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-food__single .img {
    width: calc(634 / 1230 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-food__single .img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-food__single .img img {
    height: 300px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 1025px) {
  .p-food__single__info {
    width: calc(370 / 1230 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-food__single__info {
    width: calc(530 / 1230 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-food__single__info {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-food__single__info {
    padding: 2.14rem 1.78rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-food__single__info .c-title {
    margin-bottom: 3.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-food__single__info .c-title {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-food__single__info .c-title {
    margin-bottom: 1.78rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-food__single__info .c-title {
    width: fit-content;
    margin-inline: auto;
    display: block;
  }
}
.p-food__slider {
  margin-inline: auto;
}
@media only screen and (min-width: 1025px) {
  .p-food__slider {
    margin-top: 5.21rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-food__slider {
    margin-top: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-food__slider {
    margin-top: 2.85rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-food__slider {
    width: calc(1100 / 1360 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-food__slider {
    width: 80%;
  }
}
.p-food__slider img {
  width: 100%;
}
.p-food__slider .swiper-button-next,
.p-food__slider .swiper-button-prev {
  width: auto;
  height: auto;
  top: 26%;
}
.p-food__slider .swiper-button-next::after,
.p-food__slider .swiper-button-prev::after {
  content: "";
  position: absolute;
  width: 2.5rem;
  aspect-ratio: 35/35;
}
@media only screen and (max-width: 767px) {
  .p-food__slider .swiper-button-next::after,
  .p-food__slider .swiper-button-prev::after {
    width: 2.14rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-food__slider .swiper-button-next {
    right: -3.58rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-food__slider .swiper-button-next {
    right: -1.43rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-food__slider .swiper-button-next {
    right: -0.86rem;
  }
}
.p-food__slider .swiper-button-next::after {
  background: url(../images/story/arr_next.svg) center center no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1025px) {
  .p-food__slider .swiper-button-prev {
    left: -3.58rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-food__slider .swiper-button-prev {
    left: -1.43rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-food__slider .swiper-button-prev {
    left: -0.86rem;
  }
}
.p-food__slider .swiper-button-prev::after {
  background: url(../images/story/arr_prev.svg) center center no-repeat;
  background-size: cover;
}
.p-food__slider .txt_s16 {
  margin: 1.78rem 0 1.14rem;
}
@media only screen and (min-width: 1025px) {
  .p-food__slider .txt_s16 {
    font-size: 1.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-food__slider .txt_s16 {
    font-size: 1.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-food__slider .txt_s16 {
    font-size: 1.29rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-food__slider .txt_s16 {
    margin-bottom: 0.71rem;
    text-align: center;
  }
}
.p-food__slider .c-swiper_ctrls {
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .p-food__slider .c-swiper_ctrls {
    margin-top: 0;
  }
}

.p-fore {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .p-fore {
    margin-top: 8.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fore {
    margin-top: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fore {
    margin-top: 5.71rem;
  }
}
.p-fore > * {
  position: relative;
  z-index: 1;
}
.p-fore > .inner {
  max-width: 1100px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1441px) {
  .p-fore > .inner {
    max-width: calc(1100 / 1440 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-fore > .inner > .c-title--bg {
    margin-bottom: 6.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fore > .inner > .c-title--bg {
    margin-bottom: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fore > .inner > .c-title--bg {
    margin-bottom: 2.85rem;
  }
}
.p-fore > .inner > .c-title--s18 {
  margin-top: 2.5rem;
  margin-bottom: 1.42rem;
}
@media only screen and (max-width: 767px) {
  .p-fore > .inner > .c-title--s18 {
    margin-top: 1.78rem;
  }
}

.p-akira {
  max-width: 1280px;
  background: url(../images/story/bg_noise.webp);
  background-size: cover;
}
@media only screen and (min-width: 1025px) {
  .p-akira {
    margin-top: 6.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-akira {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-akira {
    margin-top: 4.28rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-akira {
    padding: 6.07rem 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-akira {
    padding: 4.28rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-akira {
    padding: 2.85rem 0;
  }
}
@media only screen and (min-width: 1441px) {
  .p-akira {
    max-width: calc(1280 / 1440 * 100%);
  }
}
.p-akira .inner {
  width: calc(1100 / 1280 * 100%);
  margin-inline: auto;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .p-akira .inner > .c-title {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .p-akira__content {
    margin-top: 3.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-akira__content {
    margin-top: 2.14rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-akira__content {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1025px) {
  .p-akira__content .img {
    width: calc(430 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-akira__content .img {
    width: calc(410 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-akira__content .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-akira__content .img {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-akira__info {
    width: calc(600 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-akira__info {
    width: calc(630 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-akira__info {
    width: 100%;
  }
}
.p-akira__info .c-title {
  margin-bottom: 1.42rem;
}
.p-akira__info .c-table {
  margin-top: 2.85rem;
}
.p-akira__info .c-table .c-table__tr:first-child .c-table__th,
.p-akira__info .c-table .c-table__tr:first-child .c-table__td {
  padding-top: 2rem !important;
}
.p-akira__info .c-table th {
  line-height: 2.5;
  padding-top: 2rem;
  white-space: nowrap;
}
.p-akira__info .c-table th.--sm {
  width: 15%;
  vertical-align: top;
}
.p-akira__info .c-table td {
  line-height: 2.5;
  padding-top: 2rem;
}

@media only screen and (min-width: 1025px) {
  .p-restaurant {
    margin-top: 8.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-restaurant {
    margin-top: 5.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurant {
    margin-top: 7.14rem;
  }
}
.p-restaurant__inner {
  max-width: 900px;
  position: relative;
}
@media only screen and (min-width: 1441px) {
  .p-restaurant__inner {
    max-width: calc(900 / 1440 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-restaurant__inner > .c-title {
    margin-bottom: 3.21rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-restaurant__inner > .c-title {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurant__inner > .c-title {
    margin-bottom: 2.14rem;
  }
}
.p-restaurant__inner .c-link-set {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-restaurant__inner .c-link-set .c-link-set__item {
    width: calc(440 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurant__inner .c-link-set .c-link-set__item {
    width: 100%;
  }
}