@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&family=Libre+Baskerville&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap);
@charset "UTF-8";
[data-bb-global-footer],
[data-bb-global-header],
[data-bb-global-menu] {
  color: #575552;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', sans-serif;
  font-feature-settings: 'palt';
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }
  [data-bb-global-footer] *,
  [data-bb-global-header] *,
  [data-bb-global-menu] * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-backface-visibility: hidden; }
  [data-bb-global-footer] a,
  [data-bb-global-header] a,
  [data-bb-global-menu] a {
    text-decoration: none; }
  [data-bb-global-footer] html, [data-bb-global-footer] body, [data-bb-global-footer] div, [data-bb-global-footer] span, [data-bb-global-footer] applet, [data-bb-global-footer] object, [data-bb-global-footer] iframe,
  [data-bb-global-footer] h1, [data-bb-global-footer] h2, [data-bb-global-footer] h3, [data-bb-global-footer] h4, [data-bb-global-footer] h5, [data-bb-global-footer] h6, [data-bb-global-footer] p, [data-bb-global-footer] blockquote, [data-bb-global-footer] pre,
  [data-bb-global-footer] a, [data-bb-global-footer] abbr, [data-bb-global-footer] acronym, [data-bb-global-footer] address, [data-bb-global-footer] big, [data-bb-global-footer] cite, [data-bb-global-footer] code,
  [data-bb-global-footer] del, [data-bb-global-footer] dfn, [data-bb-global-footer] em, [data-bb-global-footer] img, [data-bb-global-footer] ins, [data-bb-global-footer] kbd, [data-bb-global-footer] q, [data-bb-global-footer] s, [data-bb-global-footer] samp,
  [data-bb-global-footer] small, [data-bb-global-footer] strike, [data-bb-global-footer] strong, [data-bb-global-footer] sub, [data-bb-global-footer] sup, [data-bb-global-footer] tt, [data-bb-global-footer] var,
  [data-bb-global-footer] b, [data-bb-global-footer] u, [data-bb-global-footer] i, [data-bb-global-footer] center,
  [data-bb-global-footer] dl, [data-bb-global-footer] dt, [data-bb-global-footer] dd, [data-bb-global-footer] ol, [data-bb-global-footer] ul, [data-bb-global-footer] li,
  [data-bb-global-footer] fieldset, [data-bb-global-footer] form, [data-bb-global-footer] label, [data-bb-global-footer] legend,
  [data-bb-global-footer] table, [data-bb-global-footer] caption, [data-bb-global-footer] tbody, [data-bb-global-footer] tfoot, [data-bb-global-footer] thead, [data-bb-global-footer] tr, [data-bb-global-footer] th, [data-bb-global-footer] td,
  [data-bb-global-footer] article, [data-bb-global-footer] aside, [data-bb-global-footer] canvas, [data-bb-global-footer] details, [data-bb-global-footer] embed,
  [data-bb-global-footer] figure, [data-bb-global-footer] figcaption, [data-bb-global-footer] footer, [data-bb-global-footer] header, [data-bb-global-footer] hgroup,
  [data-bb-global-footer] menu, [data-bb-global-footer] nav, [data-bb-global-footer] output, [data-bb-global-footer] ruby, [data-bb-global-footer] section, [data-bb-global-footer] summary,
  [data-bb-global-footer] time, [data-bb-global-footer] mark, [data-bb-global-footer] audio, [data-bb-global-footer] video,
  [data-bb-global-header] html,
  [data-bb-global-header] body,
  [data-bb-global-header] div,
  [data-bb-global-header] span,
  [data-bb-global-header] applet,
  [data-bb-global-header] object,
  [data-bb-global-header] iframe,
  [data-bb-global-header] h1,
  [data-bb-global-header] h2,
  [data-bb-global-header] h3,
  [data-bb-global-header] h4,
  [data-bb-global-header] h5,
  [data-bb-global-header] h6,
  [data-bb-global-header] p,
  [data-bb-global-header] blockquote,
  [data-bb-global-header] pre,
  [data-bb-global-header] a,
  [data-bb-global-header] abbr,
  [data-bb-global-header] acronym,
  [data-bb-global-header] address,
  [data-bb-global-header] big,
  [data-bb-global-header] cite,
  [data-bb-global-header] code,
  [data-bb-global-header] del,
  [data-bb-global-header] dfn,
  [data-bb-global-header] em,
  [data-bb-global-header] img,
  [data-bb-global-header] ins,
  [data-bb-global-header] kbd,
  [data-bb-global-header] q,
  [data-bb-global-header] s,
  [data-bb-global-header] samp,
  [data-bb-global-header] small,
  [data-bb-global-header] strike,
  [data-bb-global-header] strong,
  [data-bb-global-header] sub,
  [data-bb-global-header] sup,
  [data-bb-global-header] tt,
  [data-bb-global-header] var,
  [data-bb-global-header] b,
  [data-bb-global-header] u,
  [data-bb-global-header] i,
  [data-bb-global-header] center,
  [data-bb-global-header] dl,
  [data-bb-global-header] dt,
  [data-bb-global-header] dd,
  [data-bb-global-header] ol,
  [data-bb-global-header] ul,
  [data-bb-global-header] li,
  [data-bb-global-header] fieldset,
  [data-bb-global-header] form,
  [data-bb-global-header] label,
  [data-bb-global-header] legend,
  [data-bb-global-header] table,
  [data-bb-global-header] caption,
  [data-bb-global-header] tbody,
  [data-bb-global-header] tfoot,
  [data-bb-global-header] thead,
  [data-bb-global-header] tr,
  [data-bb-global-header] th,
  [data-bb-global-header] td,
  [data-bb-global-header] article,
  [data-bb-global-header] aside,
  [data-bb-global-header] canvas,
  [data-bb-global-header] details,
  [data-bb-global-header] embed,
  [data-bb-global-header] figure,
  [data-bb-global-header] figcaption,
  [data-bb-global-header] footer,
  [data-bb-global-header] header,
  [data-bb-global-header] hgroup,
  [data-bb-global-header] menu,
  [data-bb-global-header] nav,
  [data-bb-global-header] output,
  [data-bb-global-header] ruby,
  [data-bb-global-header] section,
  [data-bb-global-header] summary,
  [data-bb-global-header] time,
  [data-bb-global-header] mark,
  [data-bb-global-header] audio,
  [data-bb-global-header] video,
  [data-bb-global-menu] html,
  [data-bb-global-menu] body,
  [data-bb-global-menu] div,
  [data-bb-global-menu] span,
  [data-bb-global-menu] applet,
  [data-bb-global-menu] object,
  [data-bb-global-menu] iframe,
  [data-bb-global-menu] h1,
  [data-bb-global-menu] h2,
  [data-bb-global-menu] h3,
  [data-bb-global-menu] h4,
  [data-bb-global-menu] h5,
  [data-bb-global-menu] h6,
  [data-bb-global-menu] p,
  [data-bb-global-menu] blockquote,
  [data-bb-global-menu] pre,
  [data-bb-global-menu] a,
  [data-bb-global-menu] abbr,
  [data-bb-global-menu] acronym,
  [data-bb-global-menu] address,
  [data-bb-global-menu] big,
  [data-bb-global-menu] cite,
  [data-bb-global-menu] code,
  [data-bb-global-menu] del,
  [data-bb-global-menu] dfn,
  [data-bb-global-menu] em,
  [data-bb-global-menu] img,
  [data-bb-global-menu] ins,
  [data-bb-global-menu] kbd,
  [data-bb-global-menu] q,
  [data-bb-global-menu] s,
  [data-bb-global-menu] samp,
  [data-bb-global-menu] small,
  [data-bb-global-menu] strike,
  [data-bb-global-menu] strong,
  [data-bb-global-menu] sub,
  [data-bb-global-menu] sup,
  [data-bb-global-menu] tt,
  [data-bb-global-menu] var,
  [data-bb-global-menu] b,
  [data-bb-global-menu] u,
  [data-bb-global-menu] i,
  [data-bb-global-menu] center,
  [data-bb-global-menu] dl,
  [data-bb-global-menu] dt,
  [data-bb-global-menu] dd,
  [data-bb-global-menu] ol,
  [data-bb-global-menu] ul,
  [data-bb-global-menu] li,
  [data-bb-global-menu] fieldset,
  [data-bb-global-menu] form,
  [data-bb-global-menu] label,
  [data-bb-global-menu] legend,
  [data-bb-global-menu] table,
  [data-bb-global-menu] caption,
  [data-bb-global-menu] tbody,
  [data-bb-global-menu] tfoot,
  [data-bb-global-menu] thead,
  [data-bb-global-menu] tr,
  [data-bb-global-menu] th,
  [data-bb-global-menu] td,
  [data-bb-global-menu] article,
  [data-bb-global-menu] aside,
  [data-bb-global-menu] canvas,
  [data-bb-global-menu] details,
  [data-bb-global-menu] embed,
  [data-bb-global-menu] figure,
  [data-bb-global-menu] figcaption,
  [data-bb-global-menu] footer,
  [data-bb-global-menu] header,
  [data-bb-global-menu] hgroup,
  [data-bb-global-menu] menu,
  [data-bb-global-menu] nav,
  [data-bb-global-menu] output,
  [data-bb-global-menu] ruby,
  [data-bb-global-menu] section,
  [data-bb-global-menu] summary,
  [data-bb-global-menu] time,
  [data-bb-global-menu] mark,
  [data-bb-global-menu] audio,
  [data-bb-global-menu] video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }
  [data-bb-global-footer] html,
  [data-bb-global-header] html,
  [data-bb-global-menu] html {
    line-height: 1; }
  [data-bb-global-footer] ol, [data-bb-global-footer] ul,
  [data-bb-global-header] ol,
  [data-bb-global-header] ul,
  [data-bb-global-menu] ol,
  [data-bb-global-menu] ul {
    list-style: none; }
  [data-bb-global-footer] table,
  [data-bb-global-header] table,
  [data-bb-global-menu] table {
    border-collapse: collapse;
    border-spacing: 0; }
  [data-bb-global-footer] caption, [data-bb-global-footer] th, [data-bb-global-footer] td,
  [data-bb-global-header] caption,
  [data-bb-global-header] th,
  [data-bb-global-header] td,
  [data-bb-global-menu] caption,
  [data-bb-global-menu] th,
  [data-bb-global-menu] td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle; }
  [data-bb-global-footer] q, [data-bb-global-footer] blockquote,
  [data-bb-global-header] q,
  [data-bb-global-header] blockquote,
  [data-bb-global-menu] q,
  [data-bb-global-menu] blockquote {
    quotes: none; }
  [data-bb-global-footer] q:before, [data-bb-global-footer] q:after, [data-bb-global-footer] blockquote:before, [data-bb-global-footer] blockquote:after,
  [data-bb-global-header] q:before,
  [data-bb-global-header] q:after,
  [data-bb-global-header] blockquote:before,
  [data-bb-global-header] blockquote:after,
  [data-bb-global-menu] q:before,
  [data-bb-global-menu] q:after,
  [data-bb-global-menu] blockquote:before,
  [data-bb-global-menu] blockquote:after {
    content: "";
    content: none; }
  [data-bb-global-footer] a img,
  [data-bb-global-header] a img,
  [data-bb-global-menu] a img {
    border: none; }
  [data-bb-global-footer] article, [data-bb-global-footer] aside, [data-bb-global-footer] details, [data-bb-global-footer] figcaption, [data-bb-global-footer] figure, [data-bb-global-footer] footer, [data-bb-global-footer] header, [data-bb-global-footer] hgroup, [data-bb-global-footer] main, [data-bb-global-footer] menu, [data-bb-global-footer] nav, [data-bb-global-footer] section, [data-bb-global-footer] summary,
  [data-bb-global-header] article,
  [data-bb-global-header] aside,
  [data-bb-global-header] details,
  [data-bb-global-header] figcaption,
  [data-bb-global-header] figure,
  [data-bb-global-header] footer,
  [data-bb-global-header] header,
  [data-bb-global-header] hgroup,
  [data-bb-global-header] main,
  [data-bb-global-header] menu,
  [data-bb-global-header] nav,
  [data-bb-global-header] section,
  [data-bb-global-header] summary,
  [data-bb-global-menu] article,
  [data-bb-global-menu] aside,
  [data-bb-global-menu] details,
  [data-bb-global-menu] figcaption,
  [data-bb-global-menu] figure,
  [data-bb-global-menu] footer,
  [data-bb-global-menu] header,
  [data-bb-global-menu] hgroup,
  [data-bb-global-menu] main,
  [data-bb-global-menu] menu,
  [data-bb-global-menu] nav,
  [data-bb-global-menu] section,
  [data-bb-global-menu] summary {
    display: block; }

