@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Noto+Sans+JP&family=Noto+Serif+JP:wght@200;300;400&family=Tenor+Sans&family=Zen+Old+Mincho&display=swap");
body {
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-family: "Noto Serif JP", serif;
  line-height: 1.9em;
  background-color: black;
}

small {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 2.2em;
  margin-top: 0.3em;
}
@media (max-width: 799px) {
  small {
    font-size: 12px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zoom-pc {
  from {
    opacity: 0;
    background-size: auto 110%;
  }
  to {
    opacity: 1;
    background-size: auto 100%;
  }
}
@keyframes zoom-tab {
  from {
    opacity: 0;
    background-size: auto 108%;
  }
  to {
    opacity: 1;
    background-size: auto 100%;
  }
}
@keyframes zoom-sp {
  from {
    opacity: 0;
    background-size: auto 108%;
  }
  to {
    opacity: 1;
    background-size: auto 100%;
  }
}
@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes appearLeft {
  from {
    transform: translateX(-105%);
  }
  to {
    transform: translateX(0%);
  }
}
.l-header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
}
.l-header .l-header-pc {
  width: 100%;
}
@media (max-width: 799px) {
  .l-header .l-header-pc {
    display: none;
  }
}
.l-header .l-header-pc__container {
  display: grid;
}
@media (min-width: 1280px) {
  .l-header .l-header-pc__container {
    padding: 0 38px;
    margin-top: 31px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-header .l-header-pc__container {
    padding: 0 22px;
    margin-top: 22px;
  }
}
.l-header .l-header-pc__items {
  justify-self: end;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 30px;
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-header .l-header-pc__items {
    gap: 15px;
  }
}
.l-header .l-header-pc__item__text {
  color: #fff;
  letter-spacing: 0.17em;
  transition: color 1s;
}
@media (min-width: 1280px) {
  .l-header .l-header-pc__item__text {
    font-family: "Tenor Sans", sans-serif;
    font-size: 16px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-header .l-header-pc__item__text {
    font-family: "Tenor Sans", sans-serif;
    font-size: 12.5px;
  }
}
@media (min-width: 1280px) {
  .l-header .l-header-sp {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-header .l-header-sp {
    display: none;
  }
}
@media (max-width: 799px) {
  .l-header .l-header-sp {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    /* ハンバーガーメニュー */
    /* ヘッダーのナビ部分 */
  }
  .l-header .l-header-sp__inner {
    padding: 0 22px; /*左右の余白確保*/
    display: flex; /*ロゴとハンバーガーメニューを横に並べる*/
    align-items: center;
    justify-content: end;
    height: inherit; /*親要素の高さを継承*/
    position: relative;
  }
  .l-header .l-header-sp__hamburger {
    margin-top: 32px;
    width: 35px;
    height: 100%;
  }
  .l-header .l-header-sp .hamburger {
    background-color: transparent;
    border-color: transparent;
    z-index: 9999;
    position: relative;
  }
  .l-header .l-header-sp .hamburger span {
    width: 100%;
    height: 1px;
    background-color: #F6F6F1;
    position: absolute;
    left: 0;
    transition: ease 0.4s;
  }
  .l-header .l-header-sp .hamburger span:nth-child(1) {
    top: 8px;
  }
  .l-header .l-header-sp .hamburger span:nth-child(2) {
    top: 20px;
  }
  .l-header .l-header-sp .l-header-sp__nav.active {
    transform: translateX(0);
  }
  .l-header .l-header-sp .hamburger.active span:nth-child(1) {
    top: 14px; /* 上の線を中央に移動 */
    transform: rotate(45deg);
    background-color: #B78C5D;
  }
  .l-header .l-header-sp .hamburger.active span:nth-child(2) {
    top: 14px; /* 下の線も中央に移動 */
    transform: rotate(-45deg);
    background-color: #B78C5D;
  }
  .l-header .l-header-sp__nav {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    opacity: 0;
    visibility: hidden;
    background-color: rgba(233, 232, 218, 0);
    transition: 0.4s ease; /*ハンバーガーメニュークリック時のナビゲーションメニュー出現を遅延*/
    /* ナビのリンク */
  }
  .l-header .l-header-sp__nav .nav-items {
    margin-top: 80px;
    margin-left: 62px;
  }
  .l-header .l-header-sp__nav .nav-items__item a {
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin-bottom: 28px;
  }
  .l-header .l-header-sp__nav .nav-items__item__text {
    font-family: "Tenor Sans", sans-serif;
    font-size: 17px;
    color: #212124;
    letter-spacing: 0.175em;
  }
  .l-header .l-header-sp__nav .nav-items__item:last-child a {
    margin-bottom: 48px;
  }
  .l-header .l-header-sp__nav__entry {
    font-family: "Cormorant Garamond", serif;
    font-size: 24px;
    align-items: center;
    background-color: #ad825d;
    -moz-column-gap: 12px;
         column-gap: 12px;
    display: flex;
    height: 64px;
    justify-content: center;
    letter-spacing: 0.2em;
    line-height: 1;
    width: 310px;
  }
  .l-header .l-header-sp__nav__entry__text {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
  }
  .l-header .l-header-sp__nav__entry__text > span {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    letter-spacing: 0.175em;
    line-height: 1;
  }
  .l-header .l-header-sp__nav__entry__arrow {
    width: 94px;
  }
  .l-header .l-header-sp__nav__logo {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 70px;
  }
  .l-header .l-header-sp__nav.active {
    overflow-y: auto;
    opacity: 1;
    visibility: visible;
    background-color: rgba(233, 232, 218, 0.9);
  }
}

.l-section-inner {
  display: grid;
  justify-items: center;
  width: 100%;
}
@media (min-width: 1280px) {
  .l-section-inner {
    padding-top: 87px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-section-inner {
    padding-top: 87px;
  }
}
@media (max-width: 799px) {
  .l-section-inner {
    padding-top: 87px;
  }
}
@media (min-width: 1280px) {
  .l-section-inner.order {
    padding-top: 149px;
  }
}
@media (max-width: 799px) {
  .l-section-inner.order {
    padding-top: 62px;
  }
}
@media (min-width: 1280px) {
  .footer .l-section-inner {
    padding-top: 218px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .footer .l-section-inner {
    padding-top: 200px;
  }
}
@media (max-width: 799px) {
  .footer .l-section-inner {
    padding-top: 158px;
  }
}

@media (min-width: 1280px) {
  .l-content-container {
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-content-container {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .l-content-container {
    max-width: 390px;
    padding: 0 20px;
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .l-content-container-service {
    width: 1024px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-content-container-service {
    width: 682px;
  }
}
@media (max-width: 799px) {
  .l-content-container-service {
    max-width: 350px;
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .l-content-container-examples {
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-content-container-examples {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .l-content-container-examples {
    max-width: 375px;
    padding: 0 20px;
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .l-content-container-about {
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-content-container-about {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .l-content-container-about {
    max-width: 350px;
    padding: 0 20px;
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .l-content-container-footer {
    width: 1024px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .l-content-container-footer {
    width: 652px;
  }
}
@media (max-width: 799px) {
  .l-content-container-footer {
    max-width: 375px;
  }
}

.footer {
  background-color: #212124;
  color: #F6F6F1;
}
.footer__container {
  width: 100%;
  display: grid;
  justify-items: center;
}
@media (min-width: 1280px) {
  .footer__logo {
    width: 591px;
    margin-bottom: 16px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .footer__logo {
    width: 549px;
    margin-bottom: 22px;
  }
}
@media (max-width: 799px) {
  .footer__logo {
    margin-bottom: 16px;
    width: 100%;
  }
}
.footer__logo_mitsubishi {
  width: 125px;
}
@media (min-width: 800px) and (max-width: 1279px) {
  .footer__logo_mitsubishi {
    width: 111px;
  }
}
@media (max-width: 799px) {
  .footer__logo_mitsubishi {
    width: 80px;
  }
}
.footer__logo img {
  vertical-align: bottom;
}
.footer__menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 49px;
}
@media (min-width: 1280px) {
  .footer__menu {
    padding: 0 16px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .footer__menu {
    width: 548px;
  }
}
@media (max-width: 799px) {
  .footer__menu {
    flex-wrap: wrap;
    max-width: 316px;
    width: 100%;
  }
}
.footer__menu__item {
  color: #DFDED0;
  letter-spacing: 0.175em;
}
@media (min-width: 1280px) {
  .footer__menu__item {
    font-family: "Tenor Sans", sans-serif;
    font-size: 14px;
    margin: 0 12px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .footer__menu__item {
    font-family: "Tenor Sans", sans-serif;
    font-size: 11px;
    margin: 0 9px;
  }
}
@media (max-width: 799px) {
  .footer__menu__item {
    font-family: "Tenor Sans", sans-serif;
    font-size: 11px;
    margin: 0 7px;
    line-height: 2;
  }
}
.footer__copyrights {
  font-family: "Cormorant Garamond", serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-top: 49px;
}
@media (min-width: 1280px) {
  .footer__copyrights {
    margin-bottom: 68px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .footer__copyrights {
    margin-bottom: 36px;
  }
}
@media (max-width: 799px) {
  .footer__copyrights {
    font-family: "Cormorant Garamond", serif;
    font-size: 10px;
    letter-spacing: 0.05em;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}

.c-border-anim-white {
  height: 1px;
  margin-top: 4px;
  margin-bottom: 36px;
  opacity: 0.5;
  position: relative;
  width: 100%;
}
.c-border-anim-white:before {
  background-color: #ebebe6;
  content: "";
  height: 100%;
  position: absolute;
  transform-origin: 0% 50%;
  transform: scaleX(0) translateY(4px);
  transition: transform 1s ease-out;
  width: 100%;
  will-change: transform;
}
.c-border-anim-white.active:before {
  transform: scaleX(1) translateY(0);
}
@media (max-width: 799px) {
  .c-border-anim-white {
    margin-top: -3px;
    margin-bottom: 16px;
  }
}

.c-border-anim-black {
  height: 1px;
  margin-top: 4px;
  margin-bottom: 40px;
  opacity: 0.5;
  position: relative;
  width: 100%;
}
.c-border-anim-black:before {
  background-color: #212124;
  content: "";
  height: 100%;
  position: absolute;
  transform-origin: 0% 50%;
  transform: scaleX(0) translateY(4px);
  transition: transform 1s ease-out;
  width: 100%;
  will-change: transform;
}
.c-border-anim-black.active:before {
  transform: scaleX(1) translateY(0);
}
@media (max-width: 799px) {
  .c-border-anim-black {
    margin-top: -3px;
    margin-bottom: 16px;
  }
}

@media (max-width: 799px) {
  .c-readmore {
    position: relative;
    box-sizing: border-box;
    /*チェック時にボタンを非表示*/
    /*チェック時に高さを自動に戻す*/
    /*チェック時グラデーション等を削除*/
  }
  .c-readmore__content {
    position: relative;
    overflow: hidden;
    /*高さの初期値*/
    height: 340px;
  }
  .c-readmore__content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    z-index: 1;
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 150px;
    background: linear-gradient(top, rgba(226, 226, 226, 0) 0%, rgba(226, 226, 226, 0.8) 50%, rgba(226, 226, 226, 0.8) 50%, #E2E2E2 100%);
  }
  .c-readmore__label {
    display: table;
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    background-image: url("../../images/about_andmore.png");
    background-size: 30%;
    background-position: center;
    background-repeat: no-repeat;
    width: 180px;
    height: 90px;
    cursor: pointer;
  }
  .c-readmore__label::before {
    content: none;
  }
  .c-readmore__check {
    display: none;
  }
  .c-readmore__check:checked ~ .c-readmore__label {
    display: none;
  }
  .c-readmore__check:checked ~ .c-readmore__content {
    height: auto;
  }
  .c-readmore__check:checked ~ .c-readmore__content::before {
    display: none;
  }
}

.c-section-title {
  font-family: "Tenor Sans", sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #ad825d;
  color: #ad825d;
  letter-spacing: 0.175em;
  line-height: 1.5;
  padding: 0 5px;
}
@media (max-width: 799px) {
  .c-section-title {
    justify-self: self-start;
  }
}
@media (min-width: 1280px) {
  .c-section-title {
    font-size: 22px;
    margin-bottom: 175px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .c-section-title {
    font-size: 20px;
    margin-bottom: 132px;
  }
}
@media (max-width: 799px) {
  .c-section-title {
    margin-bottom: 50px;
    padding: 0;
  }
}
@media (max-width: 799px) {
  .p-service .c-section-title, .p-order .c-section-title {
    margin-left: 20px;
  }
}
@media (max-width: 799px) {
  .p-examples .c-section-title {
    margin-left: 12px;
  }
}
@media (max-width: 799px) {
  .p-order .c-section-title {
    margin-bottom: 45px;
  }
}
.p-agreement .c-section-title {
  margin-bottom: 102px;
}
@media (max-width: 799px) {
  .p-agreement .c-section-title {
    margin-bottom: 62px;
  }
}

.p-top {
  position: relative;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
}
.p-top__images {
  opacity: 0;
  display: grid;
}
@media (min-width: 1280px) {
  .p-top__images {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-top__images {
    grid-template-rows: 1fr 1fr;
  }
}
@media (max-width: 799px) {
  .p-top__images {
    grid-template-rows: 1fr 1fr;
  }
}
.p-top__slider {
  height: 50vh;
  height: calc(var(--vh, 1vh) * 50);
  width: 100vw;
  z-index: 0;
}
@media (min-width: 1280px) {
  .p-top__slider {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 50vw;
  }
}
.p-top__slider__slide {
  overflow: hidden;
}
.p-top__slider__slide img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.01);
  transition: transform 2.8s ease-in-out;
  width: 100%;
}
.zoom .p-top__slider__slide img {
  transform: scale(1.1);
}
.p-top__logo {
  position: absolute;
  overflow: hidden;
  left: 0%;
}
@media (min-width: 1280px) {
  .p-top__logo {
    top: 42%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-top__logo {
    height: 248px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 799px) {
  .p-top__logo {
    height: 152px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.p-top__logo__line {
  width: 0vw;
  border-bottom: 1px solid #fff;
  transition: width 1.8s ease-out;
}
.p-top__logo__line.active {
  width: 100vw;
}
.p-top__logo__veil-upper {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) {
  .p-top__logo__veil-upper {
    height: 124px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-top__logo__veil-upper {
    height: 124px;
  }
}
@media (max-width: 799px) {
  .p-top__logo__veil-upper {
    height: 76px;
  }
}
.p-top__logo__upper {
  align-items: end;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  justify-items: center;
  height: inherit;
}
.p-top__logo__upper img {
  grid-column: 1/2;
  grid-row: 1/2;
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s;
}
.p-top__logo__upper img:nth-of-type(2) {
  transition-delay: 0.4s;
}
@media (min-width: 1280px) {
  .p-top__logo__upper img:nth-of-type(2) {
    height: 116.56px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-top__logo__upper img:nth-of-type(2) {
    height: 116.56px;
  }
}
@media (max-width: 799px) {
  .p-top__logo__upper img:nth-of-type(2) {
    height: 71.44px;
  }
}
.p-top__logo__upper img:nth-of-type(3) {
  transition-delay: 0.8s;
}
@media (min-width: 1280px) {
  .p-top__logo__upper img:nth-of-type(3) {
    height: 111.6px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-top__logo__upper img:nth-of-type(3) {
    height: 111.6px;
  }
}
@media (max-width: 799px) {
  .p-top__logo__upper img:nth-of-type(3) {
    height: 68.4px;
  }
}
@media (min-width: 1280px) {
  .p-top__logo__upper img {
    height: 124px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-top__logo__upper img {
    height: 124px;
  }
}
@media (max-width: 799px) {
  .p-top__logo__upper img {
    height: 76px;
  }
}
.p-top__logo__upper.-visible img {
  transform: translate(0, 1%);
}
.p-top__logo__veil-lower {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) {
  .p-top__logo__veil-lower {
    height: 37px;
    margin-top: 32px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-top__logo__veil-lower {
    height: 37px;
    margin-top: 27px;
  }
}
@media (max-width: 799px) {
  .p-top__logo__veil-lower {
    margin-top: 15px;
    height: 20px;
  }
}
.p-top__logo__lower {
  display: grid;
  justify-items: center;
  height: inherit;
  display: block;
  padding: 0 22px;
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;
}
@media (min-width: 1280px) {
  .p-top__logo__lower img {
    height: 37px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-top__logo__lower img {
    height: 37px;
  }
}
@media (max-width: 799px) {
  .p-top__logo__lower img {
    height: 20px;
  }
}
.p-top__logo__lower.-visible {
  display: grid;
  justify-items: center;
  transform: translate(0, 0);
}
@media (min-width: 1280px) {
  .p-top__logo__lower.-visible img {
    height: 37px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-top__logo__lower.-visible img {
    height: 37px;
  }
}
@media (max-width: 799px) {
  .p-top__logo__lower.-visible img {
    height: 20px;
  }
}

.p-entry {
  position: fixed;
  bottom: 42px;
  z-index: 9999;
  background-color: #ad825d;
  box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: 0.8s;
}
.p-entry.active {
  opacity: 1;
}
@media (min-width: 1280px) {
  .p-entry {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transform: translateY(4px);
    width: 175px;
    height: 100px;
    right: 0px;
  }
  .p-entry.active {
    transform: translateY(0%);
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-entry {
    bottom: 0;
    width: 145px;
    height: 136px;
    right: 0px;
  }
}
@media (max-width: 799px) {
  .p-entry {
    bottom: 0;
    width: 118px;
    height: 110px;
    right: 0px;
  }
}
.p-entry__container {
  font-family: "Cormorant Garamond", serif;
  font-size: 18px;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 1;
  position: relative;
  width: 100%;
}
@media (min-width: 1280px) {
  .p-entry__container {
    font-family: "Cormorant Garamond", serif;
    font-size: 24px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-entry__container {
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
  }
}
.p-entry__container__text {
  align-items: center;
  display: flex;
  flex-direction: column;
  letter-spacing: 0.175em;
  padding-top: 8px;
}
@media (min-width: 1280px) {
  .p-entry__container__text {
    padding-top: 4px;
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-entry__container__text {
    row-gap: 4px;
  }
}
@media (max-width: 799px) {
  .p-entry__container__text {
    letter-spacing: 0.13em;
    row-gap: 4px;
  }
}
.p-entry__container__text > span {
  font-family: "Noto Serif JP", serif;
  font-size: 13px;
  line-height: 2.2em;
  font-weight: 300;
  align-items: center;
  letter-spacing: 0.13em;
}
@media (min-width: 1280px) {
  .p-entry__container__text > span {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    line-height: 2.2em;
    font-weight: 300;
    -moz-column-gap: 8px;
         column-gap: 8px;
    display: flex;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-entry__container__text > span {
    font-family: "Noto Serif JP", serif;
    font-size: 15px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
.p-entry__container__arrow {
  padding-top: 2px;
  width: 20px;
}

.p-side-column {
  position: fixed;
  top: 50%;
  right: 22px;
  z-index: 9999;
  display: none;
  width: 17px;
  height: 100px;
}
.background-main, .background-fade {
  font-family: "Tenor Sans", sans-serif;
  font-size: 14px;
  color: #ad825d;
  letter-spacing: 0.175em;
  transform: rotate(-90deg);
}

.background-fade {
  opacity: 1;
}
@media (max-width: 799px) {
  .background-fade {
    display: none !important;
  }
}

.p-concept {
  background-color: #212124;
  color: #F6F6F1;
}
.p-concept__container {
  display: grid;
  justify-items: center;
}
@media (min-width: 1280px) {
  .p-concept__container {
    margin: 0 auto;
    max-width: 1394px;
    padding: 0 184px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-concept__container {
    padding: 0 76px;
  }
}
@media (max-width: 799px) {
  .p-concept__container {
    margin-top: -27px;
  }
}
.p-concept__img {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) {
  .p-concept__img {
    width: 100%;
    height: auto;
    margin-bottom: 65px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-concept__img {
    width: 100%;
    height: auto;
    margin-bottom: 65px;
  }
}
@media (max-width: 799px) {
  .p-concept__img {
    margin-bottom: 70px;
  }
}
.p-concept__img__inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .p-concept__img__inner {
    aspect-ratio: 1026/839;
  }
  .p-concept__img__inner img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
.p-concept__img__inner__main {
  width: 100%;
  height: 100%;
  display: block;
}
.p-concept__texts {
  display: grid;
}
@media (min-width: 1280px) {
  .p-concept__texts {
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-concept__texts {
    width: 100%;
  }
}
.p-concept__text-1 {
  letter-spacing: 0.3em;
  font-family: "Noto Serif JP", serif;
  font-size: 22px;
  line-height: 2.2em;
  font-weight: 300;
}
@media (min-width: 1280px) {
  .p-concept__text-1 {
    margin-bottom: 97px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-concept__text-1 {
    margin-bottom: 92px;
  }
}
@media (max-width: 799px) {
  .p-concept__text-1 {
    letter-spacing: 0.125em;
    font-family: "Noto Serif JP", serif;
    font-size: 18px;
    line-height: 2.2em;
    font-weight: 300;
    margin-bottom: 50px;
  }
}
.p-concept__text-2 {
  letter-spacing: 0.1em;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  font-weight: 200;
}
@media (min-width: 1280px) {
  .p-concept__text-2 {
    padding-left: 175px;
    width: 100%;
    margin-bottom: 105px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-concept__text-2 {
    padding-left: 122px;
    width: 100%;
    margin-bottom: 72px;
  }
}
@media (max-width: 799px) {
  .p-concept__text-2 {
    font-family: "Noto Serif JP", serif;
    font-size: 13px;
    font-weight: 200;
    letter-spacing: 0.085em;
    justify-self: center;
    margin-bottom: 65px;
  }
}

.p-service {
  background-color: #F6F6F1;
  color: #212124;
}
.p-service__container {
  display: grid;
  justify-items: center;
}
@media (max-width: 799px) {
  .p-service__header {
    justify-self: self-start;
  }
}
@media (min-width: 1280px) {
  .p-service__header {
    width: 138px;
    margin-bottom: 175px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__header {
    width: 138px;
    margin-bottom: 132px;
  }
}
@media (max-width: 799px) {
  .p-service__header {
    width: 84px;
    margin-bottom: 40px;
  }
}
.p-service__grid-content {
  display: grid;
}
@media (min-width: 1280px) {
  .p-service__grid-content {
    grid-template: "jtext visual" 1fr "etext visual" 1fr "text1 visual" auto "text2 visual" auto/1fr 1fr;
    margin-bottom: 142px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content {
    grid-template: "jtext visual" auto "text1 text2" auto/auto auto;
    margin-bottom: 54px;
  }
}
@media (max-width: 799px) {
  .p-service__grid-content {
    grid-template: "jtext" auto "text1" auto "visual" auto "text2" auto/auto;
    margin-bottom: 54px;
  }
}
.p-service__grid-content__j-text-img {
  grid-area: jtext;
}
@media (min-width: 1280px) {
  .p-service__grid-content__j-text-img {
    width: 130px;
    margin-left: 55px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content__j-text-img {
    width: 105px;
    margin-left: 55px;
  }
}
@media (max-width: 799px) {
  .p-service__grid-content__j-text-img {
    font-family: "Zen Old Mincho", serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.125em;
    line-height: 1.7777777778;
    margin-left: 20px;
    margin-bottom: 40px;
  }
}
.p-service__grid-content__e-text-img {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  grid-area: etext;
  letter-spacing: 0.25em;
  line-height: 1.5909090909;
  margin: auto 0;
}
@media (min-width: 1280px) {
  .p-service__grid-content__e-text-img {
    width: 338px;
    margin-left: 55px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content__e-text-img {
    display: none;
  }
}
@media (max-width: 799px) {
  .p-service__grid-content__e-text-img {
    display: none;
  }
}
.p-service__grid-content__text1 {
  grid-area: text1;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.05em;
}
@media (min-width: 1280px) {
  .p-service__grid-content__text1 {
    width: 460px;
    margin-bottom: 7px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content__text1 {
    width: 276px;
    margin-top: -272px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 799px) {
  .p-service__grid-content__text1 {
    max-width: 311px;
    width: 88.8571428571%;
    margin: 0 auto;
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    letter-spacing: 0.07em;
    margin-bottom: 30px;
  }
}
.p-service__grid-content__text2 {
  grid-area: text2;
  font-family: "Noto Serif JP", serif;
  font-size: 13px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.07em;
  line-height: 1.9230769231;
}
@media (min-width: 1280px) {
  .p-service__grid-content__text2 {
    margin-top: 1em;
    width: 460px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content__text2 {
    font-family: "Noto Serif JP", serif;
    font-size: 11px;
    line-height: 2.2em;
    font-weight: 300;
    align-items: center;
    display: flex;
    flex-direction: column;
    letter-spacing: 0.105em;
    margin-left: 30px;
  }
}
@media (max-width: 799px) {
  .p-service__grid-content__text2 {
    font-family: "Noto Serif JP", serif;
    font-size: 12px;
    line-height: 2.2em;
    font-weight: 300;
    margin: 0 auto;
    letter-spacing: 0.05em;
    max-width: 98vw;
  }
}
.p-service__grid-content__text2 > span {
  display: block;
  padding-left: 1em;
  position: relative;
}
.p-service__grid-content__text2 > span::before {
  content: "※";
  left: 0;
  position: absolute;
}
.p-service__grid-content__visual {
  grid-area: visual;
  display: grid;
  justify-items: center;
}
.p-service__grid-content__visual__pics {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 1280px) {
  .p-service__grid-content__visual__pics {
    grid-gap: 14px;
    width: 500px;
    margin-bottom: 56px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content__visual__pics {
    grid-gap: 0px;
    margin-bottom: 34px;
  }
  .p-service__grid-content__visual__pics img {
    width: 134px;
  }
}
@media (max-width: 799px) {
  .p-service__grid-content__visual__pics {
    margin-bottom: 33px;
  }
}
.p-service__grid-content__visual__pic {
  position: relative;
}
@media (min-width: 1280px) {
  .p-service__grid-content__visual__pic {
    width: 155px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content__visual__pic {
    width: 134px;
  }
}
.p-service__grid-content__visual__pic__image {
  aspect-ratio: 1;
  overflow: hidden;
}
.p-service__grid-content__visual__pic__image > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.p-service__grid-content__visual__pic__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  align-items: center;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #FFF;
  display: flex;
  justify-content: center;
  letter-spacing: 0.175em;
  line-height: 1.5714285714;
  padding-top: 6px;
  text-align: center;
  transform: translate(5px, -20px);
  width: calc(100% - 10px);
}
.house .p-service__grid-content__visual__pic__text {
  background: #263245;
}
.realty .p-service__grid-content__visual__pic__text {
  background: #788080;
}
.life .p-service__grid-content__visual__pic__text {
  background: #ad825d;
  letter-spacing: -0.025em;
}
@media (max-width: 799px) {
  .p-service__grid-content__visual__pic__text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 13px;
    font-weight: 400;
  }
}
.p-service__grid-content__visual__pic > img {
  display: block;
}
.p-service__grid-content__visual__points {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 1280px) {
  .p-service__grid-content__visual__points {
    margin-top: -20px;
    margin-bottom: 56px;
    grid-gap: 26px;
    width: 500px;
  }
  .p-service__grid-content__visual__points img {
    width: 141px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content__visual__points {
    margin-top: -5px;
    margin-bottom: 34px;
    grid-gap: 7px;
  }
  .p-service__grid-content__visual__points img {
    width: 141px;
  }
}
@media (max-width: 799px) {
  .p-service__grid-content__visual__points {
    margin-top: -7px;
    margin-bottom: 48px;
    grid-gap: 7px;
  }
  .p-service__grid-content__visual__points img {
    width: 112px;
  }
}
@media (min-width: 1280px) {
  .p-service__grid-content__visual__person {
    height: 290px;
    margin-bottom: 22px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content__visual__person {
    height: 235px;
    margin-bottom: 22px;
  }
}
@media (max-width: 799px) {
  .p-service__grid-content__visual__person {
    height: 208px;
    margin-bottom: 16px;
  }
}
.p-service__grid-content__visual__textimg {
  text-align: center;
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-service__grid-content__visual__textimg {
    margin-bottom: 20px;
  }
}
@media (max-width: 799px) {
  .p-service__grid-content__visual__textimg {
    margin-bottom: 12px;
    max-width: 98vw;
  }
}
.p-service__grid-content__visual__textimg > h4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  letter-spacing: 0.2em;
  line-height: 1.71875;
}
.p-service__grid-content__visual__textimg > p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7142857143;
  letter-spacing: 0.025em;
}

.p-examples {
  background-color: #263245;
  color: #F6F6F1;
  padding-bottom: 178px;
  position: relative;
}
@media (max-width: 799px) {
  .p-examples {
    padding-bottom: 70px;
  }
}
.p-examples__container {
  width: 100%;
  display: grid;
  justify-items: center;
}
@media (min-width: 1280px) {
  .p-examples__header {
    width: 139px;
    margin-bottom: 107px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__header {
    width: 139px;
    margin-bottom: 119px;
  }
}
@media (max-width: 799px) {
  .p-examples__header {
    justify-self: self-start;
    margin-left: 12px;
    width: 98px;
    margin-bottom: 40px;
  }
}
.p-examples__box__customitem {
  display: grid;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 1280px) {
  .p-examples__box__customitem {
    grid-template-areas: ". j-title . img1" ". e-title e-title img1" "img2 img2 . img1" "img2 img2 . img1" "img2 img2 text text";
    grid-template-columns: 14.0625vw 12.890625vw 1fr 54.0625vw;
    grid-template-rows: auto;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__box__customitem {
    grid-template-areas: "j-title img1" "img2 img1" "img2 text";
    grid-template-columns: 32.625vw 56.75vw;
    grid-template-rows: auto;
  }
}
@media (max-width: 799px) {
  .p-examples__box__customitem {
    display: block;
  }
}
.p-examples__box__gifts {
  width: 100%;
}
@media (min-width: 1280px) {
  .p-examples__box__gifts {
    margin-top: 265px;
    width: 71.5625vw;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__box__gifts {
    margin-top: 110px;
  }
}
.p-examples__box__lessons {
  width: 100%;
}
@media (min-width: 1280px) {
  .p-examples__box__lessons {
    display: grid;
    grid-template-areas: ". img1" "img2 img1" "img2 text";
    grid-template-columns: 22.34375vw 66.796875vw;
    grid-template-rows: 21.40625vw repeat(3, auto);
    justify-content: space-between;
    margin-top: 244px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__box__lessons {
    margin-top: 150px;
  }
}
.p-examples__box__parties {
  width: 100%;
}
@media (min-width: 1280px) {
  .p-examples__box__parties {
    grid-template-areas: "img1 ." "img1 text" "img1 img2" ". img2";
    display: grid;
    grid-template-columns: 47.890625vw 47.65625vw;
    grid-template-rows: 8.75vw repeat(3, auto);
    justify-content: space-between;
    margin-top: 290px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__box__parties {
    margin-top: 150px;
  }
}
.p-examples__box__livingspaces {
  width: 100%;
}
@media (min-width: 1280px) {
  .p-examples__box__livingspaces {
    margin-top: 297px;
    width: 71.5625vw;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__box__livingspaces {
    margin-top: 110px;
  }
}
.p-examples__box__trips {
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 1280px) {
  .p-examples__box__trips {
    display: grid;
    grid-template-areas: ". . img1" "text text img1" "img2 . img1 " "img2 . .";
    grid-template-columns: 26.796875vw 1fr 47.578125vw;
    grid-template-rows: 16.171875vw repeat(3, auto);
    margin-top: 255px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__box__trips {
    grid-template-areas: ". img1" "img2 text";
    display: grid;
    grid-template-columns: 25vw 66vw;
    margin-top: 118px;
  }
}
.p-examples__text1 {
  grid-area: j-title;
  width: 100%;
}
@media (min-width: 1280px) {
  .p-examples__text1 {
    margin-right: auto;
    width: 100%;
  }
  .p-examples__text1 img {
    display: block;
    width: 130px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text1 {
    margin-right: auto;
  }
  .p-examples__text1 img {
    display: block;
    margin-left: 15.5vw;
    width: 130px;
  }
}
@media (max-width: 799px) {
  .p-examples__text1 picture {
    display: none;
  }
  .p-examples__text1 div {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    line-height: 2.2em;
    font-weight: 300;
    letter-spacing: 0.075em;
    margin-left: 12px;
    margin-bottom: 50px;
  }
}
.p-examples__text2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 23px;
  grid-area: e-title;
  letter-spacing: 0.25em;
  line-height: 1.3913043478;
  width: 100%;
}
@media (min-width: 1280px) {
  .p-examples__text2 {
    margin-top: 90px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text2 {
    display: none;
  }
}
@media (max-width: 799px) {
  .p-examples__text2 {
    display: none;
  }
}
.p-examples__text2 img {
  display: block;
}
.p-examples__text-customitem {
  display: grid;
  grid-area: text;
}
@media (min-width: 1280px) {
  .p-examples__text-customitem {
    display: block;
    margin-top: 20px;
    padding-left: 6.25vw;
    padding-right: 8.59375vw;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-customitem {
    margin-right: auto;
    margin-top: 60px;
    padding-right: 9.25vw;
  }
}
@media (max-width: 799px) {
  .p-examples__text-customitem {
    margin-bottom: 38px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-customitem__title {
    width: 250px;
  }
}
@media (max-width: 799px) {
  .p-examples__text-customitem__title {
    height: 15px;
  }
}
.p-examples__text-customitem__header-text {
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8px;
}
@media (min-width: 1280px) {
  .p-examples__text-customitem__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-customitem__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
  }
}
@media (max-width: 799px) {
  .p-examples__text-customitem__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
  }
}
.p-examples__text-customitem__text {
  justify-self: end;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.095em;
  line-height: 2.1333333333;
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-customitem__text {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .p-examples__text-customitem__text {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-customitem__sp-container {
    display: grid;
  }
}
.p-examples__text-gifts {
  display: grid;
}
@media (min-width: 1280px) {
  .p-examples__text-gifts {
    margin-top: 40px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-gifts {
    margin-top: 45px;
    padding: 0 9.25vw;
    width: 100%;
  }
}
@media (max-width: 799px) {
  .p-examples__text-gifts {
    margin-bottom: 38px;
  }
}
.p-examples__text-gifts__header-text {
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8px;
}
@media (min-width: 1280px) {
  .p-examples__text-gifts__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-gifts__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
  }
}
@media (max-width: 799px) {
  .p-examples__text-gifts__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
  }
}
.p-examples__text-gifts__text {
  justify-self: end;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.095em;
}
@media (min-width: 1280px) {
  .p-examples__text-gifts__text {
    width: 70.9677419355%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-gifts__text {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .p-examples__text-gifts__text {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (min-width: 1280px) {
  .p-examples__text-gifts__sp-container {
    display: grid;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-gifts__sp-container {
    display: grid;
  }
}
.p-examples__text-lessons {
  display: grid;
  grid-area: text;
}
@media (min-width: 1280px) {
  .p-examples__text-lessons {
    margin-top: 36px;
    padding-right: 8.59375vw;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-lessons {
    margin: 45px 9vw 0 auto;
    width: 56.875vw;
  }
}
@media (max-width: 799px) {
  .p-examples__text-lessons {
    margin-bottom: 38px;
  }
}
.p-examples__text-lessons__header-text {
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8px;
}
@media (min-width: 1280px) {
  .p-examples__text-lessons__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-lessons__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
  }
}
@media (max-width: 799px) {
  .p-examples__text-lessons__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
  }
}
.p-examples__text-lessons__text {
  justify-self: end;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.095em;
}
@media (min-width: 1280px) {
  .p-examples__text-lessons__text {
    width: 567px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-lessons__text {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .p-examples__text-lessons__text {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (min-width: 1280px) {
  .p-examples__text-lessons__sp-container {
    display: grid;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-lessons__sp-container {
    display: grid;
  }
}
.p-examples__text-parties {
  display: grid;
}
@media (min-width: 1280px) {
  .p-examples__text-parties {
    grid-area: text;
    padding-right: 8.59375vw;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-parties {
    margin: 45px auto 0 9vw;
    width: 56.875vw;
  }
}
@media (max-width: 799px) {
  .p-examples__text-parties {
    margin-bottom: 38px;
  }
}
.p-examples__text-parties__header-text {
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8px;
}
@media (min-width: 1280px) {
  .p-examples__text-parties__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-parties__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
  }
}
@media (max-width: 799px) {
  .p-examples__text-parties__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
  }
}
.p-examples__text-parties__text {
  justify-self: end;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.095em;
}
@media (min-width: 1280px) {
  .p-examples__text-parties__text {
    height: 165px;
  }
}
@media (max-width: 799px) {
  .p-examples__text-parties__text {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (min-width: 1280px) {
  .p-examples__text-parties__sp-container {
    display: grid;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-parties__sp-container {
    display: grid;
  }
}
.p-examples__text-livingspaces {
  display: grid;
}
@media (min-width: 1280px) {
  .p-examples__text-livingspaces {
    margin-top: 40px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-livingspaces {
    margin-top: 45px;
    padding: 0 9.25vw;
    width: 100%;
  }
}
@media (max-width: 799px) {
  .p-examples__text-livingspaces {
    margin-bottom: 38px;
  }
}
.p-examples__text-livingspaces__header-text {
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8px;
}
@media (min-width: 1280px) {
  .p-examples__text-livingspaces__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-livingspaces__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
  }
}
@media (max-width: 799px) {
  .p-examples__text-livingspaces__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
  }
}
.p-examples__text-livingspaces__text {
  justify-self: end;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.095em;
}
@media (min-width: 1280px) {
  .p-examples__text-livingspaces__text {
    width: 70.9677419355%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-livingspaces__text {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .p-examples__text-livingspaces__text {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (min-width: 1280px) {
  .p-examples__text-livingspaces__sp-container {
    display: grid;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-livingspaces__sp-container {
    display: grid;
  }
}
.p-examples__text-trips {
  display: grid;
  grid-area: text;
  margin: 0 4.6875vw auto auto;
}
@media (min-width: 1280px) {
  .p-examples__text-trips {
    justify-self: start;
    width: 37.65625vw;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-trips {
    margin-top: 40px;
    padding-right: 8.59375vw;
    width: 100%;
  }
}
@media (max-width: 799px) {
  .p-examples__text-trips {
    margin-right: 0;
  }
}
.p-examples__text-trips__header-text {
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8px;
}
@media (min-width: 1280px) {
  .p-examples__text-trips__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-trips__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
  }
}
@media (max-width: 799px) {
  .p-examples__text-trips__header-text {
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
  }
}
.p-examples__text-trips__text {
  justify-self: end;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.095em;
}
@media (max-width: 799px) {
  .p-examples__text-trips__text {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (min-width: 1280px) {
  .p-examples__text-trips__sp-container {
    display: grid;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__text-trips__sp-container {
    display: grid;
  }
}
.p-examples .examples_images, .p-examples .p-examples__img-container9 .p-examples__img9, .p-examples__img-container9 .p-examples .p-examples__img9, .p-examples .p-examples__img-container8 .p-examples__img8, .p-examples__img-container8 .p-examples .p-examples__img8, .p-examples .p-examples__img-container7 .p-examples__img7-2, .p-examples__img-container7 .p-examples .p-examples__img7-2, .p-examples .p-examples__img-container7 .p-examples__img7-1, .p-examples__img-container7 .p-examples .p-examples__img7-1, .p-examples .p-examples__img-container7 .p-examples__img7, .p-examples__img-container7 .p-examples .p-examples__img7, .p-examples .p-examples__img-container6 .p-examples__img6, .p-examples__img-container6 .p-examples .p-examples__img6, .p-examples .p-examples__img-container5 .p-examples__img5-1, .p-examples__img-container5 .p-examples .p-examples__img5-1, .p-examples .p-examples__img-container5 .p-examples__img5, .p-examples__img-container5 .p-examples .p-examples__img5, .p-examples .p-examples__img-container4 .p-examples__img4-1, .p-examples__img-container4 .p-examples .p-examples__img4-1, .p-examples .p-examples__img-container4 .p-examples__img4, .p-examples__img-container4 .p-examples .p-examples__img4, .p-examples .p-examples__img-container3 .p-examples__img3-2, .p-examples__img-container3 .p-examples .p-examples__img3-2, .p-examples .p-examples__img-container3 .p-examples__img3-1, .p-examples__img-container3 .p-examples .p-examples__img3-1, .p-examples .p-examples__img-container3 .p-examples__img3, .p-examples__img-container3 .p-examples .p-examples__img3, .p-examples .p-examples__img-container2 .p-examples__img2, .p-examples__img-container2 .p-examples .p-examples__img2, .p-examples .p-examples__img-container1 .p-examples__img1, .p-examples__img-container1 .p-examples .p-examples__img1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.p-examples__img-container1 {
  grid-area: img1;
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container1 {
    margin-left: auto;
    width: 100%;
  }
}
@media (max-width: 799px) {
  .p-examples__img-container1 {
    display: none;
  }
}
@media (min-width: 1280px) {
  .p-examples__img-container1 .p-examples__img1 {
    aspect-ratio: 692/716;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container1 .p-examples__img1 {
    aspect-ratio: 454/563;
  }
}
.p-examples__img-container2 {
  grid-area: img2;
}
@media (min-width: 1280px) {
  .p-examples__img-container2 .p-examples__img2 {
    aspect-ratio: 344/383;
    margin-top: 120px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container2 .p-examples__img2 {
    aspect-ratio: 261/269;
    margin-top: 80px;
  }
}
@media (max-width: 799px) {
  .p-examples__img-container2 {
    display: none;
  }
}
.p-examples__img-container3 {
  display: flex;
  flex-direction: row;
}
@media (max-width: 799px) {
  .p-examples__img-container3 {
    display: none;
  }
}
.p-examples__img-container3 .p-examples__img3 {
  margin: 0 auto;
}
@media (min-width: 1280px) {
  .p-examples__img-container3 .p-examples__img3 {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container3 .p-examples__img3 {
    aspect-ratio: 501/489;
    width: 62.625vw;
  }
}
.p-examples__img-container3 .p-examples__img3-1 {
  background-image: url(../../images/examples_img3.jpg);
}
@media (min-width: 1280px) {
  .p-examples__img-container3 .p-examples__img3-1 {
    aspect-ratio: 512/536;
    background-size: 101% !important;
    width: 50%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container3 .p-examples__img3-1 {
    display: none;
  }
}
.p-examples__img-container3 .p-examples__img3-2 {
  background-image: url(../../images/examples_img3b.jpg);
}
@media (min-width: 1280px) {
  .p-examples__img-container3 .p-examples__img3-2 {
    aspect-ratio: 512/536;
    background-size: 101% !important;
    width: 50%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container3 .p-examples__img3-2 {
    display: none;
  }
}
.p-examples__img-container4 {
  grid-area: img1;
}
@media (min-width: 1280px) {
  .p-examples__img-container4 .p-examples__img4 {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container4 .p-examples__img4 {
    aspect-ratio: 526/489;
    margin-left: auto;
    width: 65.75vw;
  }
}
.p-examples__img-container4 .p-examples__img4-1 {
  background-image: url(../../images/examples_img4.jpg);
}
@media (min-width: 1280px) {
  .p-examples__img-container4 .p-examples__img4-1 {
    aspect-ratio: 774/557;
    margin-left: 8.59375vw;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container4 .p-examples__img4-1 {
    display: none;
  }
}
@media (max-width: 799px) {
  .p-examples__img-container4 {
    display: none;
  }
}
.p-examples__img4b {
  grid-area: img2;
  aspect-ratio: 286/379;
}
@media (min-width: 1280px) {
  .p-examples__img-container5 .p-examples__img5 {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container5 .p-examples__img5 {
    aspect-ratio: 526/489;
    margin-right: auto;
    width: 65.75vw;
  }
}
.p-examples__img-container5 .p-examples__img5-1 {
  background-image: url(../../images/examples_img5.jpg);
  grid-area: img1;
}
@media (min-width: 1280px) {
  .p-examples__img-container5 .p-examples__img5-1 {
    aspect-ratio: 613/691;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container5 .p-examples__img5-1 {
    display: none;
  }
}
@media (max-width: 799px) {
  .p-examples__img-container5 {
    display: none;
  }
}
.p-examples__img-container6 {
  grid-area: img2;
  margin: 30px 7.03125vw 0 auto;
}
@media (min-width: 1280px) {
  .p-examples__img-container6 .p-examples__img6 {
    aspect-ratio: 335/377;
    width: 26.171875vw;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container6 {
    display: none;
  }
}
@media (max-width: 799px) {
  .p-examples__img-container6 {
    display: none;
  }
}
.p-examples__img-container7 {
  display: flex;
  flex-direction: row;
}
@media (max-width: 799px) {
  .p-examples__img-container7 {
    display: none;
  }
}
.p-examples__img-container7 .p-examples__img7 {
  margin: 0 auto;
}
@media (min-width: 1280px) {
  .p-examples__img-container7 .p-examples__img7 {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container7 .p-examples__img7 {
    aspect-ratio: 501/489;
    width: 62.625vw;
  }
}
.p-examples__img-container7 .p-examples__img7-1 {
  background-image: url(../../images/examples_img7.jpg);
}
@media (min-width: 1280px) {
  .p-examples__img-container7 .p-examples__img7-1 {
    aspect-ratio: 512/536;
    background-size: 101% !important;
    width: 50%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container7 .p-examples__img7-1 {
    display: none;
  }
}
.p-examples__img-container7 .p-examples__img7-2 {
  background-image: url(../../images/examples_img7b.jpg);
}
@media (min-width: 1280px) {
  .p-examples__img-container7 .p-examples__img7-2 {
    aspect-ratio: 512/536;
    background-size: 101% !important;
    width: 50%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container7 .p-examples__img7-2 {
    display: none;
  }
}
.p-examples__img-container8 {
  grid-area: img1;
}
@media (min-width: 1280px) {
  .p-examples__img-container8 .p-examples__img8 {
    aspect-ratio: 609/604;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container8 .p-examples__img8 {
    aspect-ratio: 528/489;
  }
}
@media (max-width: 799px) {
  .p-examples__img-container8 {
    display: none;
  }
}
.p-examples__img-container9 {
  grid-area: img2;
}
@media (min-width: 1280px) {
  .p-examples__img-container9 .p-examples__img9 {
    aspect-ratio: 343/272;
    margin-top: 44px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__img-container9 .p-examples__img9 {
    aspect-ratio: 200/221;
    margin-top: -38px;
  }
}
@media (max-width: 799px) {
  .p-examples__img-container9 {
    display: none;
  }
}
@media (min-width: 1280px) {
  .p-examples__sp_img1, .p-examples__sp_img2, .p-examples__sp_img3, .p-examples__sp_img4, .p-examples__sp_img5, .p-examples__sp_img6 {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-examples__sp_img1, .p-examples__sp_img2, .p-examples__sp_img3, .p-examples__sp_img4, .p-examples__sp_img5, .p-examples__sp_img6 {
    display: none;
  }
}
@media (max-width: 799px) {
  .p-examples__sp_img1, .p-examples__sp_img2, .p-examples__sp_img3, .p-examples__sp_img4, .p-examples__sp_img5, .p-examples__sp_img6 {
    aspect-ratio: 335/314;
    background-size: cover;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
@media (min-width: 1280px) {
  .p-examples__sp_img-container4 {
    display: none;
  }
}

.p-journal {
  background-color: #263245;
  color: #F6F6F1;
}
.p-journal__container {
  width: 100%;
  display: grid;
  justify-items: center;
}
@media (min-width: 1280px) {
  .p-journal__container {
    margin: 0 auto;
    padding: 0 128px 148px;
    width: 1172px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-journal__container {
    padding: 0 76px 114px;
  }
}
@media (max-width: 799px) {
  .p-journal__container {
    padding-bottom: 50px;
  }
}
@media (max-width: 799px) {
  .p-journal__header {
    justify-self: self-start;
  }
}
@media (min-width: 1280px) {
  .p-journal__header {
    width: 118px;
    margin-top: 90px;
    margin-bottom: 173px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-journal__header {
    width: 118px;
    margin-bottom: 178px;
  }
}
@media (max-width: 799px) {
  .p-journal__header {
    width: 70px;
    margin-bottom: 56px;
  }
}
.p-journal__imgs {
  display: block;
  overflow: hidden;
  width: 100%;
}
.p-journal__imgs:hover img {
  opacity: 0.6;
  transform: scale(1.025);
}
@media (min-width: 1280px) {
  .p-journal__imgs {
    margin-bottom: 105px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-journal__imgs {
    justify-content: center;
    margin-bottom: 80px;
  }
}
@media (max-width: 799px) {
  .p-journal__imgs {
    flex-direction: column;
    margin: 0 auto 42px;
    max-width: 220px;
  }
  .p-journal__imgs:hover img {
    opacity: 1;
    transform: scale(1);
  }
}
.p-journal__img {
  display: block;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (max-width: 799px) {
  .p-journal__img {
    width: 220px;
  }
}
.p-journal__img > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
  width: 100%;
}
.p-journal__entry {
  font-family: "Cormorant Garamond", serif;
  font-size: 35px;
  align-items: center;
  background: #deded9;
  border: 1px solid #deded9;
  color: #263245;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0.25em;
  line-height: 1;
  margin: 0 auto;
  row-gap: 5px;
  text-align: center;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.p-journal__entry:hover {
  border-color: #ebebe6;
  background: #263245;
  color: #F6F6F1;
}
@media (min-width: 1280px) {
  .p-journal__entry {
    height: 100px;
    margin-bottom: 58px;
    margin-top: 95px;
    width: 428px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-journal__entry {
    height: 92px;
    margin-bottom: 48px;
    width: 370px;
  }
}
@media (max-width: 799px) {
  .p-journal__entry {
    font-family: "Cormorant Garamond", serif;
    font-size: 26px;
    height: 58px;
    margin-bottom: 24px;
    row-gap: 2px;
    width: 280px;
  }
  .p-journal__entry:hover {
    border-color: #deded9;
    background: #deded9;
    color: #263245;
  }
}
.p-journal__entry > span {
  font-family: "Noto Serif JP", serif;
  font-size: 19px;
  line-height: 2.2em;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.225em;
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-journal__entry > span {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    line-height: 2.2em;
    font-weight: 300;
    line-height: 1;
  }
}
@media (max-width: 799px) {
  .p-journal__entry > span {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    line-height: 1;
  }
}
.p-journal__text {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.095em;
}
@media (max-width: 799px) {
  .p-journal__text {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    line-height: 2;
  }
}
.p-journal__box:nth-of-type(n+2) {
  margin-top: 130px;
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-journal__box:nth-of-type(n+2) {
    margin-top: 106px;
  }
}
@media (max-width: 799px) {
  .p-journal__box:nth-of-type(n+2) {
    margin-top: 50px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-journal__box {
    width: 560px;
  }
}

.p-order {
  background-color: #212124;
  color: #F6F6F1;
}
.p-order__container {
  width: 100%;
  display: grid;
  justify-items: center;
}
@media (min-width: 1280px) {
  .p-order__container {
    margin: 0 auto;
    padding: 0 128px 148px;
    width: 1172px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-order__container {
    padding: 0 76px 114px;
  }
}
@media (max-width: 799px) {
  .p-order__container {
    padding-bottom: 50px;
  }
}
@media (max-width: 799px) {
  .p-order__header {
    justify-self: self-start;
  }
}
@media (min-width: 1280px) {
  .p-order__header {
    width: 118px;
    margin-top: 90px;
    margin-bottom: 173px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-order__header {
    width: 118px;
    margin-bottom: 178px;
  }
}
@media (max-width: 799px) {
  .p-order__header {
    width: 70px;
    margin-bottom: 56px;
  }
}
.p-order__imgs {
  display: block;
  overflow: hidden;
  width: 100%;
}
.p-order__imgs:hover img {
  opacity: 0.6;
  transform: scale(1.025);
}
@media (min-width: 1280px) {
  .p-order__imgs {
    margin-bottom: 105px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-order__imgs {
    justify-content: center;
    margin-bottom: 80px;
  }
}
@media (max-width: 799px) {
  .p-order__imgs {
    flex-direction: column;
    margin: 0 auto 42px;
    max-width: 220px;
  }
  .p-order__imgs:hover img {
    opacity: 1;
    transform: scale(1);
  }
}
.p-order__img {
  display: block;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (max-width: 799px) {
  .p-order__img {
    width: 220px;
  }
}
.p-order__img > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
  width: 100%;
}
.p-order__entry {
  font-family: "Cormorant Garamond", serif;
  font-size: 35px;
  align-items: center;
  background: #ba9361;
  border: 1px solid #ba9361;
  color: #131314;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0.25em;
  line-height: 1;
  margin: 0 auto;
  row-gap: 5px;
  text-align: center;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.p-order__entry:hover {
  border-color: #ebebe6;
  background: #212124;
  color: #F6F6F1;
}
@media (min-width: 1280px) {
  .p-order__entry {
    height: 100px;
    margin-bottom: 58px;
    margin-top: 95px;
    width: 428px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-order__entry {
    height: 92px;
    margin-bottom: 48px;
    width: 370px;
  }
}
@media (max-width: 799px) {
  .p-order__entry {
    font-family: "Cormorant Garamond", serif;
    font-size: 26px;
    height: 58px;
    margin-bottom: 24px;
    row-gap: 2px;
    width: 280px;
  }
  .p-order__entry:hover {
    border-color: #ba9361;
    background: #ba9361;
    color: #131314;
  }
}
.p-order__entry > span {
  font-family: "Noto Serif JP", serif;
  font-size: 19px;
  line-height: 2.2em;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.225em;
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-order__entry > span {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    line-height: 2.2em;
    font-weight: 300;
    line-height: 1;
  }
}
@media (max-width: 799px) {
  .p-order__entry > span {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    line-height: 1;
  }
}
.p-order__text {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.095em;
}
@media (max-width: 799px) {
  .p-order__text {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    line-height: 2;
  }
}
.p-order__box:nth-of-type(n+2) {
  margin-top: 130px;
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-order__box:nth-of-type(n+2) {
    margin-top: 106px;
  }
}
@media (max-width: 799px) {
  .p-order__box:nth-of-type(n+2) {
    margin-top: 50px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-order__box {
    width: 560px;
  }
}

.p-about {
  background-color: #E2E2E2;
  color: #212124;
}
.p-about__container {
  width: 100%;
  display: grid;
  justify-items: center;
  margin: 0 auto;
}
@media (min-width: 1280px) {
  .p-about__container {
    padding: 0 152px;
    max-width: 1400px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__container {
    padding: 0 76px;
    max-width: 800px;
  }
}
@media (max-width: 799px) {
  .p-about__header {
    justify-self: self-start;
  }
}
@media (min-width: 1280px) {
  .p-about__header {
    width: 108px;
    margin-bottom: 89px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__header {
    width: 106px;
    margin-bottom: 111px;
  }
}
@media (max-width: 799px) {
  .p-about__header {
    width: 65px;
    margin-bottom: 46px;
    margin-left: 0px;
  }
}
.p-about__grid-container {
  display: grid;
  justify-items: center;
  width: 100%;
}
.p-about__grid-container__heading {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-self: start;
}
@media (min-width: 1280px) {
  .p-about__grid-container__heading {
    margin-left: 56px;
    margin-bottom: 6px;
    align-items: center;
  }
}
@media (min-width: 1280px) {
  .p-about__grid-container__heading__text1 {
    margin-right: 78px;
  }
  .p-about__grid-container__heading__text1 img {
    width: 84px;
  }
  .p-about__grid-container__heading__text1 p {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__heading__text1 {
    padding-left: 25px;
    margin-left: 72px;
  }
  .p-about__grid-container__heading__text1 img {
    width: 58px;
  }
  .p-about__grid-container__heading__text1 p {
    display: none;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__heading__text1 {
    margin-bottom: 50px;
  }
  .p-about__grid-container__heading__text1 picture {
    display: none;
  }
  .p-about__grid-container__heading__text1 p {
    font-family: "Noto Serif JP", serif;
    font-size: 20px;
    line-height: 2.2em;
    font-weight: 300;
    line-height: 1.9em;
  }
}
.p-about__grid-container__heading__text2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  letter-spacing: 0.25em;
  line-height: 1.5909090909;
}
@media (min-width: 1280px) {
  .p-about__grid-container__heading__text2 img {
    width: 278px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__heading__text2 {
    display: none;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__heading__text2 {
    display: none;
  }
}
.p-about__grid-container__desc {
  width: 100%;
  display: grid;
  letter-spacing: 0.101em;
  line-height: 1.9em;
}
@media (min-width: 1280px) {
  .p-about__grid-container__desc {
    padding-left: 380px;
    margin-bottom: 46px;
  }
  .p-about__grid-container__desc div {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__desc {
    margin-top: -40px;
    margin-bottom: 46px;
    padding-left: 230px;
  }
  .p-about__grid-container__desc div {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    letter-spacing: 0.07em;
    width: 100%;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__desc {
    margin-bottom: 46px;
  }
  .p-about__grid-container__desc div {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    letter-spacing: 0.104em;
  }
}
.p-about__grid-container__projects {
  display: grid;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects {
    width: 100%;
    padding-left: 150px;
    margin-bottom: 150px;
    justify-self: end;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects {
    width: 100%;
    margin-bottom: 124px;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects {
    margin-bottom: 105px;
  }
}
.p-about__grid-container__projects__title {
  letter-spacing: 0.2em;
  width: 100%;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects__title {
    font-family: "Noto Serif JP", serif;
    font-size: 22px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects__title {
    font-family: "Noto Serif JP", serif;
    font-size: 15px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects__title {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
.p-about__grid-container__projects__flex {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects__flex {
    grid-template-columns: 243px 243px 243px;
    justify-content: space-between;
    margin-top: 30px;
    grid-row-gap: 94px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects__flex {
    grid-template-columns: 180px 180px 180px;
    margin-top: 20px;
    grid-row-gap: 46px;
    justify-content: space-between;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects__flex {
    grid-template-columns: 1fr 1fr;
    margin-top: 32px;
    grid-column-gap: 27px;
    grid-row-gap: 26px;
    justify-items: center;
  }
}
.p-about__grid-container__projects__flex__item {
  display: grid;
  grid-template-rows: auto 1fr;
}
.p-about__grid-container__projects__flex__item__img {
  width: 100%;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects__flex__item__img {
    margin-bottom: 3px;
  }
  .p-about__grid-container__projects__flex__item__img img {
    width: 243px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects__flex__item__img {
    margin-bottom: 3px;
  }
  .p-about__grid-container__projects__flex__item__img img {
    width: 180px;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects__flex__item__img {
    margin-bottom: 3px;
  }
  .p-about__grid-container__projects__flex__item__img img {
    width: 140px;
  }
}
.p-about__grid-container__projects__flex__item__caption {
  line-height: 1.9em;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects__flex__item__caption {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 15px;
    font-weight: 400;
    max-width: 234px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects__flex__item__caption {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 400;
    max-width: 180px;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects__flex__item__caption {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 400;
    max-width: 140px;
  }
}
.p-about__grid-container__projects-other {
  display: grid;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects-other {
    width: 100%;
    padding-left: 150px;
    margin-bottom: 120px;
    justify-self: end;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects-other {
    width: 100%;
    margin-bottom: 80px;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects-other {
    margin-bottom: 56px;
  }
}
.p-about__grid-container__projects-other__title {
  letter-spacing: 0.2em;
  width: 100%;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects-other__title {
    font-family: "Noto Serif JP", serif;
    font-size: 22px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects-other__title {
    font-family: "Noto Serif JP", serif;
    font-size: 15px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects-other__title {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
  }
}
.p-about__grid-container__projects-other__flex {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects-other__flex {
    grid-template-columns: 180px 180px 180px 180px;
    justify-content: space-between;
    grid-row-gap: 56px;
    margin-top: 30px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects-other__flex {
    grid-template-columns: 143px 143px 143px 143px;
    grid-row-gap: 32px;
    margin-top: 30px;
    justify-content: space-between;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects-other__flex {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 27px;
    grid-row-gap: 26px;
    margin-top: 32px;
  }
}
.p-about__grid-container__projects-other__flex__item {
  display: grid;
  grid-template-rows: auto 1fr;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects-other__flex__item__img {
    height: 175px;
    margin-bottom: 3px;
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects-other__flex__item__img {
    height: 143px;
    margin-bottom: 3px;
    width: 143px;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects-other__flex__item__img {
    aspect-ratio: 1;
    display: flex;
    margin-bottom: 3px;
    max-width: 140px;
  }
}
.p-about__grid-container__projects-other__flex__item__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (min-width: 1280px) {
  .p-about__grid-container__projects-other__flex__item__caption {
    font-family: "Noto Serif JP", serif;
    font-size: 15px;
    line-height: 2.2em;
    font-weight: 300;
    max-width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-about__grid-container__projects-other__flex__item__caption {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    max-width: 143px;
  }
}
@media (max-width: 799px) {
  .p-about__grid-container__projects-other__flex__item__caption {
    font-family: "Noto Serif JP", serif;
    font-size: 12px;
    line-height: 2.2em;
    font-weight: 300;
    max-width: 140px;
  }
}

.p-agreement {
  background-color: #212124;
  color: #F6F6F1;
}
.p-agreement__container {
  width: 100%;
  display: grid;
  justify-items: center;
}
@media (max-width: 799px) {
  .p-agreement__container {
    padding: 0 20px;
  }
}
@media (min-width: 1280px) {
  .p-agreement__container:not(:first-child) {
    margin-top: 160px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-agreement__container:not(:first-child) {
    margin-top: 153px;
  }
}
@media (max-width: 799px) {
  .p-agreement__container:not(:first-child) {
    margin-top: 110px;
  }
}
@media (max-width: 799px) {
  .p-agreement__header {
    justify-self: self-start;
  }
}
@media (min-width: 1280px) {
  .p-agreement__header {
    width: 155px;
    margin-bottom: 170px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-agreement__header {
    width: 138px;
    margin-bottom: 150px;
  }
}
@media (max-width: 799px) {
  .p-agreement__header {
    width: 96px;
    margin-bottom: 86px;
    margin-left: 0px;
  }
}
.p-agreement__desc {
  text-align: center;
  letter-spacing: 0.225em;
}
@media (min-width: 1280px) {
  .p-agreement__desc {
    font-family: "Noto Serif JP", serif;
    font-size: 17px;
    line-height: 2.2em;
    font-weight: 300;
    margin-bottom: 52px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-agreement__desc {
    font-family: "Noto Serif JP", serif;
    font-size: 17px;
    line-height: 2.2em;
    font-weight: 300;
    margin-bottom: 76px;
  }
}
@media (max-width: 799px) {
  .p-agreement__desc {
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    line-height: 2.2em;
    font-weight: 300;
    justify-self: start;
    text-align: start;
    margin-bottom: 47px;
    letter-spacing: 0.16em;
    width: 104%;
  }
}
.p-agreement__entry {
  font-family: "Cormorant Garamond", serif;
  font-size: 23px;
  align-items: center;
  border: 1px solid #ebebe6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  letter-spacing: 0.25em;
  line-height: 1;
  text-align: center;
  width: 100%;
}
@media (min-width: 1280px) {
  .p-agreement__entry {
    height: 66px;
    max-width: 369px;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .p-agreement__entry {
    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    height: 48px;
    max-width: 244px;
  }
}
@media (max-width: 799px) {
  .p-agreement__entry {
    font-family: "Cormorant Garamond", serif;
    font-size: 15px;
    height: 40px;
    max-width: 310px;
  }
}

@media (min-width: 800px) and (max-width: 1279px) {
  .u-only-pc {
    display: none;
  }
}
@media (max-width: 799px) {
  .u-only-pc {
    display: none;
  }
}

@media (min-width: 1280px) {
  .u-only-tab {
    display: none;
  }
}
@media (max-width: 799px) {
  .u-only-tab {
    display: none;
  }
}

@media (min-width: 1280px) {
  .u-only-sp {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 1279px) {
  .u-only-sp {
    display: none;
  }
}
@media (min-width: 1280px) {
  .u-only-sp-tab {
    display: none;
  }
}
@media (max-width: 799px) {
  .u-only-pc-tab {
    display: none;
  }
}

.u-no-scroll {
  overflow: hidden;
  height: 100%;
}

.u-zoom-animation {
  opacity: 0;
  transform: scale(108%);
  transition: 1.5s;
}

.u-zoom-animation.active {
  opacity: 1;
  transform: scale(100%);
}

.u-fadeinbottom {
  opacity: 0;
  transform: translateY(30px);
  transition: 1s;
}

.u-fadeinbottom.active {
  opacity: 1;
  transform: translateY(0%);
}

.u-fadeinbottom-child {
  opacity: 0;
  transform: translateY(30px);
  transition: 1s;
}

.u-fadeinbottom-child.active {
  opacity: 1;
  transform: translateY(0%);
}

.u-fadeinbottom-child-d1 {
  opacity: 0;
  transform: translateY(30px);
  transition: 1s;
  transition-delay: 0.2s;
}

.u-fadeinbottom-child-d1.active {
  opacity: 1;
  transform: translateY(0%);
}

.u-fadeinbottom-child-d2 {
  opacity: 0;
  transform: translateY(30px);
  transition: 1s;
  transition-delay: 0.4s;
}

.u-fadeinbottom-child-d2.active {
  opacity: 1;
  transform: translateY(0%);
}

.u-fadeinbottom-child-center {
  opacity: 0;
  transition: 1s;
  transform: translate(0, 30px);
}

.u-fadeinbottom-child-center.active {
  opacity: 1;
  transform: translate(0, 0%);
}

.u-appearleft {
  transform: translateX(-105%);
  transition: transform 1s cubic-bezier(0, 0, 0.15, 1);
}

.u-appearleft.active {
  transform: translateX(0%);
}

.u-fadein {
  opacity: 0;
  transition: 3s;
}

.u-fadein.active {
  opacity: 1;
}

.u-line-animation {
  width: 1px;
  transition: 1s;
}

.u-line-animation.active {
  width: 100%;
}

.u-baseline-shift-3 {
  position: relative;
  bottom: 3px;
}

.u-baseline-shift-4 {
  position: relative;
  bottom: 4px;
}/*# sourceMappingURL=style.css.map */