@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
/*==================================================================================================
	トップページ
==================================================================================================*/
.-top {
  /*----------------------------------------------------
  mainView
  ----------------------------------------------------*/
}
.-top .mainView {
  position: relative;
  height: 100vh;
  min-height: 520px;
  max-height: 860px;
}
.-top .mainView::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.-top .mainView img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.-top .mainView__slider {
  position: relative;
  height: 100%;
  z-index: 0;
}
.-top .mainView__slider .slick-list,
.-top .mainView__slider .slick-track,
.-top .mainView__slider .slick-slide,
.-top .mainView__slider li {
  height: 100%;
}
.-top .mainView__slider:not(.slick-initialized) li:not(:first-child) {
  display: none;
}
.-top .mainView__logo {
  -webkit-transition: opacity 1.5s ease 0.3s;
  transition: opacity 1.5s ease 0.3s;
}
body.is-loading .-top .mainView__logo {
  opacity: 0;
}
.-top .mainView__logo {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  color: #ffffff;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: clamp(4.2rem, 9vw, 7.4rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3);
}
.-top .mainView__logo span {
  display: block;
  margin-top: 0.9em;
  font-size: 22%;
  font-weight: 400;
  letter-spacing: 0.4em;
}
.-top {
  /*----------------------------------------------------
  bnr
  ----------------------------------------------------*/
}
.-top .secBnr {
  padding: 3em 3vw;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .-top .secBnr {
    padding: 3em 6vw;
  }
}
.-top .secBnr img {
  max-width: 600px;
  width: 100%;
}
.-top .secBnr__note {
  text-align: center;
  font-size: clamp(10px, 0.9677419355vw, 12px);
  margin-top: 2em;
}
.-top {
  /*----------------------------------------------------
  news
  ----------------------------------------------------*/
}
.-top .secNews {
  background: #EFE7DA;
  padding: clamp(4em, 9vw, 6.5em) 0;
}
.-top .secNews .newsWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(2em, 6vw, 5em);
}
.-top .secNews .labelArea {
  width: 24em;
}
.-top .secNews .labelArea .btnArea {
  margin-top: clamp(1.6em, 4vw, 2.4em);
}
.-top .secNews .mainArea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.-top .secNews .cateTab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.6em, 4vw, 2.6em);
  border-bottom: #DBD3C6 1px solid;
  padding-bottom: 1.2em;
}
.-top .secNews .cateTab li a {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: 92%;
  color: rgba(36, 31, 27, 0.4);
}
.-top .secNews .cateTab li a.active {
  color: #241F1B;
  font-weight: 600;
}
.-top .secNews .newsList li {
  border-bottom: #DBD3C6 1px solid;
}
.-top .secNews .newsList li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4em clamp(1em, 3vw, 2em);
  padding: 1.4em 1.4em 1.4em 0.2em;
  position: relative;
}
.-top .secNews .newsList li a:hover p {
  text-decoration: underline;
}
.-top .secNews .newsList li a:hover .arrow {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
.-top .secNews .newsList li a time {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: 88%;
  color: rgba(36, 31, 27, 0.6);
}
.-top .secNews .newsList li a .cate {
  font-size: 78%;
  padding: 0.3em 0.9em;
  border: rgba(36, 31, 27, 0.4) 1px solid;
  border-radius: 2em;
  line-height: 1;
}
.-top .secNews .newsList li a p {
  width: 100%;
  line-height: 1.6;
}
.-top .secNews .newsList li a .arrow {
  margin-left: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1080px) {
  .-top .secNews .labelArea {
    width: 14em;
  }
}
@media screen and (max-width: 767px) {
  .-top .secNews .newsWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .-top .secNews .labelArea {
    width: 100%;
  }
  .-top .secNews .labelArea {
    width: 100%;
  }
  .-top .secNews .mainArea {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
  }
  .-top .secNews .newsList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .-top .secNews .btnArea a {
    width: 100%;
  }
}
.-top .newsTeaser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4em clamp(1em, 3vw, 2em);
  padding: 1.4em 1.4em 1.4em 0.2em;
  position: relative;
  border-bottom: #DBD3C6 1px solid;
  border-top: #DBD3C6 1px solid;
}
.-top .newsTeaser time {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: 88%;
  color: rgba(36, 31, 27, 0.6);
}
.-top .newsTeaser .cate {
  font-size: 78%;
  padding: 0.3em 0.9em;
  border: rgba(36, 31, 27, 0.4) 1px solid;
  border-radius: 2em;
  line-height: 1;
}
.-top .newsTeaser .ttl {
  width: 100%;
  font-size: 110%;
  line-height: 1.6;
  position: relative;
  cursor: pointer;
}
.-top .newsTeaser .ttl .arrow {
  margin-left: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.-top .newsTeaser p {
  width: 100%;
  display: none;
}
.-top .newsTeaser p a {
  text-decoration: underline;
}
.-top .newsTeaser p a:hover {
  text-decoration: none;
}
.-top {
  /*----------------------------------------------------
  catch copy
  ----------------------------------------------------*/
}
.-top .secCatch {
  padding: clamp(3.5em, 9vw, 6em) 0;
  position: relative;
}
.-top .secCatch .inner {
  font-size: clamp(2.2rem, 4.4vw, 3.6rem);
  line-height: 1.6;
  font-weight: 500;
}
.-top .secCatch .graySquare {
  width: 8vw;
  height: 8vw;
  background: #d2d2d2;
  position: absolute;
  left: 0;
  top: -4vw;
  max-width: 115px;
}
@media screen and (max-width: 767px) {
  .-top .secCatch .graySquare {
    width: 22vw;
    height: 14vw;
    left: auto;
    top: 0;
    right: 0;
    max-width: 115px;
  }
}
.-top {
  /*----------------------------------------------------
  time list（morning / lunch / café）
  ----------------------------------------------------*/
}
.-top .secTime {
  padding-bottom: clamp(3.5em, 9vw, 6em);
}
.-top .secTime .timeList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0.6em, 2vw, 1.4em);
}
.-top .secTime .timeList li a {
  position: relative;
  display: block;
  aspect-ratio: 3/4;
  overflow: hidden;
  border-radius: 4px;
}
.-top .secTime .timeList li a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.-top .secTime .timeList li a:hover:before {
  background: rgba(36, 31, 27, 0.5);
}
.-top .secTime .timeList li a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(36, 31, 27, 0.35);
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-top .secTime .timeList li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-top .secTime .timeList li a .textArea {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #ffffff;
  z-index: 2;
}
.-top .secTime .timeList li a .en {
  display: block;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: clamp(2.2rem, 3.4vw, 3rem);
  font-weight: 600;
}
.-top .secTime .timeList li a .time {
  display: block;
  margin-top: 0.8em;
  font-size: clamp(1.2rem, 1.6vw, 1.4rem);
  line-height: 1.6;
}
.-top .secTime .timeList li a .link {
  display: inline-block;
  margin-top: 1.6em;
  padding-bottom: 0.4em;
  border-bottom: #ffffff 1px solid;
  font-size: 88%;
}
@media screen and (max-width: 767px) {
  .-top .secTime .timeList {
    grid-template-columns: 1fr;
    gap: 1em;
  }
  .-top .secTime .timeList li a {
    aspect-ratio: 4/5;
  }
}
.-top {
  /*----------------------------------------------------
  food / drink / to go 共通
  ----------------------------------------------------*/
}
.-top .secMenu {
  padding: clamp(4em, 9vw, 6.5em) 0;
  position: relative;
}
.-top .secMenu .graySquare {
  width: 15vw;
  height: 14vw;
  background: #d2d2d2;
  position: absolute;
  right: 0;
  bottom: 6.5em;
  max-width: 175px;
  max-height: 245px;
}
@media screen and (max-width: 767px) {
  .-top .secMenu .graySquare {
    width: 42vw;
    height: 26vw;
    left: -7vw;
    top: auto;
    right: auto;
    max-width: 305px;
    bottom: -1vw;
  }
}
.-top .secMenu .deco01 {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
  position: absolute;
  left: 37%;
  bottom: -10%;
  width: 17%;
  z-index: 2;
}
.-top .secMenu .deco02 {
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%;
  z-index: 2;
}
.-top .secMenu .menuWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: clamp(2em, 6vw, 5em);
  position: relative;
}
.-top .secMenu .menuWrap .photoArea {
  width: 45%;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.-top .secMenu .menuWrap .photoArea > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}