[data-bb-global-menu] [data-bb-global-menu-ttl] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px auto;
  width: 320px; }
  [data-bb-global-menu] [data-bb-global-menu-ttl] [data-bb-global-menu-left] {
    flex-shrink: 0; }
  [data-bb-global-menu] [data-bb-global-menu-ttl] [data-bb-global-menu-right] {
    margin-left: 8px; }
  [data-bb-global-menu] [data-bb-global-menu-ttl] [data-bb-txt-l] {
    display: block;
    font-family: 'Sawarabi Mincho';
    font-size: 14px;
    line-height: 22px; }
  [data-bb-global-menu] [data-bb-global-menu-ttl] [data-bb-txt-s] {
    display: block;
    margin-top: 8px;
    font-family: 'Libre Baskerville';
    font-size: 10px; }
    [data-bb-global-menu] [data-bb-global-menu-ttl] [data-bb-txt-s]:before {
      margin-right: 8px;
      content: 'by'; }

[data-bb-global-footer] [data-bb-nav] {
  position: relative;
  margin: auto; }
  @media (min-width: 769px) {
    [data-bb-global-footer] [data-bb-nav] {
      max-width: 240px; } }
  @media (max-width: 768px) {
    [data-bb-global-footer] [data-bb-nav] {
      max-width: 375px; } }
  [data-bb-global-footer] [data-bb-nav] [data-bb-nav-list] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    [data-bb-global-footer] [data-bb-nav] [data-bb-nav-list]:not(:first-child) {
      margin: 20px auto 0; }
    [data-bb-global-footer] [data-bb-nav] [data-bb-nav-list] [data-bb-nav-list-item] {
      width: 50%; }
      @media (min-width: 769px) {
        [data-bb-global-footer] [data-bb-nav] [data-bb-nav-list] [data-bb-nav-list-item] {
          height: 24px; } }
      @media (max-width: 768px) {
        [data-bb-global-footer] [data-bb-nav] [data-bb-nav-list] [data-bb-nav-list-item] {
          height: 40px; } }
    [data-bb-global-footer] [data-bb-nav] [data-bb-nav-list] [data-bb-nav-link] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      font-size: 11px; }
    [data-bb-global-footer] [data-bb-nav] [data-bb-nav-list]:after {
      display: block;
      width: 50%;
      height: 0;
      content: ''; }

