@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap");
.design_sec {
  max-width: 1500px;
  margin: auto;
  width: 100%; }
  .design_sec img {
    width: 100%;
    height: auto; }

.img.life-main01 .note, .img.life-main02 .note, .img.life-main03 .note {
  text-shadow: 0 0 1.5rem black, 0 0 1.5rem black, 0 0 1.5rem black, 0 0 1.5rem black, 0 0 1.5rem black, 0 0 1.5rem black !important; }

.midashi.small {
  font-size: 3rem;
  letter-spacing: 20%; }
.midashi .note {
  letter-spacing: 0;
  margin-right: 0.5em; }

.slide-show {
  margin-bottom: 0 !important; }
  .slide-show .dots-container {
    position: absolute;
    left: 4rem;
    translate: 0% 0;
    bottom: 3rem;
    display: flex;
    gap: 1.5rem; }
    .slide-show .dots-container li {
      border: 1px;
      width: 10px;
      height: 10px;
      background-color: transparent;
      border-radius: 50%;
      border: 1px solid #fff;
      cursor: pointer; }
      .slide-show .dots-container li.slick-active {
        background-color: #fff; }
      .slide-show .dots-container li button {
        opacity: 0; }

.acc-img01 {
  margin: auto;
  margin-top: 4rem;
  max-width: 720px; }

.local-nav {
  max-width: 940px;
  width: 90%;
  margin-inline: auto;
  padding-top: 8rem; }
  .local-nav ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px 1.5rem; }
    .local-nav ul li a {
      font-family: "adobe-garamond-pro", serif;
      font-weight: 400;
      font-style: normal;
      background: linear-gradient(0deg, #d6dae4 0%, #fbfcff 100%);
      color: #2b3a56;
      display: block;
      font-size: 1.8rem;
      box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.07);
      letter-spacing: 0.1em;
      text-align: center;
      padding: 1rem 10px;
      border-radius: 0.4rem;
      transition: filter 0.3s linear; }
      .local-nav ul li a:hover {
        filter: brightness(1.05); }
    .local-nav ul li.current a {
      background: linear-gradient(0deg, black 0%, #2b3a56 100%);
      color: #ffffff; }

@media screen and (max-width: 768px) {
  .local-nav ul {
    grid-template-columns: 1fr; } }
.category-title {
  font-size: 5rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 25%; }

.category-title-en {
  color: #a8a082;
  margin: auto;
  display: flex;
  align-items: center;
  max-width: 700px;
  margin-top: 2rem;
  margin-bottom: 5rem; }
  .category-title-en .en-ttl {
    letter-spacing: 25%;
    font-size: 2rem;
    font-family: "adobe-garamond-pro", serif;
    font-weight: 400;
    font-style: normal;
    padding: 0 2rem; }
  .category-title-en:before, .category-title-en:after {
    content: "";
    background: #a8a082;
    height: 1px;
    flex: 1; }

.inner {
  max-width: 1000px; }
  .inner .note.center {
    text-align: center;
    margin-top: 3rem; }

#saginuma {
  background-color: #f2f1ed; }

.life-main01 .note {
  transform: translate(-1rem, -1rem);
  line-height: 1.4; }
  .life-main01 .note.lm-cap01 {
    right: 66.6666%;
    bottom: 0; }
  .life-main01 .note.lm-cap02 {
    right: 33.333%;
    bottom: 56%; }
  .life-main01 .note.lm-cap03 {
    right: 0;
    bottom: 43.5%; }
  .life-main01 .note.lm-cap04 {
    right: 33.333%;
    bottom: 0; }
  .life-main01 .note.lm-cap05 {
    right: 0;
    bottom: 0; }
  @media screen and (max-width: 768px) {
    .life-main01 .note.lm-cap01 {
      right: 50%;
      bottom: 33.333%; }
    .life-main01 .note.lm-cap02 {
      right: 0%;
      bottom: 66.666%; }
    .life-main01 .note.lm-cap03 {
      right: 50%;
      bottom: 0%; }
    .life-main01 .note.lm-cap04 {
      right: 0%;
      bottom: 33.333%; } }

.shop-list {
  display: flex;
  align-items: stretch;
  margin-top: 3rem; }
  .shop-list img {
    width: 100%;
    height: auto; }
  .shop-list .list-ttl {
    background: #47546d;
    width: 17%;
    display: block;
    align-items: center; }
  .shop-list ul {
    box-sizing: border-box;
    width: 83%;
    padding: 3rem 4rem;
    display: flex; }
    .shop-list ul li {
      width: 49.3%; }
      .shop-list ul li:nth-child(1) {
        margin-right: 1.4%; }
  @media screen and (max-width: 768px) {
    .shop-list .list-ttl {
      width: 25%; }
    .shop-list ul {
      width: 75%;
      padding: 2rem 2rem;
      display: block; }
      .shop-list ul li {
        width: 100%; }
        .shop-list ul li:nth-child(1) {
          margin-right: 0%;
          margin-bottom: 5%; } }

.note.main-note {
  padding: 1rem 1rem 0; }

.life-item {
  display: flex;
  margin-top: 7rem; }
  .life-item .life-copy {
    width: 45%; }
  .life-item .life-photo {
    width: 50%; }
  .life-item.first {
    margin-top: 0; }
  .life-item.photo-left .life-copy {
    order: 2;
    margin-left: 5%; }
  .life-item.photo-left .life-photo {
    order: 1; }
  .life-item.photo-left2 .life-copy {
    order: 2;
    margin-left: 4%;
    width: 28%; }
    .life-item.photo-left2 .life-copy .komidashi .middle {
      font-size: 84%; }
  .life-item.photo-left2 .life-photo {
    order: 1;
    width: 36%; }
  .life-item.photo-right .life-copy {
    order: 1;
    margin-right: 5%; }
  .life-item.photo-right .life-photo {
    order: 2; }
  .life-item.photo-doble {
    flex-wrap: wrap; }
    .life-item.photo-doble .life-copy {
      order: 3;
      width: 100%;
      margin-top: 3rem; }
    .life-item.photo-doble .life-photo1 {
      order: 1;
      width: 48%;
      margin-right: 4%; }
    .life-item.photo-doble .life-photo2 {
      order: 2;
      width: 48%; }
  @media screen and (max-width: 768px) {
    .life-item {
      display: block; }
      .life-item .life-copy {
        width: 100%; }
      .life-item .life-photo {
        width: 100%;
        margin: auto;
        margin-top: 2rem;
        max-width: 60rem; }
      .life-item.photo-left .life-copy {
        margin-left: 0%; }
      .life-item.photo-left2 .life-copy {
        margin-left: 0%;
        width: 100%; }
      .life-item.photo-left2 .life-photo {
        width: 100%; }
      .life-item.photo-right .life-copy {
        margin-right: 0%; }
      .life-item.photo-doble .life-copy {
        margin-top: 0rem; }
      .life-item.photo-doble .life-photo1,
      .life-item.photo-doble .life-photo2 {
        width: 100%;
        margin: auto;
        margin-top: 2rem;
        max-width: 60rem; } }

.life-copy .komidashi {
  padding-bottom: 2rem;
  border-bottom: 1px solid #bfc1c0;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #2b3a56;
  letter-spacing: 15%;
  position: relative; }
  .life-copy .komidashi:before {
    content: "";
    background: #2b3a56;
    height: 1px;
    width: 10rem;
    position: absolute;
    bottom: -1px;
    left: 0; }
  @media screen and (max-width: 768px) {
    .life-copy .komidashi br {
      display: none; } }
.life-copy .lead {
  line-height: 2.2;
  margin-top: 2rem;
  letter-spacing: 5%; }

#tamaplaza {
  background-color: #fff; }
  #tamaplaza .shop-list {
    background: #f2f1ed; }

#futakotamagawa {
  background-color: #f2f1ed; }
  #futakotamagawa .shop-list {
    background: #fff; }

.contents-list .inner {
  padding-top: 0 !important;
  padding-bottom: 10rem; }
.contents-list .sec-title {
  padding-top: 0; }
.contents-list .title {
  color: #a8a082;
  letter-spacing: 0.2em;
  text-align: center;
  font-size: 2rem; }
.contents-list .page-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1000px;
  margin-top: 3rem;
  margin-inline: auto; }
  .contents-list .page-list .page {
    position: relative;
    background-color: #393d46;
    padding: 3rem 3rem 2rem;
    width: 100%;
    margin-top: 3rem;
    /**margin-right: 4%;**/ }
    .contents-list .page-list .page:nth-child(2n) {
      margin-right: 0; }
    .contents-list .page-list .page a {
      display: block; }
      .contents-list .page-list .page a:hover img {
        filter: brightness(1.3); }
    .contents-list .page-list .page .name {
      position: absolute;
      left: 50%;
      bottom: 25%;
      color: #fff;
      text-align: center;
      translate: -50% 0;
      width: 90%;
      display: block;
      text-align: center;
      line-height: 1;
      z-index: 1; }
      .contents-list .page-list .page .name .en {
        font-size: 3.6rem;
        letter-spacing: 0.3em; }
      .contents-list .page-list .page .name .jp {
        font-size: 14px;
        letter-spacing: 0.2em;
        margin-top: 1rem; }
    .contents-list .page-list .page .img img {
      transition: filter 0.3s linear; }
    .contents-list .page-list .page .read-more {
      font-family: "adobe-garamond-pro", serif;
      font-weight: 400;
      font-style: normal;
      letter-spacing: 0.2em;
      margin-top: 2rem;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 2rem;
      line-height: 1;
      text-align: center;
      font-size: 1.5rem; }
      .contents-list .page-list .page .read-more::after {
        content: '';
        width: 20px;
        height: 4px;
        border-bottom: solid 1px currentColor;
        border-right: solid 1px currentColor;
        transform: skewX(35deg); }

@media screen and (max-width: 600px) {
  .contents-list .page-list .page {
    margin-right: 0;
    width: 100%; } }