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

file name  : breakfast.scss
author     : Abilive
style info : restaurant marsen breakfast
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
/* ===================================================================
CSS information

file name  : _variables.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
/* ===================================================================
CSS information

file name  : _mixins.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
.lower #abi_page {
  overflow: visible;
}

.p-local-nav__list {
  overflow-y: scroll;
}

.p-intro {
  scroll-margin-top: calc(100 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-intro {
    margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro {
    margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro {
    scroll-margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
.p-intro__inner {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-intro__inner {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-4);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-intro__inner {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-intro__inner {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro__inner {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__inner {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (min-width: 1025px) {
  .p-intro__catch {
    margin-top: calc(24 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro__catch {
    margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__catch {
    margin-top: calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
.p-intro__text {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  line-height: 1.8;
}
@media only screen and (min-width: 1025px) {
  .p-intro__text {
    margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro__text {
    margin-top: calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__text {
    margin-top: calc(12 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-intro__text {
    --s-target-font-size: 16;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro__text {
    --s-target-font-size: 15;
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__text {
    --s-target-font-size: 14;
  }
}
.p-intro__collage {
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
}
@media only screen and (min-width: 1025px) {
  .p-intro__collage {
    margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro__collage {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__collage {
    margin-top: calc(28 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-intro__collage {
    gap: calc(8 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro__collage {
    gap: calc(6 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__collage {
    gap: calc(4 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__collage {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}
.p-intro__collage-item {
  overflow: hidden;
}
.p-intro__collage-item--1 {
  grid-column: 1;
  grid-row: 1 / span 2;
}
@media only screen and (max-width: 767px) {
  .p-intro__collage-item--1 {
    grid-column: 1 / span 2;
    grid-row: 1;
  }
}
.p-intro__collage-item--2 {
  grid-column: 2;
  grid-row: 1;
}
@media only screen and (max-width: 767px) {
  .p-intro__collage-item--2 {
    grid-column: 1;
    grid-row: 2;
  }
}
.p-intro__collage-item--3 {
  grid-column: 3;
  grid-row: 1;
}
@media only screen and (max-width: 767px) {
  .p-intro__collage-item--3 {
    grid-column: 2;
    grid-row: 2;
  }
}
.p-intro__collage-item--4 {
  grid-column: 4 / span 2;
  grid-row: 1;
}
@media only screen and (max-width: 767px) {
  .p-intro__collage-item--4 {
    grid-column: 1 / span 2;
    grid-row: 3;
  }
}
.p-intro__collage-item--5 {
  grid-column: 2;
  grid-row: 2;
}
@media only screen and (max-width: 767px) {
  .p-intro__collage-item--5 {
    grid-column: 1;
    grid-row: 4;
  }
}
.p-intro__collage-item--6 {
  grid-column: 3;
  grid-row: 2;
}
@media only screen and (max-width: 767px) {
  .p-intro__collage-item--6 {
    grid-column: 2;
    grid-row: 4;
  }
}
.p-intro__collage-item--7 {
  grid-column: 4;
  grid-row: 2;
}
@media only screen and (max-width: 767px) {
  .p-intro__collage-item--7 {
    grid-column: 1;
    grid-row: 5;
  }
}
.p-intro__collage-item--8 {
  grid-column: 5;
  grid-row: 2;
}
@media only screen and (max-width: 767px) {
  .p-intro__collage-item--8 {
    grid-column: 2;
    grid-row: 5;
  }
}
.p-intro__collage-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.p-highlights {
  scroll-margin-top: calc(100 / var(--s-parent-font-size) * 1rem);
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .p-highlights {
    margin-top: calc(140 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-highlights {
    margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights {
    margin-top: calc(48 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights {
    scroll-margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
.p-highlights__inner {
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 1025px) {
  .p-highlights__inner {
    padding-left: calc(120 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-highlights__inner {
    padding-left: calc(25 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights__inner {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-highlights__inner {
    display: flex;
    align-items: flex-start;
    padding-right: calc(18 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights__inner {
    padding-inline: calc(20 / var(--s-parent-font-size) * 1rem);
    display: flex;
    flex-direction: column;
    row-gap: calc(28 / var(--s-parent-font-size) * 1rem);
  }
}
.p-highlights__head {
  min-width: 0;
}
@media only screen and (min-width: 768px) {
  .p-highlights__head {
    width: calc(350 / var(--s-parent-font-size) * 1rem);
    flex: 0 1 calc(350 / var(--s-parent-font-size) * 1rem);
    padding-right: calc(25 / var(--s-parent-font-size) * 1rem);
    position: sticky;
    top: calc(120 / var(--s-parent-font-size) * 1rem);
    box-sizing: border-box;
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights__head {
    width: 100%;
  }
}
.p-highlights__title {
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .p-highlights__title {
    align-items: center;
  }
}
.p-highlights__title .c-title__en {
  display: block;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.p-highlights__lead {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  line-height: 1.8;
  font-weight: 700;
}
@media only screen and (min-width: 1025px) {
  .p-highlights__lead {
    margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-highlights__lead {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights__lead {
    margin-top: calc(28 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-highlights__lead {
    --s-target-font-size: 24;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-highlights__lead {
    --s-target-font-size: 22;
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights__lead {
    --s-target-font-size: 20;
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights__lead {
    text-align: center;
  }
}
.p-highlights__list {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(28 / 882 * 100%);
}
@media only screen and (min-width: 1025px) {
  .p-highlights__list {
    row-gap: calc(28 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-highlights__list {
    row-gap: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights__list {
    row-gap: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-highlights__list {
    width: calc(882 / var(--s-parent-font-size) * 1rem);
    flex: 0 1 calc(882 / var(--s-parent-font-size) * 1rem);
    margin-left: auto;
  }
}
@media only screen and (min-width: 1750px) {
  .p-highlights__list {
    width: auto;
    flex: 1 1 auto;
    max-width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights__list {
    width: 100%;
    flex-direction: column;
    gap: calc(28 / var(--s-parent-font-size) * 1rem);
  }
}
.p-highlights__item {
  width: calc(427 / 882 * 100%);
  min-width: 0;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .p-highlights__item {
    width: 100%;
  }
}
.p-highlights__image {
  overflow: hidden;
}
.p-highlights__image img {
  width: 100%;
  height: auto;
  display: block;
}
.p-highlights__label {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  font-weight: 500;
  margin-top: calc(12 / var(--s-parent-font-size) * 1rem);
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .p-highlights__label {
    --s-target-font-size: 20;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-highlights__label {
    --s-target-font-size: 18;
  }
}
@media only screen and (max-width: 767px) {
  .p-highlights__label {
    --s-target-font-size: 16;
  }
}
.p-highlights__text {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  --s-target-font-size: 14;
  margin-top: calc(4 / var(--s-parent-font-size) * 1rem);
  line-height: 1.7;
  color: var(--s-color-text-secondary);
}

.p-ways {
  scroll-margin-top: calc(100 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-ways {
    margin-top: calc(90 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-ways {
    margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-ways {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-ways {
    scroll-margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
.p-ways__head {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-ways__head {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-ways__head {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-ways__head {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-ways__head {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-ways__head {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
.p-ways__title {
  align-items: center;
}
.p-ways__lead {
  line-height: 1.8;
}
@media only screen and (min-width: 1025px) {
  .p-ways__lead {
    margin-top: calc(24 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-ways__lead {
    margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-ways__lead {
    margin-top: calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
.p-ways__block {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-ways__block {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-ways__block {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-ways__block {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-ways__block {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-ways__block {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (min-width: 1025px) {
  .p-ways__block {
    margin-top: calc(100 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-ways__block {
    margin-top: calc(70 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-ways__block {
    margin-top: calc(48 / var(--s-parent-font-size) * 1rem);
  }
}
.p-ways__gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: calc(-40 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-ways__gallery {
    row-gap: calc(48 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-ways__gallery {
    row-gap: calc(24 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-ways__gallery {
    flex-direction: column;
    gap: calc(30 / var(--s-parent-font-size) * 1rem);
    margin-top: 0;
  }
}
.p-ways__gallery-item {
  width: calc(528 / 1080 * 100%);
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-ways__gallery-item {
    width: 100%;
  }
}
.p-ways__gallery-image {
  overflow: hidden;
}
.p-ways__gallery-image img {
  width: 100%;
  height: auto;
  display: block;
}
.p-ways__gallery-caption {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  margin-top: calc(16 / var(--s-parent-font-size) * 1rem);
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .p-ways__gallery-caption {
    --s-target-font-size: 18;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-ways__gallery-caption {
    --s-target-font-size: 16;
  }
}
@media only screen and (max-width: 767px) {
  .p-ways__gallery-caption {
    --s-target-font-size: 14;
  }
}
.p-ways__gallery-text {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  --s-target-font-size: 14;
  margin-top: calc(4 / var(--s-parent-font-size) * 1rem);
  line-height: 1.7;
  color: var(--s-color-text-secondary);
}

.p-space {
  scroll-margin-top: calc(100 / var(--s-parent-font-size) * 1rem);
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .p-space {
    margin-top: calc(140 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-space {
    margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-space {
    margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-space {
    scroll-margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
.p-space__head {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-space__head {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-4);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-space__head {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-space__head {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-space__head {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-space__head {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
.p-space__title {
  align-items: center;
}
.p-space__lead {
  line-height: 1.8;
}
@media only screen and (min-width: 1025px) {
  .p-space__lead {
    margin-top: calc(24 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-space__lead {
    margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-space__lead {
    margin-top: calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
.p-space__block {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-space__block {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-4);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-space__block {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-space__block {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-space__block {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-space__block {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (min-width: 1025px) {
  .p-space__block {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-space__block {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-space__block {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
.p-space__gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .p-space__gallery {
    row-gap: calc(48 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-space__gallery {
    row-gap: calc(24 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-space__gallery {
    flex-direction: column;
    gap: calc(30 / var(--s-parent-font-size) * 1rem);
  }
}
.p-space__gallery-item {
  width: calc(466 / 960 * 100%);
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-space__gallery-item {
    width: 100%;
  }
}
.p-space__gallery-image {
  overflow: hidden;
}
.p-space__gallery-image img {
  width: 100%;
  height: auto;
  display: block;
}
.p-space__gallery-caption {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  margin-top: calc(16 / var(--s-parent-font-size) * 1rem);
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .p-space__gallery-caption {
    --s-target-font-size: 18;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-space__gallery-caption {
    --s-target-font-size: 16;
  }
}
@media only screen and (max-width: 767px) {
  .p-space__gallery-caption {
    --s-target-font-size: 14;
  }
}
.p-space__gallery-text {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  --s-target-font-size: 14;
  margin-top: calc(4 / var(--s-parent-font-size) * 1rem);
  line-height: 1.7;
  color: var(--s-color-text-secondary);
}

.p-info {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
  scroll-margin-top: calc(100 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-info {
    margin-top: calc(120 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-info {
    margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-info {
    margin-top: calc(48 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-info {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-4);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-info {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-info {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-info {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-info {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-info {
    scroll-margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-info__head {
    padding-inline: 0;
  }
}
.p-info__title {
  align-items: center;
}
.p-info__title .c-title__jp {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  --s-target-font-size: 14;
  margin-top: calc(8 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-info__table {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-info__table {
    margin-top: calc(32 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-info__table {
    margin-top: calc(28 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-info__table .c-table__th {
    width: calc(200 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-info__table .c-table__th {
    width: calc(160 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-info__table .c-table__th {
    width: calc(110 / var(--s-parent-font-size) * 1rem);
  }
}
.p-info__table .c-table__td {
  background-color: var(--s-color-white);
  padding: calc(20 / var(--s-parent-font-size) * 1rem);
}
.p-info__notes {
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  --s-target-font-size: 12;
  line-height: 1.8;
  color: var(--s-color-text-secondary);
}
@media only screen and (min-width: 1025px) {
  .p-info__notes {
    margin-top: calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-info__notes {
    margin-top: calc(14 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-info__notes {
    margin-top: calc(12 / var(--s-parent-font-size) * 1rem);
  }
}
.p-info__notes li + li {
  margin-top: calc(8 / var(--s-parent-font-size) * 1rem);
}