@font-face {
  font-family: 'Noto Serif SC' !important;
  src: url('../fonts/NotoSerifSC-VariableFont_wght.woff2') format('woff2');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
.ch {
    font-family: 'Noto Serif SC' !important;
    font-weight: 300 !important;
}
body {
    font-family: "Noto Serif SC", serif !important;
    letter-spacing: 2px !important;
}
.qr-link {
    max-width: 400px;
}
.restaurant .area .box:nth-child(1) .card01 .hero-ttl {
    width: 35%;
    text-align: end;
}
/* ============== スマホ（小型）-630 ============== */
@media screen and (max-width: 630px) {
.message .area .box:nth-child(2) h3 {
    font-size: 28px;
    writing-mode: horizontal-tb;
}
.concept .area .box:nth-child(3) .tate{
    writing-mode: horizontal-tb;
}
.room .area .box:nth-child(2) .contents {
    width: 100%;
}
.facility .area .box:nth-child(2) {
    width: 100%;
}
.restaurant .area .box:nth-child(1) .card01 .hero-ttl {
    width: 100%;
    text-align: start;
}
}