[data-bb-global-menu] [data-bb-global-menu-btns] [data-bb-global-menu-btn] [data-bb-global-menu-btn-link], [data-bb-global-menu] [data-bb-global-menu-btns] [data-bb-global-menu-btn]:last-child [data-bb-global-menu-btn-link], [data-bb-global-footer] [data-bb-footer-btn-link] {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer; }

[data-bb-global-menu] [data-bb-global-menu-btns] [data-bb-global-menu-btn] [data-bb-global-menu-btn-link], [data-bb-global-menu] [data-bb-global-menu-btns] [data-bb-global-menu-btn]:last-child [data-bb-global-menu-btn-link] {
  border-radius: 16px;
  width: 100px;
  height: 32px;
  font-size: 11px; }

[data-bb-global-menu] [data-bb-global-menu-btns] [data-bb-global-menu-btn] [data-bb-global-menu-btn-link] {
  border: solid 1px #ccc;
  color: #999;
  background: #fff; }

[data-bb-global-menu] [data-bb-global-menu-btns] [data-bb-global-menu-btn]:last-child [data-bb-global-menu-btn-link] {
  border: solid 1px #0071e3;
  color: #fff;
  background: #0071e3; }

[data-bb-global-footer] [data-bb-footer-btn-link] {
  width: 148px;
  font-size: 11px; }
  @media (min-width: 769px) {
    [data-bb-global-footer] [data-bb-footer-btn-link] {
      border-radius: 20px;
      height: 40px; } }
  @media (max-width: 768px) {
    [data-bb-global-footer] [data-bb-footer-btn-link] {
      border-radius: 16px;
      height: 32px; } }

[data-bb-global-footer] [data-bb-footer-btn-link] {
  border: solid 1px #ccc;
  color: #999; }

[data-bb-transition-fadeout] {
  filter: blur(0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: filter .4s 1s ease-in-out, opacity .4s 1s ease-in-out, transform .4s 1s ease-in-out; }
  [data-bb-transition-fadeout][data-bb-transition='true'] {
    filter: blur(8px);
    opacity: 0;
    transition: filter .4s ease-in-out, opacity .4s ease-in-out, transform .4s ease-in-out; }

[data-bb-transition-fadein] {
  filter: blur(0);
  opacity: 1;
  transform: scale(1) translate3d(0, 0, 0);
  transition: filter .8s ease-in-out, opacity .8s ease-in-out, transform .8s ease-in-out; }
  [data-bb-transition-fadein][data-bb-scroll-transition='false'] {
    filter: blur(8px);
    opacity: 0;
    transform: scale(1.1) translate3d(0, 0, 0); }

[data-bb-transition-slidein-from-left] {
  filter: blur(0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: filter .8s ease-in-out, opacity .8s ease-in-out, transform .8s ease-in-out; }
  [data-bb-transition-slidein-from-left][data-bb-scroll-transition='false'] {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(-24px, 0, 0); }

[data-bb-transition-slidein-from-right] {
  filter: blur(0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: filter .8s ease-in-out, opacity .8s ease-in-out, transform .8s ease-in-out; }
  [data-bb-transition-slidein-from-right][data-bb-scroll-transition='false'] {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(24px, 0, 0); }

[data-bb-transition-slidein-from-bottom] {
  filter: blur(0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: filter .8s ease-in-out, opacity .8s ease-in-out, transform .8s ease-in-out; }
  [data-bb-transition-slidein-from-bottom][data-bb-scroll-transition='false'] {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(0, 24px, 0); }

[data-bb-transition-slidein-from-top] {
  filter: blur(0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: filter .8s ease-in-out, opacity .8s ease-in-out, transform .8s ease-in-out; }
  [data-bb-transition-slidein-from-top][data-bb-scroll-transition='false'] {
    filter: blur(8px);
    opacity: 0;
    transform: translate3d(0, -24px, 0); }

@-webkit-keyframes scroll {
  0% {
    transform: translateY(-16px);
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    transform: translateY(16px);
    opacity: 0; } }

@keyframes scroll {
  0% {
    transform: translateY(-16px);
    opacity: 0; }
  20% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    transform: translateY(16px);
    opacity: 0; } }

@-webkit-keyframes arrow-before-pc {
  0% {
    left: 248px; }
  100% {
    left: 256px; } }

@keyframes arrow-before-pc {
  0% {
    left: 248px; }
  100% {
    left: 256px; } }

@-webkit-keyframes arrow-after-pc {
  0% {
    width: 28px; }
  100% {
    width: 36px; } }

@keyframes arrow-after-pc {
  0% {
    width: 28px; }
  100% {
    width: 36px; } }

@-webkit-keyframes arrow-before-sp {
  0% {
    left: 300px; }
  100% {
    left: 308px; } }

@keyframes arrow-before-sp {
  0% {
    left: 300px; }
  100% {
    left: 308px; } }

@-webkit-keyframes arrow-after-sp {
  0% {
    width: 44px; }
  100% {
    width: 52px; } }

@keyframes arrow-after-sp {
  0% {
    width: 44px; }
  100% {
    width: 52px; } }

[data-bb-global-footer] {
  padding: 32px 0 72px;
  color: #999;
  font-size: 10px;
  background: #efefef; }
  [data-bb-global-footer] [data-bb-global-footer-inner] {
    margin: auto;
    min-width: 320px; }
  @media (min-width: 769px) {
    [data-bb-global-footer] [data-bb-pc-box] {
      display: flex;
      justify-content: center; } }
  [data-bb-global-footer] [data-bb-nav] [data-bb-nav-link] {
    color: #999; }
  [data-bb-global-footer] [data-bb-footer-btns] {
    display: flex;
    justify-content: space-between;
    margin: 40px auto 0;
    max-width: 327px; }
    @media (min-width: 769px) {
      [data-bb-global-footer] [data-bb-footer-btns] {
        margin: 0 0 0 56px; } }
  @media (min-width: 769px) {
    [data-bb-global-footer] [data-bb-footer-btn]:not(:first-child) {
      display: none; } }
  [data-bb-global-footer] [data-bb-footer-etc] {
    margin-top: 48px; }
    [data-bb-global-footer] [data-bb-footer-etc] [data-bb-footer-etc-txt] {
      font-weight: bold;
      text-align: center; }
    [data-bb-global-footer] [data-bb-footer-etc] [data-bb-footer-etc-list] {
      display: flex;
      justify-content: space-around;
      margin: 16px auto 0;
      max-width: 327px; }
    [data-bb-global-footer] [data-bb-footer-etc] [data-bb-footer-etc-link] {
      color: #999; }
  [data-bb-global-footer] [data-bb-footer-copyright] {
    margin-top: 48px;
    text-align: center; }
    @media (min-width: 769px) {
      [data-bb-global-footer] [data-bb-footer-copyright] *:last-child {
        margin: 32px auto 0; } }
    @media (max-width: 768px) {
      [data-bb-global-footer] [data-bb-footer-copyright] *:last-child {
        display: none; } }

[data-bb-global-header] {
  position: relative;
  width: 100%;
  height: 50px;
  z-index: 1;
  opacity: 1;
  transition: opacity .4s 1s ease-in-out; }
  @media (max-width: 768px) {
    [data-bb-global-header][data-bb-direction='down'] [data-bb-global-header-inner] {
      transform: translateY(-100%); } }
  [data-bb-global-header][data-bb-transition='true'] {
    opacity: 0;
    transition: opacity .4s ease-in-out; }
  [data-bb-global-header] [data-bb-global-header-inner] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-width: 320px;
    height: 50px;
    background: #fff;
    transition: transform .4s ease-in-out; }
  [data-bb-global-header] [data-bb-global-header-btns] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    justify-content: space-between;
    height: 44px; }
  [data-bb-global-header] [data-bb-global-header-icon='tel'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    transition: opacity .4s ease-in-out;
    cursor: pointer; }
    @media (min-width: 769px) {
      [data-bb-global-header] [data-bb-global-header-icon='tel'] {
        opacity: 0;
        pointer-events: none; } }
    [data-bb-global-header] [data-bb-global-header-icon='tel']:after {
      display: block;
      width: 20px;
      height: 20px;
      content: '';
      background: url(/img/icon-tel.svg) center no-repeat;
      background-size: contain; }
  [data-bb-global-header] [data-bb-global-header-btn] {
    cursor: pointer; }
    [data-bb-global-header] [data-bb-global-header-btn] + [data-bb-global-header-btn] {
      margin-left: 4px; }
  [data-bb-global-header] [data-bb-global-header-btn='request'],
  [data-bb-global-header] [data-bb-global-header-btn='qa'] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: solid 1px #ccc;
    border-radius: 12px;
    height: 25px;
    color: #999;
    font-size: 10px;
    font-weight: bold;
    background: #fff;
    transition: opacity .4s ease-in-out;
    cursor: pointer; }
    @media (max-width: 768px) {
      [data-bb-global-header] [data-bb-global-header-btn='request'],
      [data-bb-global-header] [data-bb-global-header-btn='qa'] {
        opacity: 0;
        pointer-events: none; } }
  [data-bb-global-header] [data-bb-global-header-btn='reserve'] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 12px;
    height: 25px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    background: #0071e3;
    cursor: pointer; }
  [data-bb-global-header] [data-bb-global-header-btn='menu'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px; }
    [data-bb-global-header] [data-bb-global-header-btn='menu']:after {
      display: block;
      width: 12px;
      height: 12px;
      content: '';
      background: url(/img/icon-menu.svg) center no-repeat;
      background-size: contain; }

[data-bb-global-menu] {
  position: relative;
  z-index: 1; }
  [data-bb-global-menu][data-bb-is-open='false'] {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0s .6s linear, opacity .4s .2s ease-in-out, filter .2s ease-in-out; }
    [data-bb-global-menu][data-bb-is-open='false'] [data-bb-global-menu-inner] {
      bottom: 100%;
      transition: bottom 0s .4s linear; }
      [data-bb-global-menu][data-bb-is-open='false'] [data-bb-global-menu-inner] > div {
        filter: blur(8px);
        transition: filter .4s ease-in-out; }
    [data-bb-global-menu][data-bb-is-open='false'] [data-bb-global-header] [data-bb-global-header-inner] {
      height: 0;
      overflow: hidden; }
  [data-bb-global-menu][data-bb-is-open='true'] {
    opacity: 1;
    transition: opacity .4s ease-in-out; }
  [data-bb-global-menu] [data-bb-global-header-btn='close'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px; }
    [data-bb-global-menu] [data-bb-global-header-btn='close']:after {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      content: '×'; }
  [data-bb-global-menu] [data-bb-global-header] {
    height: 0; }
  [data-bb-global-menu] [data-bb-global-header-inner] {
    top: 0; }
  [data-bb-global-menu] [data-bb-global-menu-inner] {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 320px;
    background: #fff;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    [data-bb-global-menu] [data-bb-global-menu-inner]::-webkit-scrollbar {
      display: none; }
    [data-bb-global-menu] [data-bb-global-menu-inner] > div {
      transition: filter .4s ease-in-out; }
  @media (min-width: 769px) {
    [data-bb-global-menu] [data-bb-global-menu-box] {
      display: flex;
      min-height: 504px;
      height: 100%; } }
  @media (min-width: 769px) {
    [data-bb-global-menu] [data-bb-global-menu-ttl-box] {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 40%;
      background: center no-repeat;
      background-size: cover; }
      [data-bb-global-menu] [data-bb-global-menu-ttl-box]:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: '';
        background: rgba(255, 255, 255, 0.8); } }
  @media (max-width: 768px) {
    [data-bb-global-menu] [data-bb-global-menu-ttl-box] {
      background: none !important; } }
  [data-bb-global-menu] [data-bb-global-menu-ttl] {
    position: relative;
    z-index: 1; }
  @media (min-width: 769px) {
    [data-bb-global-menu] [data-bb-global-menu-nav-box] {
      width: 60%; } }
  [data-bb-global-menu] [data-bb-nav] {
    margin-top: 56px; }
    [data-bb-global-menu] [data-bb-nav] [data-bb-nav-link] {
      color: #575552; }
  [data-bb-global-menu] [data-bb-nav-list] {
    display: flex;
    flex-wrap: wrap;
    margin: auto; }
    @media (min-width: 769px) {
      [data-bb-global-menu] [data-bb-nav-list] {
        max-width: 420px; } }
    @media (max-width: 768px) {
      [data-bb-global-menu] [data-bb-nav-list] {
        max-width: 325px; } }
  [data-bb-global-menu] [data-bb-nav-list-item] {
    flex-shrink: 0;
    width: 50%; }
  [data-bb-global-menu] [data-bb-en] {
    display: block;
    margin-top: 24px;
    color: #575552;
    font-family: 'Libre Baskerville'; }
    @media (min-width: 769px) {
      [data-bb-global-menu] [data-bb-en] {
        font-size: 18px; } }
    @media (max-width: 768px) {
      [data-bb-global-menu] [data-bb-en] {
        font-size: 14px; } }
  [data-bb-global-menu] [data-bb-ja] {
    display: block;
    margin-top: 8px;
    color: #ccc;
    font-size: 10px; }
  [data-bb-global-menu] [data-bb-global-menu-btn-box] {
    margin-top: 24px; }
  [data-bb-global-menu] [data-bb-global-menu-btns] {
    display: flex;
    justify-content: space-between;
    margin: 56px auto;
    max-width: 325px;
    width: 100%; }
    @media (min-width: 769px) {
      [data-bb-global-menu] [data-bb-global-menu-btns] {
        display: none; } }
    [data-bb-global-menu] [data-bb-global-menu-btns] [data-bb-global-menu-btn]:last-child [data-bb-global-menu-btn-link] {
      transform: translate3d(0, 0, 0); }