.-top .secMenu .menuWrap .photoArea__main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.-top .secMenu .menuWrap .photoArea__main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
  position: relative;
  z-index: 1;
}
.-top .secMenu .menuWrap .textArea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding-top: 4em;
  padding-bottom: 10em;
}
.-top .secMenu .menuWrap .textArea p {
  margin-top: 1.4em;
}
.-top .secMenu .menuWrap .textArea p.lead {
  font-size: clamp(1.6rem, 2vw, 1.9rem);
  font-weight: 500;
  margin-top: 0.8em;
}
.-top .secMenu.-food, .-top .secMenu.-togo {
  background: #F2EBE1;
}
.-top .secMenu.-drink .menuWrap .textArea {
  padding-bottom: 0;
}
.-top .secMenu.-drink .drinkList {
  margin-top: clamp(3em, 7vw, 4.5em);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(3em, 5vw, 7em);
}
.-top .secMenu.-drink .drinkList li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1.4em, 4vw, 2.4em);
  padding: clamp(1.6em, 4vw, 2.2em) 0;
}
.-top .secMenu.-drink .drinkList li .thumb {
  max-width: 12em;
  width: 60%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  position: relative;
}
.-top .secMenu.-drink .drinkList li .thumb img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.-top .secMenu.-drink .drinkList li .thumb::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: #6B5B4B 1px solid;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 18px rgba(107, 91, 75, 0.25);
          box-shadow: 0 0 18px rgba(107, 91, 75, 0.25);
  opacity: 0;
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  pointer-events: none;
}
@media (hover: hover) {
  .-top .secMenu.-drink .drinkList li .thumb:hover img {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
  .-top .secMenu.-drink .drinkList li .thumb:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.-top .secMenu.-drink .drinkList li .textArea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.-top .secMenu.-drink .drinkList li .textArea .en {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: 88%;
  font-weight: 400;
}
.-top .secMenu.-drink .drinkList li .textArea .en span {
  font-weight: 600;
}
.-top .secMenu.-drink .drinkList li .textArea .jp {
  font-size: clamp(1.6rem, 2.2vw, 2rem);
  margin-top: 0.4em;
  line-height: 1.6;
}
.-top .secMenu.-drink .drinkList li .textArea p:not(.en) {
  margin-top: 0.8em;
  font-size: 92%;
  line-height: 1.7;
}
.-top .secMenu.-pet .menuWrap .textArea {
  padding-top: 0;
  padding-bottom: 0;
}
.-top .secMenu.-pet .menuWrap .mannersBtn .outlineBtn {
  padding: 1em 2.5em 1em 1.5em;
  position: relative;
}
.-top .secMenu.-pet .menuWrap .mannersBtn .outlineBtn .arrow {
  margin-left: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: 1.2em;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.-top .secMenu.-pet .menuWrap .mannersArea {
  display: none;
}
.-top .secMenu.-pet .menuWrap .mannersArea .mannersTtl {
  margin-top: 2em;
}
.-top .secMenu.-pet .menuWrap .mannersArea p {
  margin-top: 1em;
  font-size: 93%;
}
.-top .secMenu.-pet .menuWrap .mannersArea .mannersList {
  margin-top: 1em;
}
.-top .secMenu.-pet .menuWrap .mannersArea .mannersList li {
  padding: 0 0 0 30px !important;
  font-size: 93%;
  position: relative;
}
.-top .secMenu.-pet .menuWrap .mannersArea .mannersList li:nth-child(n+2) {
  margin-top: 1em !important;
}
.-top .secMenu.-pet .menuWrap .mannersArea .mannersList li::before {
  content: "■";
  text-align: center;
  width: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1160px) {
  .-top .secMenu .deco01 {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 2px;
    position: absolute;
    left: 37%;
    bottom: -10%;
    width: 17%;
  }
  .-top .secMenu .deco02 {
    bottom: -10%;
  }
}
@media screen and (max-width: 767px) {
  .-top .secMenu .deco01 {
    left: 27%;
    bottom: auto;
    width: 24%;
    top: 86vw;
  }
  .-top .secMenu .deco02 {
    right: 0;
    bottom: auto;
    width: 45%;
    top: 80vw;
  }
  .-top .secMenu .menuWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .-top .secMenu .menuWrap .photoArea {
    width: 80%;
  }
  .-top .secMenu .menuWrap .photoArea > img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 2px;
  }
  .-top .secMenu .menuWrap .photoArea__main {
    padding-bottom: 15vw;
  }
  .-top .secMenu .menuWrap .photoArea__main img {
    height: auto;
  }
  .-top .secMenu .menuWrap .textArea {
    padding-bottom: 0;
    padding-top: 0;
  }
  .-top .secMenu.-drink .menuWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .-top .secMenu.-drink .menuWrap .photoArea {
    margin-left: auto;
    width: 95%;
    margin-right: -6vw;
  }
  .-top .secMenu.-drink .menuWrap .photoArea > img {
    width: 100%;
  }
  .-top .secMenu.-drink .drinkList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .-top .secMenu.-drink .drinkList li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .-top .secMenu.-drink .drinkList li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .-top .secMenu.-drink .drinkList li .thumb {
    width: 30%;
  }
  .-top .secMenu.-pet .menuWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .-top .secMenu.-pet .menuWrap .photoArea {
    margin-left: auto;
    width: 95%;
    margin-right: -6vw;
  }
  .-top .secMenu.-pet .menuWrap .photoArea > img {
    width: 100%;
  }
}
@media screen and (min-width: 861px) {
  .-top .secMenu.-drink .menuWrap, .-top .secMenu.-pet .menuWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (max-width: 560px) {
  .-top .secMenu .drinkList li {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .-top .secMenu .drinkList li .thumb {
    width: 5.6em;
  }
}
.-top {
  /*----------------------------------------------------
  instagram
  ----------------------------------------------------*/
}
.-top .secInsta {
  padding: clamp(4em, 9vw, 6.5em) 0;
  background: #F2EBE1;
}
.-top .secInsta__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1em;
  margin-bottom: clamp(1.6em, 4vw, 2.4em);
}
.-top .secInsta__head .follow {
  text-align: right;
  line-height: 1.6;
}
.-top .secInsta__head .follow span {
  display: block;
  font-style: italic;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: 90%;
}
.-top .secInsta__head .follow a {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  text-decoration: underline;
}
.-top .secInsta .photoGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(0.4em, 1.4vw, 0.8em);
}
.-top .secInsta .photoGrid li img {
  width: 100%;
  aspect-ratio: 4/5;
  -o-object-fit: cover;
     object-fit: cover;
}
.-top .secInsta .photoGrid li:nth-child(6) {
  display: none;
}
@media screen and (max-width: 767px) {
  .-top .secInsta .photoGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .-top .secInsta .photoGrid li:nth-child(6) {
    display: block;
  }
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images .sbi_item {
  opacity: 0;
}
@-webkit-keyframes slideInB {
  0% {
    -webkit-transform: translate(0, 25%);
            transform: translate(0, 25%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
    opacity: 1;
  }
}
@keyframes slideInB {
  0% {
    -webkit-transform: translate(0, 25%);
            transform: translate(0, 25%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0);
    opacity: 1;
  }
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(1) {
  -webkit-animation: slideInB 1s ease 0.1s forwards;
          animation: slideInB 1s ease 0.1s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(2) {
  -webkit-animation: slideInB 1s ease 0.2s forwards;
          animation: slideInB 1s ease 0.2s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(3) {
  -webkit-animation: slideInB 1s ease 0.3s forwards;
          animation: slideInB 1s ease 0.3s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(4) {
  -webkit-animation: slideInB 1s ease 0.4s forwards;
          animation: slideInB 1s ease 0.4s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(5) {
  -webkit-animation: slideInB 1s ease 0.5s forwards;
          animation: slideInB 1s ease 0.5s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(6) {
  -webkit-animation: slideInB 1s ease 0.6s forwards;
          animation: slideInB 1s ease 0.6s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(7) {
  -webkit-animation: slideInB 1s ease 0.7s forwards;
          animation: slideInB 1s ease 0.7s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(8) {
  -webkit-animation: slideInB 1s ease 0.8s forwards;
          animation: slideInB 1s ease 0.8s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(9) {
  -webkit-animation: slideInB 1s ease 0.9s forwards;
          animation: slideInB 1s ease 0.9s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(10) {
  -webkit-animation: slideInB 1s ease 1s forwards;
          animation: slideInB 1s ease 1s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(11) {
  -webkit-animation: slideInB 1s ease 1.1s forwards;
          animation: slideInB 1s ease 1.1s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(12) {
  -webkit-animation: slideInB 1s ease 1.2s forwards;
          animation: slideInB 1s ease 1.2s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(13) {
  -webkit-animation: slideInB 1s ease 1.3s forwards;
          animation: slideInB 1s ease 1.3s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(14) {
  -webkit-animation: slideInB 1s ease 1.4s forwards;
          animation: slideInB 1s ease 1.4s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(15) {
  -webkit-animation: slideInB 1s ease 1.5s forwards;
          animation: slideInB 1s ease 1.5s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(16) {
  -webkit-animation: slideInB 1s ease 1.6s forwards;
          animation: slideInB 1s ease 1.6s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(17) {
  -webkit-animation: slideInB 1s ease 1.7s forwards;
          animation: slideInB 1s ease 1.7s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(18) {
  -webkit-animation: slideInB 1s ease 1.8s forwards;
          animation: slideInB 1s ease 1.8s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(19) {
  -webkit-animation: slideInB 1s ease 1.9s forwards;
          animation: slideInB 1s ease 1.9s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(20) {
  -webkit-animation: slideInB 1s ease 2s forwards;
          animation: slideInB 1s ease 2s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(21) {
  -webkit-animation: slideInB 1s ease 2.1s forwards;
          animation: slideInB 1s ease 2.1s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(22) {
  -webkit-animation: slideInB 1s ease 2.2s forwards;
          animation: slideInB 1s ease 2.2s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(23) {
  -webkit-animation: slideInB 1s ease 2.3s forwards;
          animation: slideInB 1s ease 2.3s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(24) {
  -webkit-animation: slideInB 1s ease 2.4s forwards;
          animation: slideInB 1s ease 2.4s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(25) {
  -webkit-animation: slideInB 1s ease 2.5s forwards;
          animation: slideInB 1s ease 2.5s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(26) {
  -webkit-animation: slideInB 1s ease 2.6s forwards;
          animation: slideInB 1s ease 2.6s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(27) {
  -webkit-animation: slideInB 1s ease 2.7s forwards;
          animation: slideInB 1s ease 2.7s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(28) {
  -webkit-animation: slideInB 1s ease 2.8s forwards;
          animation: slideInB 1s ease 2.8s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(29) {
  -webkit-animation: slideInB 1s ease 2.9s forwards;
          animation: slideInB 1s ease 2.9s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(30) {
  -webkit-animation: slideInB 1s ease 3s forwards;
          animation: slideInB 1s ease 3s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(31) {
  -webkit-animation: slideInB 1s ease 3.1s forwards;
          animation: slideInB 1s ease 3.1s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(32) {
  -webkit-animation: slideInB 1s ease 3.2s forwards;
          animation: slideInB 1s ease 3.2s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(33) {
  -webkit-animation: slideInB 1s ease 3.3s forwards;
          animation: slideInB 1s ease 3.3s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(34) {
  -webkit-animation: slideInB 1s ease 3.4s forwards;
          animation: slideInB 1s ease 3.4s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(35) {
  -webkit-animation: slideInB 1s ease 3.5s forwards;
          animation: slideInB 1s ease 3.5s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(36) {
  -webkit-animation: slideInB 1s ease 3.6s forwards;
          animation: slideInB 1s ease 3.6s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(37) {
  -webkit-animation: slideInB 1s ease 3.7s forwards;
          animation: slideInB 1s ease 3.7s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(38) {
  -webkit-animation: slideInB 1s ease 3.8s forwards;
          animation: slideInB 1s ease 3.8s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(39) {
  -webkit-animation: slideInB 1s ease 3.9s forwards;
          animation: slideInB 1s ease 3.9s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(40) {
  -webkit-animation: slideInB 1s ease 4s forwards;
          animation: slideInB 1s ease 4s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(41) {
  -webkit-animation: slideInB 1s ease 4.1s forwards;
          animation: slideInB 1s ease 4.1s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(42) {
  -webkit-animation: slideInB 1s ease 4.2s forwards;
          animation: slideInB 1s ease 4.2s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(43) {
  -webkit-animation: slideInB 1s ease 4.3s forwards;
          animation: slideInB 1s ease 4.3s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(44) {
  -webkit-animation: slideInB 1s ease 4.4s forwards;
          animation: slideInB 1s ease 4.4s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(45) {
  -webkit-animation: slideInB 1s ease 4.5s forwards;
          animation: slideInB 1s ease 4.5s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(46) {
  -webkit-animation: slideInB 1s ease 4.6s forwards;
          animation: slideInB 1s ease 4.6s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(47) {
  -webkit-animation: slideInB 1s ease 4.7s forwards;
          animation: slideInB 1s ease 4.7s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(48) {
  -webkit-animation: slideInB 1s ease 4.8s forwards;
          animation: slideInB 1s ease 4.8s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(49) {
  -webkit-animation: slideInB 1s ease 4.9s forwards;
          animation: slideInB 1s ease 4.9s forwards;
}
.-top .secInsta .follow-cont #sb_instagram #sbi_images.is-animated .sbi_item:nth-of-type(50) {
  -webkit-animation: slideInB 1s ease 5s forwards;
          animation: slideInB 1s ease 5s forwards;
}
.-top {
  /*----------------------------------------------------
  concept
  ----------------------------------------------------*/
}
.-top .secConcept {
  padding-top: clamp(4em, 9vw, 6.5em);
  background: #EFE7DA;
  position: relative;
}
.-top .secConcept .graySquare {
  width: 13vw;
  height: 13vw;
  background: #d2d2d2;
  position: absolute;
  left: 65.3%;
  bottom: 100%;
  max-width: 220px;
  max-height: 220px;
}
@media screen and (max-width: 767px) {
  .-top .secConcept .graySquare {
    width: 30vw;
    height: 30vw;
    left: auto;
    top: -12vw;
    right: -6vw;
    max-width: 305px;
    bottom: -1vw;
  }
}
.-top .secConcept .label {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.-top .secConcept .concept__ttl {
  margin-top: 0.8em;
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  line-height: 1.5;
  font-weight: 500;
  position: relative;
}
.-top .secConcept .concept__lead {
  margin-top: clamp(1.6em, 4vw, 2.2em);
  max-width: 640px;
  line-height: 1.9;
  position: relative;
}
.-top .secConcept .featureList {
  margin-top: clamp(3.5em, 9vw, 6em);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.4em, 4vw, 4em);
  position: relative;
}
.-top .secConcept .featureList li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2em;
  padding-top: 7em;
  position: relative;
}
.-top .secConcept .featureList .thumb {
  position: relative;
  z-index: 1;
}
.-top .secConcept .featureList .thumb img {
  width: 100%;
  aspect-ratio: 4/5;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}
.-top .secConcept .featureList .textArea {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
.-top .secConcept .featureList .en {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 90%;
}
.-top .secConcept .featureList .jp {
  margin-top: 0.3em;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
}
.-top .secConcept .featureList li.-offset {
  padding-top: 0;
}
.-top .secConcept .featureList li.-offset .textArea {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.-top .secConcept .photoGrid.-detail {
  margin-top: clamp(3.5em, 9vw, 6em);
}
.-top .secConcept .photoGrid.-detail li img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.-top .secConcept .photoGrid.-detail:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(0.4em, 1.4vw, 0.8em);
}
.-top .secConcept .photoGrid.-detail.slick-initialized {
  display: block;
}
@media screen and (max-width: 767px) {
  .-top .secConcept .featureList {
    grid-template-columns: 1fr;
    gap: 3.5em;
  }
  .-top .secConcept .featureList li {
    padding-top: 0;
  }
  .-top .secConcept .featureList li .thumb {
    margin-left: -6vw;
  }
  .-top .secConcept .featureList li.-offset .graySquare {
    display: none !important;
  }
  .-top .secConcept .featureList li.-offset .thumb {
    margin-left: 0;
    margin-right: -6vw;
  }
  .-top .secConcept .featureList .textArea {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .-top .secConcept .photoGrid.-detail:not(.slick-initialized) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.-top {
  /*----------------------------------------------------
  access
  ----------------------------------------------------*/
}
.-top .secAccess {
  padding: clamp(4em, 9vw, 6.5em) 0 clamp(3em, 7vw, 5em);
  background: #EFE7DA;
}
.-top .secAccess .mapImage {
  margin-top: clamp(2em, 5vw, 3em);
}
@media screen and (max-width: 767px) {
  .-top .secAccess .mapImage {
    margin-left: -6vw;
    margin-right: -6vw;
    overflow: auto;
  }
}
.-top .secAccess .mapImage img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .-top .secAccess .mapImage img {
    min-width: 650px;
    max-width: none;
  }
}
.-top .secAccess .accessInfo {
  margin-top: clamp(3em, 7vw, 4.5em);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(2em, 6vw, 4em);
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.-top .secAccess .accessInfo .thumb {
  width: 38%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.-top .secAccess .accessInfo .thumb img {
  width: 100%;
  aspect-ratio: 4/5;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}
.-top .secAccess .accessInfo .mainWrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.-top .secAccess .accessInfo .infoTable {
  width: 100%;
  border-collapse: collapse;
}
.-top .secAccess .accessInfo .infoTable th, .-top .secAccess .accessInfo .infoTable td {
  text-align: left;
  font-weight: 400;
  vertical-align: top;
  line-height: 1.7;
  padding: 0.4em 0;
}
.-top .secAccess .accessInfo .infoTable th {
  width: 7em;
  white-space: nowrap;
}
.-top .secAccess .accessInfo .infoTable td {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}
.-top .secAccess .routeMap {
  max-width: 540px;
  width: 100%;
  margin-top: 2em;
}
.-top .secAccess .routeMap img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .-top .secAccess .accessInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .-top .secAccess .accessInfo .thumb {
    width: 100vw;
    margin: 0 -6vw;
  }
  .-top .secAccess .accessInfo .thumb img {
    width: 100%;
    aspect-ratio: 3/3.4;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .-top .secAccess .accessInfo .infoTable {
    width: 100%;
  }
  .-top .secAccess .accessInfo .infoTable td {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.2em;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .-top .secAccess .routeMap img {
    width: 100vw;
    margin: 0 -6vw;
    max-width: 100vw;
  }
}

/*==================================================================================================
	サブページ
==================================================================================================*/
/*----------------------------------------------------
intro
----------------------------------------------------*/
.secIntro {
  position: relative;
  padding-bottom: clamp(4em, 8vw, 10em);
}
.secIntro .graySquare {
  width: 15.6vw;
  height: 15.6vw;
  left: 0;
  top: 29.5vw;
}
.secIntro .photoArea {
  margin: 7vw 0 0 30.25%;
}
.secIntro .photoArea img {
  width: 100%;
  aspect-ratio: 2.46/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.secIntro .textArea {
  margin: clamp(2.5em, 4.7vw, 6em) 0 0 30.25%;
  padding-right: 3vw;
}
.secIntro .textArea p {
  line-height: 2.3;
}
.secIntro .textArea p + p {
  margin-top: 2.3em;
}
@media screen and (max-width: 767px) {
  .secIntro .photoArea {
    margin: 6vw 0 0;
  }
  .secIntro .photoArea img {
    aspect-ratio: 5/2.9;
  }
  .secIntro .textArea {
    margin: 2.5em 0 0;
    padding: 0 6vw;
  }
  .secIntro .textArea p {
    line-height: 2.1;
  }
  .secIntro .textArea p + p {
    margin-top: 2.1em;
  }
}

.graySquare {
  background: #d2d2d2;
  position: absolute;
}

/*==================================================================================================
	コンセプト
==================================================================================================*/
.-concept .-menu .secMenu__ttl .ttl, .-menu .secMenu__ttl .-concept .ttl, .-concept .-menu .secExp .ttl, .-menu .secExp .-concept .ttl, .-concept .secCta .ttl, .-concept .secHistory .textArea .ttl, .-concept .secWelcome .ttl, .-concept .secHappy .comfort .ttl, .-concept .secHappy__head .ttl, .-concept .secName__head .ttl, .-concept .secBrand__head .ttl {
  font-size: clamp(2.4rem, 3vw, 4.6rem);
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.1em;
}
.-concept .-menu .secMenu__ttl .ttl .en, .-menu .secMenu__ttl .-concept .ttl .en, .-concept .-menu .secExp .ttl .en, .-menu .secExp .-concept .ttl .en, .-concept .secCta .ttl .en, .-concept .secHistory .textArea .ttl .en, .-concept .secWelcome .ttl .en, .-concept .secHappy .comfort .ttl .en, .-concept .secHappy__head .ttl .en, .-concept .secName__head .ttl .en, .-concept .secBrand__head .ttl .en {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 767px) {
  .-concept .-menu .secMenu__ttl .ttl, .-menu .secMenu__ttl .-concept .ttl, .-concept .-menu .secExp .ttl, .-menu .secExp .-concept .ttl, .-concept .secCta .ttl, .-concept .secHistory .textArea .ttl, .-concept .secWelcome .ttl, .-concept .secHappy .comfort .ttl, .-concept .secHappy__head .ttl, .-concept .secName__head .ttl, .-concept .secBrand__head .ttl {
    font-size: 6.4vw;
  }
}
.-concept {
  /*----------------------------------------------------
  brand（新たなウェルネス文化）
  ----------------------------------------------------*/
}
.-concept .secBrand {
  padding: clamp(4em, 8vw, 10em) 0 clamp(4em, 9vw, 11em);
  position: relative;
}
.-concept .secBrand__head {
  text-align: left;
  margin-bottom: 3em;
}
.-concept .secBrand__head .sub {
  font-size: clamp(14px, 1.6129032258vw, 20px);
  letter-spacing: 0.2em;
  font-weight: 600;
}
.-concept .secBrand__head .sub .en {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-weight: 600;
}
.-concept .secBrand__head .sub span {
  font-weight: 500;
}
.-concept .secBrand__head .ttl {
  font-size: clamp(22px, 3.064516129vw, 38px);
  margin-top: 0.4em;
  line-height: 1.7631578947;
}
.-concept .secBrand__txt {
  font-size: clamp(12px, 1.2096774194vw, 15px);
  line-height: 2.0666666667;
}
.-concept .secBrand__txt + .secBrand__txt {
  margin-top: 1.5em;
}
@media screen and (min-width: 768px) {
  .-concept .secBrand__txt {
    width: 49.1525423729%;
  }
}
.-concept .secBrand__thum {
  max-width: 800px;
}
@media screen and (min-width: 768px) {
  .-concept .secBrand__thum {
    position: absolute;
    width: 47.9166666667%;
    right: -2.4305555556%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    top: 50%;
  }
}
@media screen and (max-width: 767px) {
  .-concept .secBrand__thum {
    width: 50%;
    float: right;
    margin-left: 1em;
  }
}
.-concept {
  /*----------------------------------------------------
  name（caféfeという名前に込めた想い）
  ----------------------------------------------------*/
}
.-concept .secName {
  padding: clamp(4em, 8vw, 10em) 0 clamp(4em, 9vw, 11em);
  background: #EFE7DA;
  overflow: hidden;
}
.-concept .secName__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2em;
}
.-concept .secName__head p {
  text-align: right;
}
.-concept .secName .nameCircle {
  margin-top: clamp(3em, 5vw, 6em);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.-concept .secName .nameCircle li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #EFE7DA;
  -webkit-box-shadow: 0 30px 50px -20px rgba(158, 149, 128, 0.35), 0 -24px 40px -16px rgba(255, 255, 255, 0.7);
          box-shadow: 0 30px 50px -20px rgba(158, 149, 128, 0.35), 0 -24px 40px -16px rgba(255, 255, 255, 0.7);
  text-align: center;
  position: relative;
}
.-concept .secName .nameCircle li p {
  font-size: 84%;
  line-height: 2.1;
}
.-concept .secName .nameCircle li.-main {
  width: min(36.8vw, 706px);
  margin: 0 -1.6vw;
  z-index: 2;
}
.-concept .secName .nameCircle li.-main .nameCircle__logo {
  width: 45%;
  margin-bottom: 1.6em;
}
.-concept .secName .nameCircle li.-cafe, .-concept .secName .nameCircle li.-fe {
  width: min(20vw, 384px);
  z-index: 1;
}
.-concept .secName .nameCircle li.-fe .nameCircle__logo {
  width: 17%;
}
.-concept .secName .nameCircle__en {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: clamp(2.4rem, 2.6vw, 4.8rem) !important;
  line-height: 1 !important;
  margin-bottom: 0.7em;
}
.-concept .secName .nameCircle__logo {
  margin-bottom: 1em;
}
.-concept .secName .nameCircle__logo img {
  width: 100%;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 1080px) {
  .-concept .secName .nameCircle li p {
    font-size: 1.1rem;
  }
  .-concept .secName .nameCircle li.-main {
    width: 42vw;
  }
  .-concept .secName .nameCircle li.-cafe, .-concept .secName .nameCircle li.-fe {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  .-concept .secName__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .-concept .secName__head p {
    text-align: left;
  }
  .-concept .secName .nameCircle {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .-concept .secName .nameCircle li p {
    font-size: 2.4vw;
  }
  .-concept .secName .nameCircle li.-main {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: 70vw;
    margin: 0 calc((100% - 70vw) / 2);
  }
  .-concept .secName .nameCircle li.-main p {
    font-size: 2.6vw;
  }
  .-concept .secName .nameCircle li.-cafe, .-concept .secName .nameCircle li.-fe {
    width: 42vw;
    margin-top: -6vw;
  }
  .-concept .secName .nameCircle__en {
    font-size: 5.4vw !important;
  }
}
.-concept {
  /*----------------------------------------------------
  happiness（小さな幸せ）
  ----------------------------------------------------*/
}
.-concept .secHappy {
  padding: clamp(4em, 8vw, 10em) 0 clamp(4em, 9vw, 11em);
}
.-concept .secHappy__head {
  text-align: center;
}
.-concept .secHappy__head .sub {
  font-size: clamp(1.4rem, 1.3vw, 2.2rem);
  letter-spacing: 0.2em;
  font-weight: 600;
}
.-concept .secHappy__head .sub .en {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-weight: 600;
}
.-concept .secHappy__head .ttl {
  margin-top: 0.4em;
}
.-concept .secHappy .menuBlock {
  margin-top: clamp(4em, 7.5vw, 9em);
  padding-left: 5.5vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.-concept .secHappy .menuBlock > .graySquare {
  width: 15.6vw;
  height: 15.6vw;
  left: 0;
  top: -7.5vw;
}
.-concept .secHappy .menuBlock .photoArea {
  width: 40vw;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  position: relative;
  z-index: 1;
}
.-concept .secHappy .menuBlock .photoArea img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.-concept .secHappy .menuBlock .photoArea__main {
  aspect-ratio: 3/4;
}
.-concept .secHappy .menuBlock .photoArea__sub01 {
  position: absolute;
  left: 35.1vw;
  bottom: -4.6vw;
  width: 17vw;
  z-index: 2;
}
.-concept .secHappy .menuBlock .photoArea__sub01 img {
  aspect-ratio: 1/1;
}
.-concept .secHappy .menuBlock .photoArea__sub02 {
  position: absolute;
  left: 56.3vw;
  bottom: 0;
  width: 29.2vw;
}
.-concept .secHappy .menuBlock .photoArea__sub02 img {
  aspect-ratio: 3/2;
}
.-concept .secHappy .menuBlock .photoArea__sub02 .graySquare {
  left: 100%;
  top: 0;
  width: 9.1vw;
  height: 100%;
}
.-concept .secHappy .menuBlock .textArea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding: 0 3vw 0 5.2vw;
}
.-concept .secHappy .menuBlock .textArea .ttl {
  font-size: clamp(2rem, 2.1vw, 3.6rem);
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.-concept .secHappy .menuBlock .textArea p {
  margin-top: clamp(1.6em, 3.4vw, 4em);
  line-height: 2.3;
}
.-concept .secHappy .comfort {
  margin-top: clamp(6em, 13vw, 16em);
  text-align: center;
}
.-concept .secHappy .comfort .ttl {
  font-size: clamp(2.2rem, 2.3vw, 3.8rem);
}
.-concept .secHappy .comfort p {
  margin-top: clamp(1.6em, 3.4vw, 3.6em);
  line-height: 2.3;
}
.-concept .secHappy .sceneList {
  margin: clamp(2.5em, 4.5vw, 5em) auto 0;
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.2em, 3vw, 3.6em);
}
.-concept .secHappy .sceneList li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
  border: rgba(36, 31, 27, 0.5) 1px solid;
  border-radius: 50%;
  font-size: clamp(1.3rem, 1.2vw, 1.8rem);
  line-height: 2;
  letter-spacing: 0.08em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-concept .secHappy .sceneList li:hover {
  background: #241F1B;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .-concept .secHappy__head .sub {
    font-size: 3.4vw;
  }
  .-concept .secHappy__head .ttl {
    font-size: 4.4vw;
    letter-spacing: 0.06em;
  }
  .-concept .secHappy .menuBlock {
    margin-top: 12vw;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .-concept .secHappy .menuBlock > .graySquare {
    left: auto;
    right: 0;
    top: -6.6vw;
    width: 32.4vw;
    height: 32vw;
  }
  .-concept .secHappy .menuBlock .photoArea {
    width: 77vw;
    padding-bottom: 28vw;
  }
  .-concept .secHappy .menuBlock .photoArea__sub01 {
    left: 14.6vw;
    bottom: 0;
    width: 29.8vw;
  }
  .-concept .secHappy .menuBlock .photoArea__sub01 .graySquare {
    right: 100%;
    top: 0;
    width: 14.6vw;
    height: 100%;
  }
  .-concept .secHappy .menuBlock .photoArea__sub02 {
    left: auto;
    right: -23vw;
    bottom: auto;
    top: 88.7vw;
    width: 51.7vw;
    z-index: 1;
  }
  .-concept .secHappy .menuBlock .textArea {
    width: 100%;
    margin-top: 14vw;
    padding: 0 6vw;
  }
  .-concept .secHappy .menuBlock .textArea .ttl {
    font-size: 5.8vw;
  }
  .-concept .secHappy .menuBlock .textArea p {
    line-height: 2.1;
  }
  .-concept .secHappy .menuBlock .textArea .btnArea {
    margin-top: 2.4em;
  }
  .-concept .secHappy .comfort {
    margin-top: 18vw;
  }
  .-concept .secHappy .comfort .ttl {
    font-size: 6vw;
  }
  .-concept .secHappy .comfort p {
    text-align: left;
    line-height: 2.1;
  }
  .-concept .secHappy .sceneList {
    grid-template-columns: repeat(2, 1fr);
    max-width: 76vw;
    gap: 6vw 8vw;
  }
  .-concept .secHappy .sceneList li {
    font-size: 3vw;
  }
}
.-concept {
  /*----------------------------------------------------
  welcome（どなたでも）
  ----------------------------------------------------*/
}
.-concept .secWelcome {
  padding: clamp(4em, 9vw, 11em) 0;
  background: #201C19;
  color: #ffffff;
  text-align: center;
}
.-concept .secWelcome .ttl {
  font-size: clamp(2.2rem, 2.4vw, 4rem);
}
.-concept .secWelcome .lead {
  margin-top: clamp(1.6em, 3.4vw, 3.6em);
  line-height: 2.3;
}
.-concept .secWelcome .targetList {
  margin-top: clamp(3em, 5.6vw, 6.4em);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(2em, 4.2vw, 5em);
}
.-concept .secWelcome .targetList li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 520px;
  padding: clamp(2.4em, 4.5vw, 5.4em) clamp(1.6em, 3.5vw, 4.2em);
  border: rgba(255, 255, 255, 0.25) 1px solid;
  text-align: left;
}
.-concept .secWelcome .targetList li p {
  margin-top: clamp(1.6em, 3vw, 3.6em);
  line-height: 2.3;
}
.-concept .secWelcome .targetList__ttl {
  text-align: center;
}
.-concept .secWelcome .targetList__ttl .en {
  display: block;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: clamp(2.4rem, 2.2vw, 3.6rem);
  font-weight: 600;
  line-height: 1.2;
}
.-concept .secWelcome .targetList__ttl .jp {
  display: block;
  margin-top: 0.8em;
  font-size: clamp(1.1rem, 0.9vw, 1.4rem);
  font-weight: 400;
  letter-spacing: 0.1em;
}
.-concept .secWelcome .closing {
  margin-top: clamp(3em, 5vw, 6em);
  line-height: 2.3;
}
@media screen and (max-width: 767px) {
  .-concept .secWelcome {
    text-align: left;
  }
  .-concept .secWelcome .ttl {
    font-size: 6.4vw;
  }
  .-concept .secWelcome .lead, .-concept .secWelcome .closing {
    line-height: 2.1;
  }
  .-concept .secWelcome .targetList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .-concept .secWelcome .targetList li {
    max-width: none;
    padding: 2em 6vw;
  }
  .-concept .secWelcome .targetList li p {
    margin-top: 1.4em;
    line-height: 2.1;
  }
  .-concept .secWelcome .targetList__ttl {
    text-align: left;
  }
  .-concept .secWelcome .targetList__ttl .en {
    font-size: 7vw;
  }
}
.-concept {
  /*----------------------------------------------------
  history & architecture
  ----------------------------------------------------*/
}
.-concept .secHistory {
  position: relative;
  padding-bottom: 26vw;
}
.-concept .secHistory .graySquare.-top {
  left: 4.6vw;
  top: 0;
  width: 9vw;
  height: 9vw;
}
.-concept .secHistory .historyWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.-concept .secHistory .textArea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding: 18vw 5vw 0 max(3vw, (100vw - 1240px) / 2);
  position: relative;
  z-index: 1;
}
.-concept .secHistory .textArea .label {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: clamp(1.4rem, 1.2vw, 2rem);
}
.-concept .secHistory .textArea .label strong {
  font-weight: 600;
}
.-concept .secHistory .textArea .ttl {
  margin-top: 0.8em;
  margin-bottom: 1em;
}
.-concept .secHistory .textArea .miniLabel {
  font-size: 120%;
  margin-bottom: 0.5em;
}
.-concept .secHistory .textArea p:not(.label) {
  line-height: 2.3;
}
.-concept .secHistory .photoArea {
  width: 40vw;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-top: 11.4vw;
  position: relative;
}
.-concept .secHistory .photoArea img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.-concept .secHistory .photoArea__main {
  aspect-ratio: 3/4;
  position: relative;
  z-index: 1;
}
.-concept .secHistory .photoArea__sub {
  position: absolute;
  top: calc(100% + 0.6vw);
  right: calc(100% + 0.8vw);
  width: 17vw !important;
  aspect-ratio: 1/1;
  z-index: 1;
}
.-concept .secHistory .photoArea .graySquare.-deco01 {
  right: calc(100% - 6vw);
  bottom: -6vw;
  width: 12vw;
  height: 12vw;
}
@media screen and (max-width: 767px) {
  .-concept .secHistory {
    padding-bottom: 20vw;
  }
  .-concept .secHistory .graySquare.-top {
    left: auto;
    right: 0;
    width: 13.5vw;
    height: 13vw;
  }
  .-concept .secHistory .historyWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .-concept .secHistory .textArea {
    padding: 24vw 6vw 0;
  }
  .-concept .secHistory .textArea .ttl {
    font-size: 6.4vw;
  }
  .-concept .secHistory .textArea p:not(.label) {
    line-height: 2.1;
  }
  .-concept .secHistory .photoArea {
    width: 80vw;
    margin: 10vw 0 0 16.7vw;
  }
  .-concept .secHistory .photoArea__main {
    aspect-ratio: 3/4.5;
  }
  .-concept .secHistory .photoArea__sub {
    top: 90vw;
    right: auto;
    left: -13.4vw;
    width: 40vw !important;
    z-index: 2;
  }
  .-concept .secHistory .photoArea .graySquare.-deco01 {
    right: auto;
    bottom: auto;
    left: 26.6vw;
    top: 120vw;
    width: 16vw;
    height: 9vw;
  }
}
.-concept {
  /*----------------------------------------------------
  cta
  ----------------------------------------------------*/
}
.-concept .secCta {
  padding: clamp(3.5em, 5vw, 6em) 0 clamp(4em, 6.5vw, 8em);
  background: #EFE7DA;
}
.-concept .secCta__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2em;
}
.-concept .secCta p {
  margin-top: clamp(1.4em, 2.6vw, 3em);
  line-height: 2;
}
.-concept .secCta .btnArea {
  margin-top: 0.4em;
}
@media screen and (max-width: 767px) {
  .-concept .secCta {
    padding: 12vw 0;
  }
  .-concept .secCta__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .-concept .secCta .btnArea {
    width: 100%;
    margin-top: 2.4em;
  }
}

/*==================================================================================================
	メニュー
==================================================================================================*/
.-menu .secMenu__ttl .ttl, .-menu .secExp .ttl, .-menu .-concept .secBrand__head .ttl, .-concept .secBrand__head .-menu .ttl, .-menu .-concept .secName__head .ttl, .-concept .secName__head .-menu .ttl, .-menu .-concept .secHappy__head .ttl, .-concept .secHappy__head .-menu .ttl, .-menu .-concept .secHappy .comfort .ttl, .-concept .secHappy .comfort .-menu .ttl, .-menu .-concept .secWelcome .ttl, .-concept .secWelcome .-menu .ttl, .-menu .-concept .secHistory .textArea .ttl, .-concept .secHistory .textArea .-menu .ttl, .-menu .-concept .secCta .ttl, .-concept .secCta .-menu .ttl {
  font-size: clamp(30px, 3.3870967742vw, 42px);
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.-menu .secMenu__ttl .en.ttl, .-menu .secExp .en.ttl, .-menu .-concept .secBrand__head .en.ttl, .-concept .secBrand__head .-menu .en.ttl, .-menu .-concept .secName__head .en.ttl, .-concept .secName__head .-menu .en.ttl, .-menu .-concept .secHappy__head .en.ttl, .-concept .secHappy__head .-menu .en.ttl, .-menu .-concept .secHappy .comfort .en.ttl, .-concept .secHappy .comfort .-menu .en.ttl, .-menu .-concept .secWelcome .en.ttl, .-concept .secWelcome .-menu .en.ttl, .-menu .-concept .secHistory .textArea .en.ttl, .-concept .secHistory .textArea .-menu .en.ttl, .-menu .-concept .secCta .en.ttl, .-concept .secCta .-menu .en.ttl {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .-menu .secMenu__ttl .ttl, .-menu .secExp .ttl, .-menu .-concept .secBrand__head .ttl, .-concept .secBrand__head .-menu .ttl, .-menu .-concept .secName__head .ttl, .-concept .secName__head .-menu .ttl, .-menu .-concept .secHappy__head .ttl, .-concept .secHappy__head .-menu .ttl, .-menu .-concept .secHappy .comfort .ttl, .-concept .secHappy .comfort .-menu .ttl, .-menu .-concept .secWelcome .ttl, .-concept .secWelcome .-menu .ttl, .-menu .-concept .secHistory .textArea .ttl, .-concept .secHistory .textArea .-menu .ttl, .-menu .-concept .secCta .ttl, .-concept .secCta .-menu .ttl {
    font-size: 6.4vw;
  }
}
.-menu {
  /*----------------------------------------------------
  exp（日常に溶け込む、非日常体験を。）
  ----------------------------------------------------*/
}
.-menu .secExp {
  padding: 5em 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .-menu .secExp {
    padding: 3em 0;
  }
}
.-menu .secExp p {
  line-height: 2.3;
  font-size: clamp(12px, 1.2096774194vw, 15px);
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .-menu .secExp p {
    margin-top: 1em;
  }
}
.-menu .secLink {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 5em;
}
.-menu .secLink .pagelink {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  font-size: clamp(11px, 1.2903225806vw, 16px);
}
.-menu .secLink .pagelink.is-active {
  position: fixed;
  z-index: 100;
  opacity: 0;
}
.-menu .secLink .pagelink.is-active.is-show {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .-menu .secLink .pagelink.is-active {
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    display: block;
    width: 9em;
  }
  .-menu .secLink .pagelink.is-active li {
    margin-left: 0 !important;
    margin-top: 1px;
  }
}
@media screen and (max-width: 767px) {
  .-menu .secLink .pagelink.is-active {
    bottom: 0;
  }
}
.-menu .secLink .pagelink li {
  width: 100%;
}
.-menu .secLink .pagelink li:not(:first-child) {
  margin-left: 2em;
}
@media screen and (max-width: 767px) {
  .-menu .secLink .pagelink li:not(:first-child) {
    margin-left: 1px;
  }
}
.-menu .secLink .pagelink li a {
  display: block;
  text-align: center;
  color: #FFF;
  background: #000;
  width: 100%;
  line-height: 3.25em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .-menu .secLink .pagelink li a {
    padding-right: 0.75em;
    line-height: 4.375em;
  }
}
.-menu .secLink .pagelink li a:after {
  content: "";
  background: url(../img/common/arrow_d_beige.svg) no-repeat;
  position: absolute;
  right: 0.75em;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 0.625em;
  height: 0.375em;
}
@media screen and (max-width: 767px) {
  .-menu .secLink .pagelink li a:after {
    right: 0.5em;
  }
}
.-menu {
  /*----------------------------------------------------
  menu（caféfeを代表するおすすめメニュー）
  ----------------------------------------------------*/
}
.-menu .secMenu {
  padding: 5em 0;
}
.-menu .secMenu:nth-of-type(even) {
  background: #e3decf;
}
@media screen and (max-width: 767px) {
  .-menu .secMenu {
    padding: 3em 0;
  }
}
.-menu .secMenu__ttl {
  text-align: center;
  margin-bottom: 3em;
}
.-menu .secMenu__ttl .ttl {
  font-size: clamp(28px, 3.3870967742vw, 42px);
}
.-menu .secMenu__ttl .ttl span {
  font-weight: normal;
}
.-menu .secMenu__ttl .sub {
  font-weight: bold;
  margin-top: 0.25em;
  font-size: clamp(12px, 1.2903225806vw, 16px);
}
.-menu .secMenu__subttl {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: clamp(16px, 1.6129032258vw, 20px);
  font-weight: bold;
}
.-menu .secMenu .setNote {
  text-align: center;
  color: #90744f;
  font-size: clamp(14px, 1.2903225806vw, 16px);
  margin-top: 1em;
}
.-menu .secMenu .setNote p {
  display: inline-block;
  border: 1px dashed #90744f;
  padding: 1.25em 4em;
}
@media screen and (max-width: 767px) {
  .-menu .secMenu .setNote p {
    padding: 1em;
  }
}
.-menu .secMenu .signatureCont {
  font-size: clamp(12px, 1.2096774194vw, 15px);
}
@media screen and (min-width: 768px) {
  .-menu .secMenu .signatureCont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .-menu .secMenu .signatureCont:nth-of-type(odd) .signatureCont__thum {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .-menu .secMenu .signatureCont:nth-of-type(odd) .signatureCont__info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.-menu .secMenu .signatureCont + .signatureCont {
  margin-top: 6em;
}
@media screen and (min-width: 768px) {
  .-menu .secMenu .signatureCont__thum {
    width: 55.9322033898%;
  }
}
@media screen and (min-width: 768px) {
  .-menu .secMenu .signatureCont__info {
    width: 38.6440677966%;
  }
}
@media screen and (max-width: 767px) {
  .-menu .secMenu .signatureCont__info {
    margin-top: 2em;
  }
}
.-menu .secMenu .signatureCont__info__num {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 1.3333333333em;
}
.-menu .secMenu .signatureCont__info__name {
  font-size: clamp(20px, 2.4193548387vw, 30px);
  line-height: 1.75;
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .-menu .secMenu .signatureCont__info__name {
    margin-top: 0.25em;
    margin-top: 0.5em;
  }
}
.-menu .secMenu .signatureCont__info__name .sm {
  font-size: 0.6666666667em;
}
.-menu .secMenu .signatureCont__info__name .block {
  display: block;
  margin-top: 0.25em;
}
.-menu .secMenu .signatureCont__info__tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 3em;
}
.-menu .secMenu .signatureCont__info__tag li {
  padding: 0.5em 2.5em;
  border: 1px solid #999;
  font-size: 0.8em;
}
.-menu .secMenu .signatureCont__info__tag li + li {
  margin-left: 1em;
}
.-menu .secMenu .menuList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.-menu .secMenu .menuList:has(li:nth-child(3)) {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.-menu .secMenu .menuList:has(li:nth-child(3)):after {
  content: "";
  width: 31%;
}
.-menu .secMenu .menuList:not(:has(li:nth-child(3))) {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.-menu .secMenu .menuList:not(:has(li:nth-child(3))) li {
  margin-left: 3.5%;
}
@media screen and (min-width: 768px) {
  .-menu .secMenu .menuList:not(:has(li:nth-child(3))) li:nth-of-type(3n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .-menu .secMenu .menuList:not(:has(li:nth-child(3))) li {
    margin-left: 0;
  }
}
.-menu .secMenu .menuList li {
  width: 31%;
  margin-bottom: 3%;
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 767px) {
  .-menu .secMenu .menuList li {
    width: 100%;
    margin-bottom: 8%;
  }
}
.-menu .secMenu .menuList__info {
  padding: 1.25em 1.25em 1.75em;
}
.-menu .secMenu .menuList__info__name {
  font-size: clamp(14px, 1.2903225806vw, 16px);
  margin-bottom: 0.75em;
  font-weight: bold;
}
.-menu .secMenu .menuList__info__name:not(:first-child) {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .-menu .secMenu .menuList__info__name {
    margin-bottom: 0.5em;
  }
}
.-menu .secMenu .menuList__info__name .sub {
  color: #90744f;
}
.-menu .secMenu .menuList__info__name .sm {
  font-size: 0.75em;
}
.-menu .secMenu .menuList__info__name .block {
  display: block;
}
.-menu .secMenu .menuList__info__txt {
  font-size: clamp(10px, 0.9677419355vw, 12px);
}
.-menu .secMenu .menuList__data {
  margin-top: auto;
  padding: 0 1.25em 1.75em;
}
.-menu .secMenu .menuList__data__time {
  text-align: right;
}
.-menu .secMenu .menuList__data__time span {
  padding: 0.3em 1em;
  color: #fff;
  line-height: 1.2;
  background: #90744f;
  display: inline-block;
}
.-menu .secMenu .btn {
  font-size: clamp(13px, 1.2903225806vw, 16px);
  display: block;
  text-align: center;
  color: #FFF;
  background: #000;
  width: 16.875em;
  line-height: 3.25em;
  position: relative;
  margin: 2em auto 0;
}
.-menu .secMenu .btn:hover {
  opacity: 0.8;
}
.-menu .secMenu .btn:after {
  content: "";
  background: url(../img/common/ico-pdf.svg) no-repeat;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  position: absolute;
  right: 1em;
  top: 50%;
  width: 1em;
  height: 1em;
}
@media screen and (min-width: 768px) {
  .-menu .secMenu .drinkCont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.-menu .secMenu .drinkCont + .drinkCont {
  margin-top: 3em;
}
.-menu .secMenu .drinkMain {
  background: #FFF;
}
@media screen and (min-width: 768px) {
  .-menu .secMenu .drinkMain {
    margin-right: 4%;
    width: 38.813559322%;
  }
}
@media screen and (max-width: 767px) {
  .-menu .secMenu .drinkMain {
    margin-bottom: 3em;
  }
}
.-menu .secMenu .drinkInfo {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 768px) {
  .-menu .secMenu .drinkInfo {
    width: 47%;
  }
  .-menu .secMenu .drinkInfo + .drinkInfo {
    margin-left: 3%;
  }
}
@media screen and (max-width: 767px) {
  .-menu .secMenu .drinkInfo + .drinkInfo {
    margin-top: 3em;
  }
}
.-menu .secMenu .drinkInfo__ttl {
  font-size: clamp(16px, 1.6129032258vw, 20px);
  font-weight: bold;
  margin-bottom: 0.5em;
}
.-menu .secMenu .drinkInfo__ttl span {
  font-weight: 500;
}
.-menu .secMenu .drinkInfo__bdy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
.-menu .secMenu .drinkInfo__thum {
  width: 45.2830188679%;
  margin: 1em 1.5em 1em 0;
}
.-menu .secMenu .drinkInfo__thum .img-area {
  text-align: center;
  margin-top: 0.5em;
}
.-menu .secMenu .drinkInfo__thum .img-area span {
  margin: 0 0.5em;
  cursor: pointer;
}
.-menu .secMenu .drinkInfo__menu {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.-menu .secMenu .drinkInfo__menu.changeImg {
  margin-top: 1em;
}
.-menu .secMenu .drinkInfo__menu.changeImg li {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-menu .secMenu .drinkInfo__menu.changeImg li.cur {
  background: #d3ccbc;
}
.-menu .secMenu .drinkInfo__menu li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(14px, 1.2903225806vw, 16px);
  padding: 1em 0.5em;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.-menu .secMenu .drinkInfo__menu li + li {
  border-top: 1px dashed #90744f;
}
.-menu .secMenu .drinkInfo__menu li .ico {
  width: 2.6875em;
  margin-right: 1em;
}
.-menu .secMenu .drinkInfo__menu li .name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: clamp(13px, 1.2903225806vw, 16px);
  font-weight: bold;
  line-height: 1.6;
}
.-menu .secMenu .drinkInfo__menu li .name .sub {
  color: #90744f;
  margin-top: 0.25em;
}
.-menu .secMenu .drinkInfo__menu li .name .sm {
  font-size: 0.625em;
}
.-menu .secMenu .drinkInfo__menu li .name .block {
  display: block;
}
.-menu .secMenu .drinkInfo__menu li .txt {
  font-size: clamp(10px, 0.9677419355vw, 12px);
  margin-top: 1em;
}
.-menu .secMenu .drinkInfo__note {
  font-size: clamp(10px, 0.9677419355vw, 12px);
  margin-top: 2em;
  margin-left: 1em;
}
.-menu .secMenu .drinkInfo__note li {
  text-indent: -1em;
}
.-menu .menuNote {
  text-align: center;
  font-size: clamp(10px, 0.9677419355vw, 12px);
  margin: 3em 0 3em;
}

/*==================================================================================================
	プライバシー
==================================================================================================*/
.-privacy .privacy-cont {
  max-width: 800px;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 3em 0;
  text-align: left;
  color: #231e1f;
}
@media screen and (max-width: 767px) {
  .-privacy .privacy-cont {
    font-size: 0.875em;
  }
}
.-privacy .privacy-cont h2 {
  margin-top: 2em;
  margin-bottom: 0.75em;
  text-align: center;
  font-size: 1.25em;
}
.-privacy .privacy-cont ol {
  font-size: 0.9375em;
  margin-bottom: 1em;
}
.-privacy .privacy-cont ol > li {
  list-style: decimal;
  margin-left: 1.5em;
}
.-privacy .privacy-cont ol > li + li {
  margin-top: 0.5em;
}
.-privacy .privacy-cont ol > li ul {
  margin-top: 0.5em;
}
.-privacy .privacy-cont ul {
  font-size: 0.9375em;
  margin-bottom: 1em;
}
.-privacy .privacy-cont ul > li {
  margin-left: 1em;
  text-indent: -1em;
}
.-privacy .privacy-cont ul > li + li {
  margin-top: 0.25em;
}
.-privacy .privacy-cont table {
  width: 100%;
  margin: 0.5em 0 1em;
  text-align: center;
}
.-privacy .privacy-cont table th, .-privacy .privacy-cont table td {
  border: 1px solid #231e1f;
  padding: 0.25em;
}
.-privacy .privacy-cont table th {
  width: 40%;
}
.-privacy .privacy-cont table thead th, .-privacy .privacy-cont table thead td {
  font-weight: bold;
  background: #b78a3d;
  color: #FFF;
}
.-privacy .privacy-cont p {
  margin-bottom: 1em;
  font-size: 0.9375em;
}
.-privacy .privacy-cont a {
  text-decoration: underline;
}
.-privacy .privacy-cont a:hover {
  text-decoration: none;
}
.-privacy .privacy-cont hr {
  margin: 4em 0 2em;
}