@charset "UTF-8";
/*  Font family CDN
 ========================================================================== */
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanmp.min.css);
/*  :root
 ========================================================================== */
:root {
  --ybs-gothic: "YakuHanJP", "Noto Sans JP", sans-serif;
  --ybs-serif: "YakuHanMP", "Noto Serif JP", serif;
  --ybs-eng: "Lora", serif;
  --ybs-fnt-dflt: #340008;
  --ybs-yebisu: #C8AA58;
  --ybs-ale: #896FFE;
  --ybs-black: #040404;
  --ybs-kohaku: #ba141e;
  --ybs-meister: #340008;
  --ybs-origin: #032d44;
  --ybs-summer-ale: #558ac8;
  --ybs-orange: #fcf1e4;
  --ybs-citrusblanc: #e3f0d5;
  --ybs-juicyale: #fef298;
  --ybs-ibushi: #bf6637;
  --ybs-kogarekou: #741d03;
  --ybs-kaorimitsu: #003730;
  --ybs-mariageblanc: #D2F0FC;
  --ybs-wakana: #122D77;
  --ybs-gr-yebisu: linear-gradient(135deg, #fff96e 0%, #ecae01 100%);
  --ybs-gr-ale: linear-gradient(135deg, #8a6fff 0%, #2b2270 100%);
  --ybs-gr-black: linear-gradient(135deg, #5b5b5b 0%, #000000 100%);
  --ybs-gr-kohaku: linear-gradient(135deg, #ff4a4c 0%, #b91b24 100%);
  --ybs-gr-meister: linear-gradient(135deg, #77545A 0%, #340008 100%);
  --ybs-gr-origin: linear-gradient(90deg, #26677F 0%, #012C44 100%);
  --ybs-gr-summer-ale: linear-gradient(135deg, #d9f0f6 0%, #457ec1 100%);
  --ybs-gr-orange: linear-gradient(90deg, #ffe3a7 0%, #fffadb 28%, #fdf1d0 53%, #ffb374 100%);
  --ybs-gr-citrusblanc: linear-gradient(90deg, #eef6e0 0%, #fffef2 27.59%, #fffef2 52.22%, #c1dbb2 100%);
  --ybs-gr-juicyale: linear-gradient(90deg, #faf09e 0%, #fffef2 27.59%, #fffef2 52.22%, #fef298 100%);
  --ybs-gr-ibushi: linear-gradient(90deg, #a44d2a 0%, #e0884d 27.59%, #e0884d 52.22%, #ba6337 100%);
  --ybs-gr-kogarekou: linear-gradient(90deg, #751d04 0%, #8e432d 32.02%, #b25c43 48.28%, #8e432d 68.97%, #751d04 100%);
  --ybs-gr-kaorimitsu: linear-gradient(90.04deg, #003730 0.02%, #006A5D 49.98%, #003730 99.94%);
  --ybs-gr-mariageblanc: linear-gradient(90deg, #95CBE2 0%, #E2F6FE 50%, #95CBE2 100%);
  --ybs-gr-wakana: linear-gradient(90deg, #002C7F 0%, #3857AC 46.15%, #031E67 100%);
  --ybs-bg-gray: #f5f6f9;
  --ybs-bg-light: #F0E8DA;
  --ybs-bg-deep: #761F38;
  --ybs-bg-gift-all: #340008;
  --ybs-bg-gift-summer: #88C4F2;
  --ybs-bg-gift-father: #263D8A;
  --ybs-bg-gift-winter: #BF0D0D;
}

/*  YEBISU base css
 ========================================================================== */
body {
  color: var(--ybs-fnt-dflt);
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.7;
}
body h1, body h2, body h3, body h4, body h5, body h6, body dt, body dd, body li, body caption, body col, body th, body td, body p, body address, body figcaption {
  font-size: initial;
}
@media (max-width: 768px) {
  body {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
body dt, body dd, body li, body caption, body col, body th, body td, body p, body address, body figcaption {
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.7;
}
@media (max-width: 768px) {
  body dt, body dd, body li, body caption, body col, body th, body td, body p, body address, body figcaption {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
body :is(.layout-header .layout-header_nav-pc .secondary-nav) dt, body :is(.layout-header .layout-header_nav-pc .secondary-nav) dd, body :is(.layout-header .layout-header_nav-pc .secondary-nav) li, body :is(.layout-header .layout-header_nav-pc .secondary-nav) caption, body :is(.layout-header .layout-header_nav-pc .secondary-nav) col, body :is(.layout-header .layout-header_nav-pc .secondary-nav) th, body :is(.layout-header .layout-header_nav-pc .secondary-nav) td, body :is(.layout-header .layout-header_nav-pc .secondary-nav) p, body :is(.layout-header .layout-header_nav-pc .secondary-nav) address, body :is(.layout-header .layout-header_nav-pc .secondary-nav) figcaption, body :is(.layout-footer) dt, body :is(.layout-footer) dd, body :is(.layout-footer) li, body :is(.layout-footer) caption, body :is(.layout-footer) col, body :is(.layout-footer) th, body :is(.layout-footer) td, body :is(.layout-footer) p, body :is(.layout-footer) address, body :is(.layout-footer) figcaption {
  line-height: inherit;
}
@media (max-width: 768px) {
  body :is(.layout-header .layout-header_nav-pc .secondary-nav) dt, body :is(.layout-header .layout-header_nav-pc .secondary-nav) dd, body :is(.layout-header .layout-header_nav-pc .secondary-nav) li, body :is(.layout-header .layout-header_nav-pc .secondary-nav) caption, body :is(.layout-header .layout-header_nav-pc .secondary-nav) col, body :is(.layout-header .layout-header_nav-pc .secondary-nav) th, body :is(.layout-header .layout-header_nav-pc .secondary-nav) td, body :is(.layout-header .layout-header_nav-pc .secondary-nav) p, body :is(.layout-header .layout-header_nav-pc .secondary-nav) address, body :is(.layout-header .layout-header_nav-pc .secondary-nav) figcaption, body :is(.layout-footer) dt, body :is(.layout-footer) dd, body :is(.layout-footer) li, body :is(.layout-footer) caption, body :is(.layout-footer) col, body :is(.layout-footer) th, body :is(.layout-footer) td, body :is(.layout-footer) p, body :is(.layout-footer) address, body :is(.layout-footer) figcaption {
    line-height: inherit;
  }
}
body :where(header, footer, section, article, aside, nav)::before, body :where(header, footer, section, article, aside, nav)::after {
  content: none;
}

a:link, a:visited, a:active {
  color: initial;
}

.ybs * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ybs svg {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.ybs a:not(.ybs-btn):not(.borderbox-btn):not(.content-btn):not(.c-card-enkaku__btn-link) {
  color: var(--ybs-fnt-dflt);
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
}
@media (hover: hover) {
  .ybs a:not(.ybs-btn):not(.borderbox-btn):not(.content-btn):not(.c-card-enkaku__btn-link):hover {
    color: var(--ybs-fnt-dflt);
    text-decoration: none;
  }
}
.ybs a:not(.ybs-btn):not(.borderbox-btn):not(.content-btn):not(.c-card-enkaku__btn-link).underline {
  text-underline-offset: 0.3rem;
  text-decoration: underline;
}
@media (hover: hover) {
  .ybs a:not(.ybs-btn):not(.borderbox-btn):not(.content-btn):not(.c-card-enkaku__btn-link).underline:hover {
    text-decoration: none;
  }
}
.ybs a:not(.ybs-btn):not(.borderbox-btn):not(.content-btn):not(.c-card-enkaku__btn-link).underline-hover {
  text-underline-offset: 0.3rem;
}
@media (hover: hover) {
  .ybs a:not(.ybs-btn):not(.borderbox-btn):not(.content-btn):not(.c-card-enkaku__btn-link).underline-hover:hover {
    text-decoration: underline;
  }
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (min-width: 769px) {
  .hidden-pc {
    display: none;
  }
}
@media (max-width: 768px) {
  .hidden-sp {
    display: none;
  }
}

@media (max-width: 768px) {
  .forPc {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .forSp {
    display: none !important;
  }
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.p-0 {
  margin: 0 !important;
}

.pt-0 {
  margin-top: 0 !important;
}

.pr-0 {
  margin-right: 0 !important;
}

.pb-0 {
  margin-bottom: 0 !important;
}

.pl-0 {
  margin-left: 0 !important;
}

.m-10 {
  margin: 1rem !important;
}

.mt-10 {
  margin-top: 1rem !important;
}

.mr-10 {
  margin-right: 1rem !important;
}

.mb-10 {
  margin-bottom: 1rem !important;
}

.ml-10 {
  margin-left: 1rem !important;
}

.p-10 {
  margin: 1rem !important;
}

.pt-10 {
  margin-top: 1rem !important;
}

.pr-10 {
  margin-right: 1rem !important;
}

.pb-10 {
  margin-bottom: 1rem !important;
}

.pl-10 {
  margin-left: 1rem !important;
}

.m-15 {
  margin: 1.5rem !important;
}

.mt-15 {
  margin-top: 1.5rem !important;
}

.mr-15 {
  margin-right: 1.5rem !important;
}

.mb-15 {
  margin-bottom: 1.5rem !important;
}

.ml-15 {
  margin-left: 1.5rem !important;
}

.p-15 {
  margin: 1.5rem !important;
}

.pt-15 {
  margin-top: 1.5rem !important;
}

.pr-15 {
  margin-right: 1.5rem !important;
}

.pb-15 {
  margin-bottom: 1.5rem !important;
}

.pl-15 {
  margin-left: 1.5rem !important;
}

.m-20 {
  margin: 2rem !important;
}

.mt-20 {
  margin-top: 2rem !important;
}

.mr-20 {
  margin-right: 2rem !important;
}

.mb-20 {
  margin-bottom: 2rem !important;
}

.ml-20 {
  margin-left: 2rem !important;
}

.p-20 {
  margin: 2rem !important;
}

.pt-20 {
  margin-top: 2rem !important;
}

.pr-20 {
  margin-right: 2rem !important;
}

.pb-20 {
  margin-bottom: 2rem !important;
}

.pl-20 {
  margin-left: 2rem !important;
}

.m-25 {
  margin: 2.5rem !important;
}

.mt-25 {
  margin-top: 2.5rem !important;
}

.mr-25 {
  margin-right: 2.5rem !important;
}

.mb-25 {
  margin-bottom: 2.5rem !important;
}

.ml-25 {
  margin-left: 2.5rem !important;
}

.p-25 {
  margin: 2.5rem !important;
}

.pt-25 {
  margin-top: 2.5rem !important;
}

.pr-25 {
  margin-right: 2.5rem !important;
}

.pb-25 {
  margin-bottom: 2.5rem !important;
}

.pl-25 {
  margin-left: 2.5rem !important;
}

.m-30 {
  margin: 3rem !important;
}

.mt-30 {
  margin-top: 3rem !important;
}

.mr-30 {
  margin-right: 3rem !important;
}

.mb-30 {
  margin-bottom: 3rem !important;
}

.ml-30 {
  margin-left: 3rem !important;
}

.p-30 {
  margin: 3rem !important;
}

.pt-30 {
  margin-top: 3rem !important;
}

.pr-30 {
  margin-right: 3rem !important;
}

.pb-30 {
  margin-bottom: 3rem !important;
}

.pl-30 {
  margin-left: 3rem !important;
}

.m-35 {
  margin: 3.5rem !important;
}

.mt-35 {
  margin-top: 3.5rem !important;
}

.mr-35 {
  margin-right: 3.5rem !important;
}

.mb-35 {
  margin-bottom: 3.5rem !important;
}

.ml-35 {
  margin-left: 3.5rem !important;
}

.p-35 {
  margin: 3.5rem !important;
}

.pt-35 {
  margin-top: 3.5rem !important;
}

.pr-35 {
  margin-right: 3.5rem !important;
}

.pb-35 {
  margin-bottom: 3.5rem !important;
}

.pl-35 {
  margin-left: 3.5rem !important;
}

.m-40 {
  margin: 4rem !important;
}

.mt-40 {
  margin-top: 4rem !important;
}

.mr-40 {
  margin-right: 4rem !important;
}

.mb-40 {
  margin-bottom: 4rem !important;
}

.ml-40 {
  margin-left: 4rem !important;
}

.p-40 {
  margin: 4rem !important;
}

.pt-40 {
  margin-top: 4rem !important;
}

.pr-40 {
  margin-right: 4rem !important;
}

.pb-40 {
  margin-bottom: 4rem !important;
}

.pl-40 {
  margin-left: 4rem !important;
}

.m-45 {
  margin: 4.5rem !important;
}

.mt-45 {
  margin-top: 4.5rem !important;
}

.mr-45 {
  margin-right: 4.5rem !important;
}

.mb-45 {
  margin-bottom: 4.5rem !important;
}

.ml-45 {
  margin-left: 4.5rem !important;
}

.p-45 {
  margin: 4.5rem !important;
}

.pt-45 {
  margin-top: 4.5rem !important;
}

.pr-45 {
  margin-right: 4.5rem !important;
}

.pb-45 {
  margin-bottom: 4.5rem !important;
}

.pl-45 {
  margin-left: 4.5rem !important;
}

.m-50 {
  margin: 5rem !important;
}

.mt-50 {
  margin-top: 5rem !important;
}

.mr-50 {
  margin-right: 5rem !important;
}

.mb-50 {
  margin-bottom: 5rem !important;
}

.ml-50 {
  margin-left: 5rem !important;
}

.p-50 {
  margin: 5rem !important;
}

.pt-50 {
  margin-top: 5rem !important;
}

.pr-50 {
  margin-right: 5rem !important;
}

.pb-50 {
  margin-bottom: 5rem !important;
}

.pl-50 {
  margin-left: 5rem !important;
}

.m-55 {
  margin: 5.5rem !important;
}

.mt-55 {
  margin-top: 5.5rem !important;
}

.mr-55 {
  margin-right: 5.5rem !important;
}

.mb-55 {
  margin-bottom: 5.5rem !important;
}

.ml-55 {
  margin-left: 5.5rem !important;
}

.p-55 {
  margin: 5.5rem !important;
}

.pt-55 {
  margin-top: 5.5rem !important;
}

.pr-55 {
  margin-right: 5.5rem !important;
}

.pb-55 {
  margin-bottom: 5.5rem !important;
}

.pl-55 {
  margin-left: 5.5rem !important;
}

.m-60 {
  margin: 6rem !important;
}

.mt-60 {
  margin-top: 6rem !important;
}

.mr-60 {
  margin-right: 6rem !important;
}

.mb-60 {
  margin-bottom: 6rem !important;
}

.ml-60 {
  margin-left: 6rem !important;
}

.p-60 {
  margin: 6rem !important;
}

.pt-60 {
  margin-top: 6rem !important;
}

.pr-60 {
  margin-right: 6rem !important;
}

.pb-60 {
  margin-bottom: 6rem !important;
}

.pl-60 {
  margin-left: 6rem !important;
}

.m-65 {
  margin: 6.5rem !important;
}

.mt-65 {
  margin-top: 6.5rem !important;
}

.mr-65 {
  margin-right: 6.5rem !important;
}

.mb-65 {
  margin-bottom: 6.5rem !important;
}

.ml-65 {
  margin-left: 6.5rem !important;
}

.p-65 {
  margin: 6.5rem !important;
}

.pt-65 {
  margin-top: 6.5rem !important;
}

.pr-65 {
  margin-right: 6.5rem !important;
}

.pb-65 {
  margin-bottom: 6.5rem !important;
}

.pl-65 {
  margin-left: 6.5rem !important;
}

.m-70 {
  margin: 7rem !important;
}

.mt-70 {
  margin-top: 7rem !important;
}

.mr-70 {
  margin-right: 7rem !important;
}

.mb-70 {
  margin-bottom: 7rem !important;
}

.ml-70 {
  margin-left: 7rem !important;
}

.p-70 {
  margin: 7rem !important;
}

.pt-70 {
  margin-top: 7rem !important;
}

.pr-70 {
  margin-right: 7rem !important;
}

.pb-70 {
  margin-bottom: 7rem !important;
}

.pl-70 {
  margin-left: 7rem !important;
}

.m-75 {
  margin: 7.5rem !important;
}

.mt-75 {
  margin-top: 7.5rem !important;
}

.mr-75 {
  margin-right: 7.5rem !important;
}

.mb-75 {
  margin-bottom: 7.5rem !important;
}

.ml-75 {
  margin-left: 7.5rem !important;
}

.p-75 {
  margin: 7.5rem !important;
}

.pt-75 {
  margin-top: 7.5rem !important;
}

.pr-75 {
  margin-right: 7.5rem !important;
}

.pb-75 {
  margin-bottom: 7.5rem !important;
}

.pl-75 {
  margin-left: 7.5rem !important;
}

.m-80 {
  margin: 8rem !important;
}

.mt-80 {
  margin-top: 8rem !important;
}

.mr-80 {
  margin-right: 8rem !important;
}

.mb-80 {
  margin-bottom: 8rem !important;
}

.ml-80 {
  margin-left: 8rem !important;
}

.p-80 {
  margin: 8rem !important;
}

.pt-80 {
  margin-top: 8rem !important;
}

.pr-80 {
  margin-right: 8rem !important;
}

.pb-80 {
  margin-bottom: 8rem !important;
}

.pl-80 {
  margin-left: 8rem !important;
}

.m-85 {
  margin: 8.5rem !important;
}

.mt-85 {
  margin-top: 8.5rem !important;
}

.mr-85 {
  margin-right: 8.5rem !important;
}

.mb-85 {
  margin-bottom: 8.5rem !important;
}

.ml-85 {
  margin-left: 8.5rem !important;
}

.p-85 {
  margin: 8.5rem !important;
}

.pt-85 {
  margin-top: 8.5rem !important;
}

.pr-85 {
  margin-right: 8.5rem !important;
}

.pb-85 {
  margin-bottom: 8.5rem !important;
}

.pl-85 {
  margin-left: 8.5rem !important;
}

.m-90 {
  margin: 9rem !important;
}

.mt-90 {
  margin-top: 9rem !important;
}

.mr-90 {
  margin-right: 9rem !important;
}

.mb-90 {
  margin-bottom: 9rem !important;
}

.ml-90 {
  margin-left: 9rem !important;
}

.p-90 {
  margin: 9rem !important;
}

.pt-90 {
  margin-top: 9rem !important;
}

.pr-90 {
  margin-right: 9rem !important;
}

.pb-90 {
  margin-bottom: 9rem !important;
}

.pl-90 {
  margin-left: 9rem !important;
}

.m-95 {
  margin: 9.5rem !important;
}

.mt-95 {
  margin-top: 9.5rem !important;
}

.mr-95 {
  margin-right: 9.5rem !important;
}

.mb-95 {
  margin-bottom: 9.5rem !important;
}

.ml-95 {
  margin-left: 9.5rem !important;
}

.p-95 {
  margin: 9.5rem !important;
}

.pt-95 {
  margin-top: 9.5rem !important;
}

.pr-95 {
  margin-right: 9.5rem !important;
}

.pb-95 {
  margin-bottom: 9.5rem !important;
}

.pl-95 {
  margin-left: 9.5rem !important;
}

.m-100 {
  margin: 10rem !important;
}

.mt-100 {
  margin-top: 10rem !important;
}

.mr-100 {
  margin-right: 10rem !important;
}

.mb-100 {
  margin-bottom: 10rem !important;
}

.ml-100 {
  margin-left: 10rem !important;
}

.p-100 {
  margin: 10rem !important;
}

.pt-100 {
  margin-top: 10rem !important;
}

.pr-100 {
  margin-right: 10rem !important;
}

.pb-100 {
  margin-bottom: 10rem !important;
}

.pl-100 {
  margin-left: 10rem !important;
}

@media (max-width: 768px) {
  body :not(.footer-only-pc):not(.footer-only-sp) .layout-footer .layout-footer_return-top a {
    position: absolute !important;
  }
}

.ybs {
  position: relative;
}
.ybs-loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  visibility: visible;
  opacity: 1;
  z-index: 61;
  -webkit-animation: fadeOut 3.5s forwards ease-in;
          animation: fadeOut 3.5s forwards ease-in;
}

.align-left {
  text-align: left !important;
}
.align-rigth {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}

@-webkit-keyframes fadeIn {
  40% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 100%;
  }
}

@keyframes fadeIn {
  40% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 100%;
  }
}
@-webkit-keyframes fadeOut {
  70% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOut {
  70% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/*  Font family
========================================================================== */
.fnt-gothic {
  font-family: var(--ybs-gothic), sans-serif;
}
.fnt-serif {
  font-family: var(--ybs-serif);
}
.fnt-eng {
  font-family: var(--ybs-eng);
}

.bold {
  font-weight: bold;
}

/*  Heading Font size
========================================================================== */
.ybs-section :is(h1, h2, h3, h4) {
  font-family: var(--ybs-serif);
}
.ybs-section :is(h1, h2, h3, h4).eng {
  font-family: var(--ybs-eng);
  font-weight: 400;
}
.ybs-section :where(h1, h2, h3, h4) {
  text-align: center;
}
.ybs-section :where(h1):not(.ybs-kv__title) {
  line-height: 1.3;
}
@media (max-width: 768px) {
  .ybs-section :where(h1):not(.ybs-kv__title) {
    line-height: 1.4;
  }
}
.ybs-section :where(h2) {
  font-size: 3.4rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .ybs-section :where(h2) {
    font-size: 2.3rem;
    line-height: 1.4;
  }
}
.ybs-section :where(h2).eng {
  font-size: 5rem;
  letter-spacing: 0.01em;
}
@media (max-width: 768px) {
  .ybs-section :where(h2).eng {
    font-size: 3.5rem;
  }
}
.ybs-section :where(h3) {
  font-size: 2.8rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .ybs-section :where(h3) {
    font-size: 2.1rem;
    line-height: 1.4;
  }
}
.ybs-section :where(h4) {
  font-size: 2.6rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .ybs-section :where(h4) {
    font-size: 1.9rem;
    line-height: 1.4;
  }
}
.ybs-section-lead {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .ybs-section-lead {
    font-size: 1.7rem;
  }
}
.ybs-section-lead * {
  font-size: 2rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .ybs-section-lead * {
    font-size: 1.7rem;
    line-height: 1.7;
  }
}
.ybs-section-supplementary {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .ybs-section-supplementary {
    font-size: 1.4rem;
  }
}
.ybs-section p {
  margin-top: 0;
}
.ybs-section p + p {
  margin-top: 1.6rem;
}

.eng {
  font-family: var(--ybs-eng);
  font-weight: 400;
}

.ybs-note {
  font-size: 1.4rem;
  list-style: 1.4;
  margin-left: 1em;
  margin-block: 0.5rem;
  text-indent: -1em;
}
@media (max-width: 768px) {
  .ybs-note {
    font-size: 1.2rem;
    list-style: 1.2;
  }
}

/*  link text
========================================================================== */
.link-text {
  font-family: "YakuHanMP", "Lora", "Noto Serif JP", serif;
  font-size: 1.6rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
@media (max-width: 768px) {
  .link-text {
    font-size: 1.4rem;
  }
}
.link-text::after {
  content: "";
}

a:not([rel=external]) .link-text::after {
  width: 22px;
  height: 22px;
}
a:not([rel=external]) .link-text::after {
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #340008;
  border-radius: 100%;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M0%2C.708%2C5.3%2C6%2C0%2C11.3l.707.707%2C6-6h0l-6-6Z%22%20transform%3D%22translate(17.292%2013.993)%22%20fill%3D%22%23340008%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  content: "";
}
@media (hover: hover) {
  a:not([rel=external]):hover .link-text::after {
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #340008;
    border-radius: 100%;
    background: #340008 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M0%2C.708%2C5.3%2C6%2C0%2C11.3l.707.707%2C6-6h0l-6-6Z%22%20transform%3D%22translate(17.292%2013.993)%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
    content: "";
  }
}
a[rel=external] .link-text::after {
  width: 11px;
  height: 11px;
  background: url(/common/img/parts/icon-window_bg01.svg) no-repeat 50% 50%/contain;
}
a[rel=external]:not([target=_blank]) .link-text::after {
  width: 22px;
  height: 22px;
}
a[rel=external]:not([target=_blank]) .link-text::after {
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #340008;
  border-radius: 100%;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M0%2C.708%2C5.3%2C6%2C0%2C11.3l.707.707%2C6-6h0l-6-6Z%22%20transform%3D%22translate(17.292%2013.993)%22%20fill%3D%22%23340008%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  content: "";
}
@media (hover: hover) {
  a[rel=external]:not([target=_blank]):hover .link-text::after {
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #340008;
    border-radius: 100%;
    background: #340008 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M0%2C.708%2C5.3%2C6%2C0%2C11.3l.707.707%2C6-6h0l-6-6Z%22%20transform%3D%22translate(17.292%2013.993)%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
    content: "";
  }
}

/*  button
========================================================================== */
.ybs-btn, .borderbox-btn, .content-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: 210px;
  height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 40px;
  color: var(--ybs-fnt-dflt);
  font-family: "YakuHanMP", "Lora", "Noto Serif JP", serif;
  font-size: 1.6rem;
  border: 1px solid var(--ybs-fnt-dflt);
  border-radius: 60px;
  background-color: #FFF;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.ybs-btn:link, .borderbox-btn:link, .content-btn:link {
  color: var(--ybs-fnt-dflt);
}
@media (max-width: 768px) {
  .ybs-btn, .borderbox-btn, .content-btn {
    height: 42px;
    min-width: 137.5px;
    font-size: 1.3rem;
  }
}
.ybs-btn[rel=external]:not(.card-btn)::after, [rel=external].borderbox-btn:not(.card-btn)::after, [rel=external].content-btn:not(.card-btn)::after {
  position: absolute;
  top: calc(50% - 5.5px);
  right: 20px;
}
@media (hover: hover) {
  .ybs-btn[rel=external]:not(.card-btn):hover, [rel=external].borderbox-btn:not(.card-btn):hover, [rel=external].content-btn:not(.card-btn):hover {
    color: #FFF;
  }
  .ybs-btn[rel=external]:not(.card-btn):hover::after, [rel=external].borderbox-btn:not(.card-btn):hover::after, [rel=external].content-btn:not(.card-btn):hover::after {
    background-image: url(/common/img/parts/icon-window_bg02.svg);
  }
}
@media (hover: hover) {
  .ybs-btn:hover, .borderbox-btn:hover, .content-btn:hover {
    color: #FFF;
    background-color: var(--ybs-fnt-dflt);
    text-decoration: none;
  }
}
.ybs-btn.btn-large, .btn-large.borderbox-btn, .btn-large.content-btn {
  min-width: 320px;
  height: 84px;
}
@media (max-width: 768px) {
  .ybs-btn.btn-large, .btn-large.borderbox-btn, .btn-large.content-btn {
    min-width: 275px;
    height: 42px;
  }
}

.btn-graphic, .btn-cm {
  position: relative;
  margin-top: 45px;
}
@media (max-width: 768px) {
  .btn-graphic, .btn-cm {
    margin-top: 30px;
    width: 270px;
  }
}
@media (hover: hover) {
  .btn-graphic:hover::before, .btn-cm:hover::before {
    color: var(--ybs-fnt-dflt);
  }
}
.btn-graphic::before, .btn-cm::before {
  position: absolute;
  top: -30px;
  left: -3%;
  display: block;
  width: 106%;
  color: var(--ybs-fnt-dflt);
  text-align: center;
  font-size: 1.6rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.793%22%20height%3D%2213.61%22%20viewBox%3D%220%200%2010.793%2013.61%22%3E%20%3Cline%20x2%3D%2210%22%20y2%3D%2213%22%20transform%3D%22translate(0.396%200.305)%22%20fill%3D%22none%22%20stroke%3D%22%23340008%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") 0 6px/10px auto no-repeat, url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.793%22%20height%3D%2213.61%22%20viewBox%3D%220%200%2010.793%2013.61%22%3E%20%3Cline%20y1%3D%2213%22%20x2%3D%2210%22%20transform%3D%22translate(0.396%200.305)%22%20fill%3D%22none%22%20stroke%3D%22%23340008%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") 100% 6px/10px auto no-repeat;
  content: "";
}
@media (max-width: 768px) {
  .btn-graphic::before, .btn-cm::before {
    top: -30px;
    left: 10%;
    width: 80%;
    font-size: 1.5rem;
  }
}
.btn-graphic::before {
  left: -10%;
  display: block;
  width: 120%;
  content: "グラフィック制作秘話を紹介！";
}
@media (max-width: 768px) {
  .btn-graphic::before {
    left: 7.5%;
    width: 85%;
    font-size: 1.5rem;
  }
}
.btn-cm::before {
  content: "CMの詳細や裏話も紹介！";
}

/*  heading
========================================================================== */
.title-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .title-line {
    gap: 2.6041666667vw;
    margin-inline: -3.90625vw;
  }
}
.title-line::before, .title-line::after {
  display: block;
  width: auto;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background-color: var(--ybs-fnt-dflt);
  content: "";
}

/*  layout
========================================================================== */
.ybs {
  /*  layout lower
  ========================================================================== */
  /*  layout main
  ======================xw==================================================== */
  /*  layout main
  ========================================================================== */
  /*  layout content
  ========================================================================== */
}
.ybs-section {
  width: 100%;
}
.ybs-content, .ybs-aside__inner {
  width: 100%;
  max-width: calc(1200px + 9.6rem);
  margin-inline: auto;
  padding-inline: 4.8rem;
}
@media (max-width: 768px) {
  .ybs-content, .ybs-aside__inner {
    padding-inline: 3.90625vw;
  }
}
.ybs-content__full {
  width: 100%;
  margin-block: 100px;
  padding-inline: 4.8rem;
}
@media (max-width: 768px) {
  .ybs-content__full {
    margin-block: 50px;
    padding-inline: 3.90625vw;
  }
}
.ybs-content__inner {
  width: 100%;
  max-width: calc(1200px + 9.6rem);
  margin-block: 100px;
  margin-inline: auto;
  padding-inline: 4.8rem;
}
@media (max-width: 768px) {
  .ybs-content__inner {
    margin-block: 50px;
    padding-inline: 3.90625vw;
  }
}
.ybs-aside {
  margin-block: 100px;
}
@media (max-width: 768px) {
  .ybs-aside {
    margin-block: 50px;
  }
}
.ybs-aside__inner {
  margin-block: 100px;
}
@media (max-width: 768px) {
  .ybs-aside__inner {
    margin-block: 50px;
  }
}
.ybs-aside__inner.digital-assets > * {
  margin-top: 60px;
}
@media (max-width: 768px) {
  .ybs-aside__inner.digital-assets > * {
    margin-top: 40px;
  }
}

.ybs {
  /*  lower key visual 
  ========================================================================== */
}
.ybs-kv {
  position: relative;
  height: 350px;
  background: no-repeat 50% 50%/cover;
  /*  product key visual
  ========================================================================== */
}
@media (max-width: 768px) {
  .ybs-kv {
    height: 45.5729166667vw;
  }
}
.ybs-kv__inner {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "title" "subtitle";
  gap: 0px 0px;
  width: 100%;
  height: 100%;
  max-width: calc(1200px + 9.6rem);
  margin-inline: auto;
  padding-inline: 4.8rem;
}
@media (max-width: 768px) {
  .ybs-kv__inner {
    padding-inline: 3.90625vw;
  }
}
.ybs-kv__title {
  margin-top: 80px;
  font-family: var(--ybs-serif);
  font-size: 4rem;
  line-height: 1;
  color: #FFF;
  grid-area: title;
}
@media (max-width: 768px) {
  .ybs-kv__title {
    margin-top: 13.0208333333vw;
    font-size: clamp(1.5rem, 0.0687022901rem + 3.8167938931vw, 3rem);
  }
}
.ybs-kv__subtitle {
  margin-top: 0;
  font-family: var(--ybs-eng);
  font-size: 16.2rem;
  color: #FFF;
  line-height: 1;
  letter-spacing: 0.05em;
  grid-area: subtitle;
  align-self: end;
  -webkit-transform: translateY(22px);
          transform: translateY(22px);
}
@media (max-width: 768px) {
  .ybs-kv__subtitle {
    font-size: clamp(6rem, 0.2748091603rem + 15.2671755725vw, 12rem);
    -webkit-transform: translateY(2.4739583333vw);
            transform: translateY(2.4739583333vw);
  }
}
.ybs-kv.ads {
  height: auto;
}
.ybs-kv-product {
  position: relative;
  height: 350px;
  background: no-repeat 50% 50%/cover;
  /*  product rich key visual
  ========================================================================== */
}
@media (max-width: 768px) {
  .ybs-kv-product {
    height: 45.5729166667vw;
  }
}
.ybs-kv-product__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content repeat(2, auto);
  grid-template-rows: min-content repeat(2, auto);
  grid-template-areas: "eng" "name" "lead";
  gap: 0px 5px;
  width: 100%;
  height: 100%;
  max-width: calc(1200px + 9.6rem);
  margin-inline: auto;
  padding-inline: 4.8rem;
}
@media (max-width: 768px) {
  .ybs-kv-product__inner {
    padding-inline: 3.90625vw;
  }
}
.ybs-kv-product__name {
  margin-top: 10px;
  font-family: var(--ybs-serif);
  font-size: 4rem;
  line-height: 1;
  color: #FFF;
  letter-spacing: -0.05em;
  grid-area: name;
}
@media (max-width: 768px) {
  .ybs-kv-product__name {
    height: 19.53125vw;
    margin-top: 2.6041666667vw;
    font-size: clamp(2.5rem, 0.4961832061rem + 5.3435114504vw, 4.6rem);
    line-height: 1.4;
  }
}
.ybs-kv-product__en {
  margin-block: 50px 0;
  font-family: var(--ybs-eng);
  font-size: 4rem;
  line-height: 1.2;
  color: #FFF;
  grid-area: eng;
}
@media (max-width: 768px) {
  .ybs-kv-product__en {
    margin-block: 3.90625vw 0;
    font-size: clamp(1.7rem, 0.6503816794rem + 2.7989821883vw, 2.8rem);
  }
}
@media (max-width: 768px) {
  .ybs-kv-product__en > br {
    display: none;
  }
}
.ybs-kv-product__lead {
  font-family: var(--ybs-serif);
  font-size: 3rem;
  color: #FFF;
  grid-area: lead;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media (max-width: 768px) {
  .ybs-kv-product__lead {
    font-size: clamp(1.5rem, 0.641221374rem + 2.2900763359vw, 2.4rem);
  }
}
.ybs-kv-product-rich__image {
  text-align: center;
}
.ybs-kv-product-rich__content {
  padding: 40px 48px;
  text-align: center;
}
@media (max-width: 768px) {
  .ybs-kv-product-rich__content {
    text-align: left;
    padding: 30px 25px;
  }
}
.ybs-kv-product-rich__title {
  font-size: 3rem;
  font-family: var(--ybs-serif);
  line-height: 1.5333333333;
  -webkit-margin-after: -10px;
          margin-block-end: -10px;
}
@media (max-width: 768px) {
  .ybs-kv-product-rich__title {
    font-size: 2rem;
    line-height: 1.6;
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
.ybs-kv-product-rich__lead {
  font-size: 1.6rem;
  line-height: 2.25;
}
@media (max-width: 768px) {
  .ybs-kv-product-rich__lead {
    font-size: 1.5rem;
    line-height: 2;
  }
}
.ybs-kv-extra {
  height: 500px;
  background: no-repeat 50% top;
  background-size: cover;
}
@media (max-width: 768px) {
  .ybs-kv-extra {
    height: 375px;
  }
}
.ybs-kv-extra__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-block: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
@media (max-width: 768px) {
  .ybs-kv-extra__inner {
    padding-block: 25px;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .ybs-kv-extra__pic {
    width: 225px;
  }
}
.ybs-kv-extra__title {
  font-size: 7rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .ybs-kv-extra__title {
    font-size: 4rem;
    line-height: 1.3;
  }
}
.ybs-kv-extra__text {
  margin-top: 0;
  font-size: 2rem;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .ybs-kv-extra__text {
    font-size: 1.4rem;
  }
}
.ybs-kv-full {
  width: 100%;
  text-align: center;
}

/*  YEBISU breadcrumbs
========================================================================== */
.ybs-breadcrumbs {
  width: 100%;
  margin-inline: auto;
  margin-top: 35px;
}
@media (max-width: 768px) {
  .ybs-breadcrumbs {
    margin-top: 20px;
  }
}
.ybs-breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 6px;
}
.ybs-breadcrumbs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.4;
}
.ybs-breadcrumbs__item span {
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.4;
}
.ybs-breadcrumbs__item:not(:first-child) span {
  padding-left: 8px;
}
.ybs-breadcrumbs__item:not(:first-child)::before {
  width: 4px;
  height: 4px;
  color: #340008;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}
@media (max-width: 768px) {
  .ybs-breadcrumbs__item:not(:first-child)::before {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
}
.ybs-breadcrumbs__item a {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
@media (hover: hover) {
  .ybs-breadcrumbs__item a:hover {
    text-decoration: none;
  }
}

:not(.home) .breadcrumbs {
  visibility: hidden;
}

/*  YEBISU nav-scroll
========================================================================== */
.layout-container {
  overflow-x: clip;
}

.nav-scroll {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--ybs-bg-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  inset-block-start: 70px;
  inset-inline: 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 50;
}
@media (max-width: 768px) {
  .nav-scroll {
    height: auto;
    inset-block-start: 0;
  }
}
.nav-scroll__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .nav-scroll__list {
    padding-block: 5px;
    padding-inline: 10px;
    width: 100%;
  }
}
.nav-scroll__list li {
  font-size: clamp(1rem, 0.0458015267rem + 2.5445292621vw, 2rem);
  font-family: var(--ybs-serif);
  font-weight: bold;
  min-height: 1em;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .nav-scroll__list li:not(:first-of-type) {
    -webkit-border-start: solid 1px #340008;
            border-inline-start: solid 1px #340008;
  }
}
@media (max-width: 768px) {
  .nav-scroll__list li {
    font-size: clamp(1.2rem, -0.5175572519rem + 4.5801526718vw, 3rem);
    line-height: 1.4411764706;
    min-height: 40px;
    padding-inline: 10px;
    text-align: center;
    -webkit-border-start: solid 1px #340008;
            border-inline-start: solid 1px #340008;
  }
  .nav-scroll__list li:first-child {
    border: none;
  }
}
.nav-scroll__list li a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: inherit;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1em;
  opacity: 0.4;
  padding-inline: 1vw;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.nav-scroll__list li a.active {
  opacity: 1 !important;
}
@media (hover: hover) {
  .nav-scroll__list li a:hover {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .nav-scroll__list li a {
    padding-inline: 0;
  }
}
@media (max-width: 539px) {
  .nav-scroll__list li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.nav-scroll__list li a .break {
  font-size: inherit;
}
.nav-scroll__list li a .break::after {
  content: "";
  display: inline-block;
  height: 1em;
  width: 0.2em;
}
@media (max-width: 768px) {
  .nav-scroll__list li a .break {
    display: block;
  }
  .nav-scroll__list li a .break::after {
    content: none;
  }
}

/*  content assets
========================================================================== */
.content-asset {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: minmax(360px, 540px) minmax(400px, auto);
  grid-template-rows: repeat(3, auto);
  gap: 20px 40px;
  grid-template-areas: "asset-img asset-title" "asset-img asset-lead" "asset-img asset-link";
}
@media (max-width: 768px) {
  .content-asset {
    grid-template-columns: 1fr;
    gap: 5px 0;
    grid-template-areas: "asset-img" "asset-title" "asset-lead" "asset-link";
  }
}
.content-asset:not(:first-child) {
  margin-top: 60px;
}
@media (max-width: 768px) {
  .content-asset:not(:first-child) {
    margin-top: 30px;
  }
}
.content-asset__title {
  font-family: "YakuHanMP", "Lora", "Noto Serif JP", serif;
  font-size: 3.8rem;
  align-self: end;
  grid-area: asset-title;
}
@media (max-width: 768px) {
  .content-asset__title {
    font-size: 2.6rem;
  }
}
.content-asset__sub {
  font-family: "YakuHanMP", "Lora", "Noto Serif JP", serif;
  margin-bottom: 20px;
}
.content-asset__lead {
  font-size: 1.6rem;
  align-self: stretch;
  grid-area: asset-lead;
}
@media (max-width: 768px) {
  .content-asset__lead {
    font-size: 1.5rem;
  }
}
.content-asset__date {
  display: inline-block;
  font-size: 1.6rem;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .content-asset__date {
    font-size: 1.5rem;
    margin-top: 10px;
  }
}
.content-asset__img {
  grid-area: asset-img;
}
.content-asset__link {
  justify-self: end;
  align-self: start;
  grid-area: asset-link;
}

/*  YEBISU content box
========================================================================== */
.content-card {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 568px;
}
@media (max-width: 768px) {
  .content-card {
    max-width: none;
  }
}
.content-card__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 60px;
  margin-block: 80px;
}
@media (max-width: 768px) {
  .content-card__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-block: 40px;
    gap: 40px;
  }
}
.content-card__link {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  gap: 20px 0px;
  grid-template-areas: "card-image" "card-title" "card-txt" "card-link";
}
@media (max-width: 768px) {
  .content-card__link {
    gap: 10px 0px;
  }
}
.content-card__link[target=_blank][rel=external] .content-btn {
  position: relative;
}
.content-card__link[target=_blank][rel=external] .content-btn::after {
  position: absolute;
  top: calc(50% - 5.5px);
  right: 20px;
  display: block;
  height: 11px;
  width: 11px;
  display: inline-block;
  background: url(/common/img/parts/icon-window_bg01.svg) no-repeat 0 0;
  content: "";
}
.content-card__link[target=_blank][rel=external]::after {
  content: none;
}
@media (hover: hover) {
  .content-card__link[target=_blank][rel=external]:hover .content-btn {
    color: #FFF;
  }
  .content-card__link[target=_blank][rel=external]:hover .content-btn::after {
    background-image: url(/common/img/parts/icon-window_bg02.svg);
  }
}
@media (hover: hover) {
  .content-card__link:hover .content-card__image > img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .content-card__link:hover .content-btn {
    background-color: var(--ybs-fnt-dflt);
    color: #FFF;
  }
}
.content-card__title {
  text-align: left;
  grid-area: card-title;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .content-card__title {
    font-size: 2.1rem;
  }
}
.content-card__txt {
  grid-area: card-txt;
}
.content-card__txt p {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .content-card__txt p {
    font-size: 1.5rem;
  }
}
.content-card__image {
  position: relative;
  grid-area: card-image;
  overflow: hidden;
}
.content-card__image > img {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.content-card__cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.content-card__btn {
  justify-self: end;
  grid-area: card-link;
}

/*  YEBISU content box mini
========================================================================== */
.content-mini {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-block: 50px;
}
@media (max-width: 768px) {
  .content-mini {
    display: block;
    margin-block: 30px;
  }
}
.content-mini__article {
  border: solid 1px #d6d6d6;
}
@media (min-width: 769px) {
  .content-mini__article {
    max-width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 768px) {
  .content-mini__article {
    margin-top: 25px;
  }
}
.content-mini__link {
  display: grid;
  grid-template-columns: 144px -webkit-min-content auto;
  grid-template-columns: 144px min-content auto;
  grid-template-rows: repeat(2, -webkit-min-content) 1fr;
  grid-template-rows: repeat(2, min-content) 1fr;
  grid-template-areas: "mini-image mini-title mini-title" "mini-image mini-txt mini-txt" "mini-image mini-date mini-external";
  width: 100%;
  height: 100%;
  padding: 15px 13px;
  gap: 10px 15px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 768px) {
  .content-mini__link {
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    grid-template-rows: repeat(2, -webkit-min-content);
    grid-template-rows: repeat(2, min-content);
    grid-template-areas: "mini-image mini-image " "mini-title mini-title" "mini-txt mini-txt" "mini-date mini-external";
    gap: 10px 0px;
  }
}
.content-mini__link[target=_blank][rel=external] .content-mini__external {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-mini__link[target=_blank][rel=external] .content-mini__external::after {
  display: block;
  height: 11px;
  width: 11px;
  margin-left: 4px;
  display: inline-block;
  background: url(/common/img/parts/icon-window_bg01.svg) no-repeat 0 0;
  content: "";
}
.content-mini__link[target=_blank][rel=external]::after {
  content: none;
}
@media (hover: hover) {
  .content-mini__link[target=_blank][rel=external]:hover .content-mini__external::after {
    background-image: url(/common/img/parts/icon-window_bg02.svg);
  }
}
@media (hover: hover) {
  .content-mini__link:hover {
    background-color: var(--ybs-fnt-dflt);
  }
  .content-mini__link:hover .content-mini__title, .content-mini__link:hover .content-mini__text, .content-mini__link:hover .content-mini__date, .content-mini__link:hover .content-mini__external {
    color: #FFF;
  }
}
.content-mini__title {
  text-align: left;
  grid-area: mini-title;
  font-size: 1.8rem;
  line-height: 1.6;
  font-family: var(--ybs-gothic) !important;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 768px) {
  .content-mini__title {
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
.content-mini__text {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  grid-area: mini-txt;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .content-mini__text {
    font-size: 1.5rem;
  }
}
.content-mini__image {
  position: relative;
  grid-area: mini-image;
}
.content-mini__image img {
  width: 100%;
}
.content-mini__external {
  font-size: 1.4rem;
  grid-area: mini-external;
  align-self: flex-end;
  justify-self: end;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/*  YEBISU content box
========================================================================== */
.content-horizontal {
  margin-block: 80px;
}
@media (max-width: 768px) {
  .content-horizontal {
    max-width: none;
    margin-block: 40px;
  }
}
.content-horizontal__link {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 365px 1fr;
  grid-template-rows: repeat(3, auto);
  gap: 10px 40px;
  grid-template-areas: "horizon-image horizon-title" "horizon-image horizon-txt" "horizon-image horizon-link";
}
@media (max-width: 768px) {
  .content-horizontal__link {
    grid-auto-columns: 1fr;
    grid-template-columns: 172.5px 1fr;
    grid-template-rows: repeat(3, auto);
    gap: 10px 15px;
    grid-template-areas: "horizon-image horizon-title" "horizon-txt horizon-txt" "horizon-link horizon-link";
  }
}
.content-horizontal__link[target=_blank][rel=external] .content-btn {
  position: relative;
}
.content-horizontal__link[target=_blank][rel=external] .content-btn::after {
  position: absolute;
  top: calc(50% - 5.5px);
  right: 20px;
  display: block;
  height: 11px;
  width: 11px;
  display: inline-block;
  background: url(/common/img/parts/icon-window_bg01.svg) no-repeat 0 0;
  content: "";
}
.content-horizontal__link[target=_blank][rel=external]::after {
  content: none;
}
@media (hover: hover) {
  .content-horizontal__link[target=_blank][rel=external]:hover {
    opacity: 0.6;
  }
  .content-horizontal__link[target=_blank][rel=external]:hover .content-btn {
    color: #FFF;
  }
  .content-horizontal__link[target=_blank][rel=external]:hover .content-btn::after {
    background-image: url(/common/img/parts/icon-window_bg02.svg);
  }
}
@media (hover: hover) {
  .content-horizontal__link:hover .content-btn {
    background-color: var(--ybs-fnt-dflt);
    color: #FFF;
  }
}
.content-horizontal__title {
  text-align: left;
  grid-area: horizon-title;
  font-size: 3.4rem;
}
@media (max-width: 768px) {
  .content-horizontal__title {
    font-size: 2.1rem;
    -ms-flex-item-align: center;
        align-self: center;
  }
}
.content-horizontal__txt {
  grid-area: horizon-txt;
}
.content-horizontal__txt p {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .content-horizontal__txt p {
    font-size: 1.5rem;
  }
}
.content-horizontal__image {
  position: relative;
  grid-area: horizon-image;
  overflow: hidden;
}
.content-horizontal__image > img {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.content-horizontal__cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.content-horizontal__btn {
  justify-self: end;
  align-self: end;
  grid-area: horizon-link;
}

/*  content statement
========================================================================== */
.content-statement__intro {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 90px;
}
@media (max-width: 768px) {
  .content-statement__intro {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 40px;
  }
}
.content-statement__intro > img {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 510px;
  width: 100%;
}
.content-statement__caption {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/*  content border
========================================================================== */
.content-border {
  margin-top: 60px;
  display: grid;
  grid-template-columns: minmax(360px, 570px) minmax(400px, auto);
  grid-template-rows: repeat(2, auto);
  gap: 25px 80px;
  grid-template-areas: "border-title border-title" "border-image border-txt" "border-image border-link";
}
@media (max-width: 768px) {
  .content-border {
    margin-top: 50px;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "border-title" "border-image" "border-txt" "border-link";
    gap: 25px 0;
  }
}
.content-border__title {
  padding-bottom: 14px;
  font-size: 2.8rem;
  text-align: left;
  border-bottom: var(--ybs-fnt-dflt) 1px solid;
  grid-area: border-title;
}
@media (max-width: 768px) {
  .content-border__title {
    font-size: 2.1rem;
    padding-bottom: 12px;
  }
}
.content-border__img {
  grid-area: border-image;
}
.content-border__txt {
  grid-area: border-txt;
}
.content-border__link {
  grid-area: border-link;
  justify-self: end;
  align-self: end;
}
@media (max-width: 768px) {
  .content-border__link {
    justify-self: center;
  }
}

/*  YEBISU content box
========================================================================== */
.content-banner {
  margin-block: 80px;
}
@media (max-width: 768px) {
  .content-banner {
    max-width: none;
    margin-block: 40px;
  }
}
.content-banner__link {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr minmax(auto, 525px);
  grid-template-rows: 1fr;
  gap: 0 40px;
  border: 4px solid #B58C1C;
  background-color: #FFF;
  grid-template-areas: "banner-content banner-image";
}
@media (max-width: 768px) {
  .content-banner__link {
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    border-width: 2px;
    grid-template-areas: "banner-image" "banner-content";
  }
}
.content-banner__link[target=_blank][rel=external] .content-btn {
  position: relative;
}
.content-banner__link[target=_blank][rel=external] .content-btn::after {
  position: absolute;
  top: calc(50% - 5.5px);
  right: 20px;
  display: block;
  height: 11px;
  width: 11px;
  display: inline-block;
  background: url(/common/img/parts/icon-window_bg01.svg) no-repeat 0 0;
  content: "";
}
.content-banner__link[target=_blank][rel=external]::after {
  content: none;
}
@media (hover: hover) {
  .content-banner__link[target=_blank][rel=external]:hover {
    opacity: 0.6;
  }
  .content-banner__link[target=_blank][rel=external]:hover .content-btn {
    color: #FFF;
  }
  .content-banner__link[target=_blank][rel=external]:hover .content-btn::after {
    background-image: url(/common/img/parts/icon-window_bg02.svg);
  }
}
@media (hover: hover) {
  .content-banner__link:hover .content-btn {
    background-color: var(--ybs-fnt-dflt);
    color: #FFF;
  }
}
.content-banner__content {
  grid-area: banner-content;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, auto);
  gap: 25px 0;
  padding-block: 40px;
  padding-left: 45px;
  grid-template-areas: "banner-txt" "banner-btn";
}
@media (min-width: 769px) {
  .content-banner__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 768px) {
  .content-banner__content {
    gap: 10px 0;
    padding-block: 20px;
    padding-inline: 20px;
  }
}
.content-banner__inner {
  grid-area: banner-txt;
}
.content-banner__logo {
  max-width: 220px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .content-banner__logo {
    max-width: 160px;
    margin-bottom: 10px;
  }
}
.content-banner__title {
  margin-bottom: 10px;
  text-align: left;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .content-banner__title {
    margin-bottom: 5px;
    font-size: 2rem;
    -ms-flex-item-align: center;
        align-self: center;
  }
}
.content-banner__image {
  position: relative;
  grid-area: banner-image;
  overflow: hidden;
}
.content-banner__image > img {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.content-banner__btn {
  align-self: end;
  grid-area: banner-btn;
}
@media (max-width: 768px) {
  .content-banner__btn {
    justify-self: center;
  }
}

/*  YEBISU content image
========================================================================== */
.content-image {
  margin-block: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 60px;
}
@media (max-width: 768px) {
  .content-image {
    max-width: none;
    margin-block: 40px;
    gap: 2.6041666667vw;
  }
}
.content-image.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .content-image.left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .content-image.right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.content-image.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .content-image.center {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.content-image:first-of-type {
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
}
@media (max-width: 768px) {
  .content-image:first-of-type {
    -webkit-margin-before: 25px;
            margin-block-start: 25px;
  }
}
.content-image__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.content-image__title {
  margin-bottom: 20px;
  text-align: left;
}
@media (max-width: 768px) {
  .content-image__title {
    margin-bottom: 2.6041666667vw;
  }
}
.content-image__text {
  line-height: 2.2;
}
.content-image__text:not(:first-of-type) {
  margin-top: 1.6rem;
  line-height: 2.2;
}
.content-image__pic {
  text-align: center;
  width: min(50%, 560px);
}
@media (max-width: 768px) {
  .content-image__pic {
    width: 100%;
    margin-bottom: 20px;
  }
}
.content-image__caption {
  margin-top: 20px;
  font-size: 1.4rem;
  list-style: 1.56;
  text-align: left;
}
@media (max-width: 768px) {
  .content-image__caption {
    margin-top: 15px;
    font-size: 1.2rem;
    list-style: 1.67;
  }
}

/*  YEBISU content related
========================================================================== */
.content-related {
  margin-block: 80px;
}
@media (max-width: 768px) {
  .content-related {
    margin-block: 40px;
  }
}
.content-related__link {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 265px 1fr;
  grid-template-rows: repeat(3, auto);
  gap: 15px 40px;
  grid-template-areas: "related-image related-title" "related-image related-text" "related-image related-more";
  padding: 40px;
  border: 1px solid;
}
@media (max-width: 768px) {
  .content-related__link {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    grid-template-areas: "related-title" "related-image" "related-text" "related-more";
    padding: 5.2083333333vw;
    gap: 15px;
  }
}
@media (hover: hover) {
  .content-related__link:hover {
    opacity: 0.7;
  }
}
.content-related__title {
  border-bottom: 1px solid;
  grid-area: related-title;
  font-size: 2rem;
  padding-bottom: 10px;
}
@media (min-width: 769px) {
  .content-related__title {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .content-related__title {
    padding-bottom: 8px;
    font-size: 2rem;
  }
}
.content-related__image {
  grid-area: related-image;
}
.content-related__text {
  grid-area: related-text;
}
.content-related__linktext {
  grid-area: related-more;
  justify-self: end;
  align-self: end;
}
@media (max-width: 768px) {
  .content-related__linktext {
    -ms-flex-item-align: initial;
        align-self: initial;
  }
}
.content-related a[rel=external] .link-text::after {
  width: 11px;
  height: 11px;
  background: url(/common/img/parts/icon-window_bg01.svg) no-repeat 50% 50%/contain;
}

/*  YEBISU content profile
========================================================================== */
.content-profile {
  border-block: 1px solid;
  display: grid;
  grid-auto-columns: 1fr;
  margin: 80px auto;
  width: 100%;
  gap: 20px 50px;
  grid-template-areas: "profile-title profile-title" "profile-image profile-content";
  grid-template-columns: minmax(auto, 245px) 1fr;
  grid-template-rows: repeat(2, -webkit-min-content);
  grid-template-rows: repeat(2, min-content);
  max-width: 820px;
  padding-block: 20px 35px;
}
@media (max-width: 768px) {
  .content-profile {
    gap: 20px 0;
    grid-template-columns: 1fr;
    margin-block: 40px;
    padding-block: 30px;
  }
}
@media (max-width: 768px) {
  .content-profile {
    grid-template-areas: "profile-title" "profile-image" "profile-content";
    grid-template-rows: repeat(3, -webkit-min-content);
    grid-template-rows: repeat(3, min-content);
  }
}
.content-profile__title {
  grid-area: profile-title;
}
.content-profile__title.eng {
  font-size: 3rem;
}
@media (max-width: 768px) {
  .content-profile__title.eng {
    font-size: 2rem;
  }
}
.content-profile__content {
  grid-area: profile-content;
}
.content-profile__name {
  margin-bottom: 10px;
  text-align: left;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .content-profile__name {
    margin-bottom: 10px;
    font-size: 1.8rem;
    text-align: center;
  }
}
.content-profile__ruby {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .content-profile__ruby {
    font-size: 1.1rem;
  }
}
.content-profile__overview {
  font-size: 1.4rem;
  line-height: 2;
}
@media (max-width: 768px) {
  .content-profile__overview {
    font-size: 1.4rem;
  }
}
.content-profile__link {
  margin-top: 15px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .content-profile__link {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
}
.content-profile__link > a {
  font-size: 1.4rem;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .content-profile__link > a {
    font-size: 1.4rem;
  }
}
@media (hover: hover) {
  .content-profile__link > a:hover {
    text-decoration: none;
  }
}
.content-profile__image {
  grid-area: profile-image;
}
@media (max-width: 768px) {
  .content-profile__image {
    width: 160px;
    justify-self: center;
  }
}
.content-profile2 {
  border-block: 1px solid;
  display: grid;
  grid-auto-columns: 1fr;
  margin: 80px auto;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 72px;
  grid-template-areas: "profile-image profile-content";
  grid-template-columns: minmax(auto, 248px) 1fr;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  max-width: 1070px;
  padding-block: 50px 70px;
}
@media (max-width: 768px) {
  .content-profile2 {
    gap: 20px 0;
    grid-template-columns: 1fr;
    margin-block: 40px;
    padding-block: 30px;
  }
}
@media (max-width: 768px) {
  .content-profile2 {
    grid-template-areas: "profile-image" "profile-content";
    grid-template-rows: repeat(2, -webkit-min-content);
    grid-template-rows: repeat(2, min-content);
  }
}
.content-profile2:only-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  max-width: initial;
}
.content-profile2 .content-profile__name {
  text-align: left;
}
@media (max-width: 768px) {
  .content-profile2 .content-profile__image {
    width: 47.9166666667vw;
  }
}

.ybs {
  /*  yebisu header
  ========================================================================== */
  /*  yebisu logo
  ========================================================================== */
  /*  yebisu navigation
  ========================================================================== */
}
.ybs-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  background-color: #FFF;
  border-top: 1px solid #d9d9da;
  z-index: 62;
}
@media (min-width: 769px) {
  .ybs-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-inline: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 30px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(6, 0, 1, 0.2);
            box-shadow: 0px 5px 5px 0px rgba(6, 0, 1, 0.2);
  }
}
@media (max-width: 768px) {
  .ybs-header {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding-left: 15px;
    z-index: 203;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 769px) {
  .ybs-header-nav {
    width: 100%;
    margin-right: auto;
  }
}
.ybs-header-extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
@media (max-width: 768px) {
  .ybs-header-extra {
    margin: 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 769px) {
  .ybs-logo {
    height: 56px;
  }
}
@media (max-width: 768px) {
  .ybs-logo {
    height: 32px;
  }
}
.ybs-logo-link > img {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -o-object-fit: in;
     object-fit: in;
  max-width: 100%;
  width: auto;
  height: auto;
}
@media (hover: hover) {
  .ybs-logo-link:hover > img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
@media (min-width: 769px) {
  .ybs-nav {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .ybs-nav-toggle {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 768px) {
  .ybs-nav-toggle {
    position: absolute;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    width: 60px;
    height: 49px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2262%22%20height%3D%2243.32%22%20viewBox%3D%220%200%2062%2043.32%22%3E%20%3Cg%20transform%3D%22translate(-874%202813)%22%3E%20%3Crect%20width%3D%2262%22%20height%3D%222%22%20transform%3D%22translate(874%20-2813)%22%20fill%3D%22%23340008%22%2F%3E%20%3Crect%20width%3D%2262%22%20height%3D%222%22%20transform%3D%22translate(874%20-2798)%22%20fill%3D%22%23340008%22%2F%3E%20%3Cpath%20d%3D%22M8.48.2Q7.667-1.687%2C6.843-3.56T5.22-7.34q-.24-.553-.5-1.217T4.2-9.96q-.257-.74-.5-1.5.013.52.013%2C1T3.7-9.54q-.013.627-.033%2C1.453t-.05%2C1.743q-.03.917-.043%2C1.833T3.547-2.76q-.013.473-.03.933t-.057.8q.367-.027.777-.043l.73-.03V0H.9V-.88a1.653%2C1.653%2C0%2C0%2C0%2C.863-.22%2C1.016%2C1.016%2C0%2C0%2C0%2C.407-.6%2C4.138%2C4.138%2C0%2C0%2C0%2C.123-.987l.293-8.633q.02-.447.033-.88t.033-.773q-.347.02-.747.03t-.713.03V-14H4.707l3.3%2C7.873q.233.553.473%2C1.157t.487%2C1.193q.247.59.453%2C1.117h.033q.233-.593.507-1.313t.487-1.287q.847-2.16%2C1.737-4.32T13.947-14H17.46v.88a1.656%2C1.656%2C0%2C0%2C0-.807.167%2C1.028%2C1.028%2C0%2C0%2C0-.477.61%2C3.6%2C3.6%2C0%2C0%2C0-.117%2C1.257l.447%2C8.62a5.921%2C5.921%2C0%2C0%2C1%2C.027.787q-.013.38-.027.64.353-.027.763-.037t.717-.023V0h-4.84V-.88a1.6%2C1.6%2C0%2C0%2C0%2C.877-.24%2C1.089%2C1.089%2C0%2C0%2C0%2C.413-.687%2C4.805%2C4.805%2C0%2C0%2C0%2C.063-1.24L14.18-8.86q-.013-.293-.04-.7t-.05-.86q-.023-.45-.043-.87-.06.14-.127.29a3.146%2C3.146%2C0%2C0%2C0-.12.317L9.5.2ZM26.673-5.06a2.375%2C2.375%2C0%2C0%2C0-.247-1.247%2C1.047%2C1.047%2C0%2C0%2C0-.743-.463%2C6.112%2C6.112%2C0%2C0%2C0-1.25-.05l-1.147.047v4.147q0%2C.54-.013.953A5.821%2C5.821%2C0%2C0%2C1%2C23.22-1l3.44-.04a3.6%2C3.6%2C0%2C0%2C0%2C1.4-.283%2C2.035%2C2.035%2C0%2C0%2C0%2C.973-.933%2C3.817%2C3.817%2C0%2C0%2C0%2C.36-1.81h.887L30.167%2C0h-10.4V-.88a1.627%2C1.627%2C0%2C0%2C0%2C.95-.273%2C1.13%2C1.13%2C0%2C0%2C0%2C.367-.727A8.048%2C8.048%2C0%2C0%2C0%2C21.16-3.1v-8.313q0-.447.023-.86t.043-.7q-.347.02-.747.037t-.713.037V-14h9.747l.107%2C3.627h-.88a3.363%2C3.363%2C0%2C0%2C0-.367-1.747%2C1.8%2C1.8%2C0%2C0%2C0-.96-.8%2C3.6%2C3.6%2C0%2C0%2C0-1.28-.183l-1.387.033a1.786%2C1.786%2C0%2C0%2C0-.947.223%2C1.028%2C1.028%2C0%2C0%2C0-.413.673%2C6.314%2C6.314%2C0%2C0%2C0-.1%2C1.27v3.133l3.287.013-.12-1.727h1.1v4.42ZM43.04.28%2C35.587-9.593q-.207-.273-.413-.553t-.42-.573h-.02l.053%2C7.773q0%2C.513-.007%2C1.013t-.047.907q.347-.027.75-.043l.71-.03V0h-3.96V-.88a1.433%2C1.433%2C0%2C0%2C0%2C.85-.22%2C1.1%2C1.1%2C0%2C0%2C0%2C.393-.58%2C2.9%2C2.9%2C0%2C0%2C0%2C.11-.833V-11.48q0-.407.007-.8t.02-.693q-.32.02-.71.037t-.69.037V-14h2.633l7.04%2C9.267q.34.44.617.82t.53.72h.02l.013-8.22q0-.447.02-.86t.04-.7q-.347.02-.747.037t-.713.037V-14H45.64v.88a1.515%2C1.515%2C0%2C0%2C0-.933.267%2C1.116%2C1.116%2C0%2C0%2C0-.363.723%2C8.767%2C8.767%2C0%2C0%2C0-.07%2C1.23L44.247.28Zm8.873-13.4a1.52%2C1.52%2C0%2C0%2C0-.887.227%2C1.032%2C1.032%2C0%2C0%2C0-.4.583%2C3.208%2C3.208%2C0%2C0%2C0-.1.823v5.193a11.14%2C11.14%2C0%2C0%2C0%2C.19%2C2.137%2C5.192%2C5.192%2C0%2C0%2C0%2C.62%2C1.687%2C3%2C3%2C0%2C0%2C0%2C1.173%2C1.117%2C3.891%2C3.891%2C0%2C0%2C0%2C1.837.407%2C3.67%2C3.67%2C0%2C0%2C0%2C2.193-.593A3.6%2C3.6%2C0%2C0%2C0%2C57.84-3.267a7.639%2C7.639%2C0%2C0%2C0%2C.44-2.653l.04-5.493q0-.447.02-.86t.047-.7q-.347.02-.743.037t-.71.037V-14H60.96v.88a1.54%2C1.54%2C0%2C0%2C0-.947.267%2C1.142%2C1.142%2C0%2C0%2C0-.37.723%2C9.024%2C9.024%2C0%2C0%2C0-.09%2C1.23l-.027%2C4.76A9.884%2C9.884%2C0%2C0%2C1%2C59.2-3.513a5.756%2C5.756%2C0%2C0%2C1-1%2C2.047A4.443%2C4.443%2C0%2C0%2C1%2C56.5-.143%2C5.86%2C5.86%2C0%2C0%2C1%2C54.073.32a7.376%2C7.376%2C0%2C0%2C1-2.727-.44A3.957%2C3.957%2C0%2C0%2C1%2C49.6-1.433a5.5%2C5.5%2C0%2C0%2C1-.927-2.14%2C13.849%2C13.849%2C0%2C0%2C1-.277-2.933v-4.32q0-.527.03-1.167t.05-.98q-.347.02-.747.03t-.713.03V-14h4.9Z%22%20transform%3D%22translate(874%20-2770)%22%20fill%3D%22%23340008%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50% 50%/36px auto;
    border: none;
    outline: none;
  }
}
.ybs-nav-toggle[aria-pressed=true] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2263.287%22%20height%3D%2255.32%22%20viewBox%3D%220%200%2063.287%2055.32%22%3E%20%3Cg%20transform%3D%22translate(-967.847%202814)%22%3E%20%3Cpath%20d%3D%22M11.88-9.533a4.433%2C4.433%2C0%2C0%2C0-1.243-2.78%2C3.712%2C3.712%2C0%2C0%2C0-2.65-.98%2C4.109%2C4.109%2C0%2C0%2C0-1.933.46%2C4.58%2C4.58%2C0%2C0%2C0-1.517%2C1.287A6.165%2C6.165%2C0%2C0%2C0%2C3.55-9.593%2C8.306%2C8.306%2C0%2C0%2C0%2C3.2-7.12a7.676%2C7.676%2C0%2C0%2C0%2C.643%2C3.23A5.281%2C5.281%2C0%2C0%2C0%2C5.613-1.7a4.364%2C4.364%2C0%2C0%2C0%2C2.56.787%2C5.75%2C5.75%2C0%2C0%2C0%2C2.54-.61A5.433%2C5.433%2C0%2C0%2C0%2C12.78-3.267l.667.573A7.318%2C7.318%2C0%2C0%2C1%2C11.52-.8a6.525%2C6.525%2C0%2C0%2C1-2.03.89A8.118%2C8.118%2C0%2C0%2C1%2C7.667.32%2C6.884%2C6.884%2C0%2C0%2C1%2C4.9-.223%2C6.445%2C6.445%2C0%2C0%2C1%2C2.737-1.737%2C6.789%2C6.789%2C0%2C0%2C1%2C1.337-4a7.793%2C7.793%2C0%2C0%2C1-.49-2.79%2C8.85%2C8.85%2C0%2C0%2C1%2C.433-2.74%2C7.616%2C7.616%2C0%2C0%2C1%2C1.3-2.423%2C6.257%2C6.257%2C0%2C0%2C1%2C2.177-1.727%2C6.861%2C6.861%2C0%2C0%2C1%2C3.053-.643%2C7.085%2C7.085%2C0%2C0%2C1%2C1.983.283%2C7.022%2C7.022%2C0%2C0%2C1%2C1.863.857l-.093-1h1.233v4.647ZM14.953%2C0V-.88a1.627%2C1.627%2C0%2C0%2C0%2C.95-.273%2C1.13%2C1.13%2C0%2C0%2C0%2C.367-.727%2C8.048%2C8.048%2C0%2C0%2C0%2C.077-1.22v-8.313q0-.447.023-.86t.043-.7q-.347.02-.747.037t-.713.037V-14h4.913v.88a1.547%2C1.547%2C0%2C0%2C0-.94.267%2C1.127%2C1.127%2C0%2C0%2C0-.377.723%2C8.009%2C8.009%2C0%2C0%2C0-.077%2C1.23v8.273q0%2C.54-.013.953A5.821%2C5.821%2C0%2C0%2C1%2C18.407-1l3.387-.04a2.35%2C2.35%2C0%2C0%2C0%2C1.89-.807A3.916%2C3.916%2C0%2C0%2C0%2C24.34-4.36h.9L25.12%2C0ZM33.247.32A7.535%2C7.535%2C0%2C0%2C1%2C30-.32a5.991%2C5.991%2C0%2C0%2C1-2.19-1.71A7.168%2C7.168%2C0%2C0%2C1%2C26.573-4.4%2C8.935%2C8.935%2C0%2C0%2C1%2C26.18-7%2C8.142%2C8.142%2C0%2C0%2C1%2C26.6-9.55%2C7.461%2C7.461%2C0%2C0%2C1%2C27.9-11.92a6.519%2C6.519%2C0%2C0%2C1%2C2.183-1.74%2C6.778%2C6.778%2C0%2C0%2C1%2C3.08-.66%2C7.066%2C7.066%2C0%2C0%2C1%2C3.167.66%2C6.312%2C6.312%2C0%2C0%2C1%2C2.193%2C1.75A7.716%2C7.716%2C0%2C0%2C1%2C39.8-9.54%2C8.05%2C8.05%2C0%2C0%2C1%2C40.227-7%2C8.054%2C8.054%2C0%2C0%2C1%2C39.8-4.473%2C7.589%2C7.589%2C0%2C0%2C1%2C38.51-2.1%2C6.518%2C6.518%2C0%2C0%2C1%2C36.333-.343%2C6.739%2C6.739%2C0%2C0%2C1%2C33.247.32Zm.1-1.033a3.766%2C3.766%2C0%2C0%2C0%2C2.02-.523%2C4.313%2C4.313%2C0%2C0%2C0%2C1.393-1.39%2C6.619%2C6.619%2C0%2C0%2C0%2C.813-1.917%2C8.467%2C8.467%2C0%2C0%2C0%2C.267-2.09%2C9.927%2C9.927%2C0%2C0%2C0-.307-2.48%2C7.258%2C7.258%2C0%2C0%2C0-.913-2.137%2C4.744%2C4.744%2C0%2C0%2C0-1.51-1.5%2C3.835%2C3.835%2C0%2C0%2C0-2.077-.55%2C3.756%2C3.756%2C0%2C0%2C0-2.02.543%2C4.408%2C4.408%2C0%2C0%2C0-1.4%2C1.407A6.664%2C6.664%2C0%2C0%2C0%2C28.8-9.427a8.553%2C8.553%2C0%2C0%2C0-.267%2C2.107%2C9.434%2C9.434%2C0%2C0%2C0%2C.277%2C2.2%2C8.075%2C8.075%2C0%2C0%2C0%2C.857%2C2.16A4.871%2C4.871%2C0%2C0%2C0%2C31.16-1.333%2C3.8%2C3.8%2C0%2C0%2C0%2C33.347-.713ZM50.027-9.68a5.107%2C5.107%2C0%2C0%2C0-.52-1.837%2C3.357%2C3.357%2C0%2C0%2C0-1.163-1.31%2C3.257%2C3.257%2C0%2C0%2C0-1.843-.48%2C2.458%2C2.458%2C0%2C0%2C0-1.77.627%2C2.008%2C2.008%2C0%2C0%2C0-.657%2C1.507%2C1.985%2C1.985%2C0%2C0%2C0%2C.437%2C1.3%2C4.082%2C4.082%2C0%2C0%2C0%2C1.19.953q.753.42%2C1.693.84.76.327%2C1.533.72a8.06%2C8.06%2C0%2C0%2C1%2C1.413.91%2C4.084%2C4.084%2C0%2C0%2C1%2C1.027%2C1.22%2C3.417%2C3.417%2C0%2C0%2C1%2C.387%2C1.67%2C3.564%2C3.564%2C0%2C0%2C1-.58%2C2.007A3.862%2C3.862%2C0%2C0%2C1%2C49.517-.177a6.147%2C6.147%2C0%2C0%2C1-2.59.5A6.962%2C6.962%2C0%2C0%2C1%2C45.11.063a6.087%2C6.087%2C0%2C0%2C1-1.717-.75l.087.853H42.273l-.08-4.4h.96A3.661%2C3.661%2C0%2C0%2C0%2C44.4-1.61%2C3.97%2C3.97%2C0%2C0%2C0%2C47-.72%2C3.315%2C3.315%2C0%2C0%2C0%2C48.38-1a2.336%2C2.336%2C0%2C0%2C0%2C.98-.8%2C2.075%2C2.075%2C0%2C0%2C0%2C.36-1.217A2.032%2C2.032%2C0%2C0%2C0%2C49.237-4.4%2C4.3%2C4.3%2C0%2C0%2C0%2C48-5.353q-.75-.4-1.577-.767t-1.6-.763a7.537%2C7.537%2C0%2C0%2C1-1.383-.923%2C3.95%2C3.95%2C0%2C0%2C1-.973-1.223%2C3.623%2C3.623%2C0%2C0%2C1-.36-1.67%2C3.857%2C3.857%2C0%2C0%2C1%2C.2-1.177%2C3.394%2C3.394%2C0%2C0%2C1%2C.68-1.18%2C3.509%2C3.509%2C0%2C0%2C1%2C1.307-.91%2C5.317%2C5.317%2C0%2C0%2C1%2C2.08-.353%2C7.7%2C7.7%2C0%2C0%2C1%2C1.723.22%2C4.725%2C4.725%2C0%2C0%2C1%2C1.723.78l-.08-.847h1.2V-9.68Zm10.5%2C4.62a2.375%2C2.375%2C0%2C0%2C0-.247-1.247%2C1.047%2C1.047%2C0%2C0%2C0-.743-.463%2C6.112%2C6.112%2C0%2C0%2C0-1.25-.05l-1.147.047v4.147q0%2C.54-.013.953A5.82%2C5.82%2C0%2C0%2C1%2C57.073-1l3.44-.04a3.6%2C3.6%2C0%2C0%2C0%2C1.4-.283%2C2.035%2C2.035%2C0%2C0%2C0%2C.973-.933%2C3.817%2C3.817%2C0%2C0%2C0%2C.36-1.81h.887L64.02%2C0H53.62V-.88a1.627%2C1.627%2C0%2C0%2C0%2C.95-.273%2C1.13%2C1.13%2C0%2C0%2C0%2C.367-.727%2C8.049%2C8.049%2C0%2C0%2C0%2C.077-1.22v-8.313q0-.447.023-.86t.043-.7q-.347.02-.747.037t-.713.037V-14h9.747l.107%2C3.627h-.88a3.363%2C3.363%2C0%2C0%2C0-.367-1.747%2C1.8%2C1.8%2C0%2C0%2C0-.96-.8%2C3.6%2C3.6%2C0%2C0%2C0-1.28-.183l-1.387.033a1.786%2C1.786%2C0%2C0%2C0-.947.223%2C1.028%2C1.028%2C0%2C0%2C0-.413.673%2C6.314%2C6.314%2C0%2C0%2C0-.1%2C1.27v3.133l3.287.013-.12-1.727h1.1v4.42Z%22%20transform%3D%22translate(967%20-2759)%22%20fill%3D%22%23340008%22%2F%3E%20%3Cg%20transform%3D%22translate(971%20-2814)%22%20fill%3D%22%23fff%22%3E%20%3Cpath%20d%3D%22M%2055.24261093139648%2033.04900741577148%20L%2028.46237182617188%2017.58766174316406%20L%2028.21237182617188%2017.44332122802734%20L%2027.96237182617188%2017.58766174316406%20L%201.182887315750122%2033.04900360107422%20L%200.6830450892448425%2032.18339157104492%20L%2026.46280097961426%2017.29925155639648%20L%2027.21280097961426%2016.86623191833496%20L%2026.46280097961426%2016.43323135375977%20L%200.6829448342323303%201.549447417259216%20L%201.182978868484497%200.6830517649650574%20L%2027.9627513885498%2016.14456176757812%20L%2028.2127513885498%2016.28890037536621%20L%2028.4627513885498%2016.14456176757812%20L%2055.24261474609375%200.6829988956451416%20L%2055.74245834350586%201.548612236976624%20L%2029.9622917175293%2016.43299102783203%20L%2029.21230125427246%2016.86600112915039%20L%2029.9622917175293%2017.29901123046875%20L%2055.74245834350586%2032.18339157104492%20L%2055.24261093139648%2033.04900741577148%20Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%2025.14398002624512%2015.0944709777832%20L%201.366060733795166%201.366104960441589%20L%201.365894436836243%201.366392970085144%20L%2025.14398002624512%2015.0944709777832%20M%2055.42560195922852%2033.73200225830078%20L%2028.21237182617188%2018.02067184448242%20L%200.9999014139175415%2033.73200225830078%20L%201.388549776493164e-06%2032.00040054321289%20L%2026.21280097961426%2016.86624145507812%20L%201.388549776493164e-06%201.732501149177551%20L%200.9999014139175415%201.129150405176915e-06%20L%2028.2127513885498%2015.71155071258545%20L%2055.42560195922852%201.129150405176915e-06%20L%2056.42550277709961%201.731601119041443%20L%2030.2122917175293%2016.86600112915039%20L%2056.42550277709961%2032.00040054321289%20L%2055.42560195922852%2033.73200225830078%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23340008%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 36px auto;
}
@media (min-width: 769px) {
  .ybs-nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 768px) {
  .ybs-nav-menu {
    position: fixed;
    top: calc(100vh - 50px);
    right: 0;
    bottom: 50px;
    left: 0;
    background-color: #FFF;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
    z-index: -1;
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .ybs-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
  }
}
.ybs-nav-item {
  position: relative;
}
@media (min-width: 769px) {
  .ybs-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 768px) {
  .ybs-nav-item {
    border-bottom: 1px solid #d9d9da;
  }
}
.ybs-nav-item[data-nav=hover] {
  border-bottom: none;
}
@media (max-width: 768px) {
  .ybs-nav-item[data-nav=hover] .ybs-nav-link, .ybs-nav-item[data-nav=hover] > span {
    border-bottom: 1px solid #d9d9da;
  }
}
@media (min-width: 769px) {
  .ybs-nav-item[data-nav=hover]:hover .ybs-nav-lower {
    -webkit-transform: scaleY(1) translateY(0);
            transform: scaleY(1) translateY(0);
    visibility: visible;
  }
}
@media (min-width: 769px) {
  .ybs-nav-item[data-nav=hover]:hover .ybs-nav-lower-link {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    visibility: visible;
  }
}
.ybs-nav-item[data-nav=hover] .nav-down {
  display: none;
}
@media (max-width: 768px) {
  .ybs-nav-item[data-nav=hover] .nav-down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
  }
}
.ybs-nav-item[data-nav=hover] .nav-down span {
  display: block;
  width: 54px;
  height: 54px;
  border-left: #d9d9da 1px solid;
}
.ybs-nav-item[data-nav=hover] .nav-down span::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ybs-nav-item[data-nav=hover] .nav-down span::after, .ybs-nav-item[data-nav=hover] .nav-down span::before {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background-color: #340008;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  right: 17px;
}
.ybs-nav-item[data-nav=hover] .nav-down.nav-open span::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
@media (max-width: 768px) {
  .ybs-nav-item[data-nav=hover] .ybs-nav-link {
    padding-right: 60px;
  }
}
.ybs-nav-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--ybs-serif);
  color: var(--ybs-fnt-dflt);
  list-style: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (min-width: 769px) {
  .ybs-nav-link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70px;
    font-size: 1.8rem;
    font-weight: 700;
  }
}
@media (max-width: 768px) {
  .ybs-nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 54px;
    padding-inline: 1.5rem;
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .ybs-nav-link:is([href])::after {
    display: block;
    width: 4px;
    height: 4px;
    margin-right: 5px;
    color: var(--ybs-fnt-dflt);
    border-right: 1px solid;
    border-bottom: 1px solid;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
    content: "";
  }
}
@media (min-width: 769px) {
  .ybs-nav-link:is([href])::before {
    display: block;
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 0;
    height: 1px;
    background-color: #000;
    content: "";
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
}
@media (min-width: 769px) {
  .ybs-nav-link:is([href]):hover::before {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .ybs-nav-lower {
    position: absolute;
    top: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transform: scaleY(0) translateY(-30px);
            transform: scaleY(0) translateY(-30px);
    -webkit-transform-origin: center top;
            transform-origin: center top;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    visibility: hidden;
  }
}
@media (max-width: 768px) {
  .ybs-nav-lower {
    display: none;
  }
}
@media (min-width: 769px) {
  .ybs-nav-lower-item {
    display: block;
    min-height: 46px;
  }
}
@media (max-width: 768px) {
  .ybs-nav-lower-item {
    border-bottom: 1px solid #d9d9da;
  }
}
.ybs-nav-lower-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  width: 100%;
  font-family: var(--ybs-serif);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (min-width: 769px) {
  .ybs-nav-lower-link {
    min-height: 46px;
    margin-block: 2px;
    padding: 5px 16px 5px 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: var(--ybs-fnt-dflt);
    background-color: #FFF;
    -webkit-box-shadow: 0 0 3px #dfdfdf;
            box-shadow: 0 0 3px #dfdfdf;
    white-space: nowrap;
    visibility: hidden;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
}
@media (max-width: 768px) {
  .ybs-nav-lower-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 54px;
    padding-inline: 2.5rem 1.5rem;
    font-size: 1.5rem;
  }
}
.ybs-nav-lower-link:not([rel=external])::after {
  display: block;
  width: 4px;
  height: 4px;
  margin-right: 5px;
  color: var(--ybs-fnt-dflt);
  border-right: 1px solid;
  border-bottom: 1px solid;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  content: "";
}
@media (hover: hover) {
  .ybs-nav-lower-link[rel=external]:hover::after {
    background-image: url("/common/img/parts/icon-window_bg02.svg");
  }
}
.ybs-nav-lower-link[rel=external]:not([target=_blank])::after {
  background: none;
  display: block;
  width: 4px;
  height: 4px;
  margin-right: 5px;
  color: var(--ybs-fnt-dflt);
  border-right: 1px solid;
  border-bottom: 1px solid;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  content: "";
}
@media (hover: hover) {
  .ybs-nav-lower-link:hover {
    background-color: var(--ybs-fnt-dflt);
    color: #FFF !important;
  }
  .ybs-nav-lower-link:hover::after {
    border-color: #FFF;
  }
  .ybs-nav-lower-link:hover:not([target=_blank])::after {
    border-color: #fff;
  }
}
.ybs-sns {
  text-align: center;
  height: 30px;
  width: 30px;
}
@media (max-width: 768px) {
  .ybs-sns {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 2.2rem;
    margin-top: 10px;
    text-align: center;
  }
  .ybs-sns::before {
    display: block;
    font-family: var(--ybs-eng);
    font-size: 1.8rem;
    content: "FOLLOW ME!";
    color: var(--ybs-yebisu);
    font-size: 1.3rem;
    white-space: nowrap;
    font-weight: 600;
    margin-bottom: 5px;
  }
}
.ybs-sns-link {
  display: block;
  height: 30px;
  width: 30px;
}
.ybs-lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 50px;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .ybs-lang {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
@media (hover: hover) and (hover: hover) {
  .ybs-lang:hover .ybs-lang-select:hover {
    opacity: 0.6;
  }
}
@media (hover: hover) and (min-width: 769px) {
  .ybs-lang:hover .ybs-lang-list {
    display: block;
    -webkit-transform: scaleY(1) translateY(0);
            transform: scaleY(1) translateY(0);
    visibility: visible;
  }
}
.ybs-lang-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--ybs-serif);
  width: 36px;
  height: 50px;
}
@media (max-width: 768px) {
  .ybs-lang-select {
    padding-top: 25px;
  }
}
.ybs-lang-select::after {
  display: block;
  width: 13px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2011%22%3E%20%3Cg%20transform%3D%22translate(13%2011)%20rotate(180)%22%20fill%3D%22%23fff%22%3E%20%3Cpath%20d%3D%22M%2012.12378215789795%2010.5%20L%200.8762181997299194%2010.5%20L%206.5%200.9828307628631592%20L%2012.12378215789795%2010.5%20Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%206.5%201.965688705444336%20L%201.75245189666748%2010%20L%2011.24754810333252%2010%20L%206.5%201.965688705444336%20M%206.5%200%20L%2013%2011%20L%200%2011%20L%206.5%200%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23340008%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 100% center/13px auto;
  content: "";
}
@media (min-width: 769px) {
  .ybs-lang-list {
    position: absolute;
    top: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transform-origin: center top;
            transform-origin: center top;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    visibility: hidden;
    -webkit-transform: scaleY(0) translateY(-30px);
            transform: scaleY(0) translateY(-30px);
  }
}
@media (min-width: 769px) and (max-width: 768px) {
  .ybs-lang-list {
    display: none;
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 768px) {
  .ybs-lang-list {
    margin-top: 10px;
    display: none;
  }
}
@media (min-width: 769px) {
  .ybs-lang-item {
    display: block;
    background-color: #FFF;
  }
}
.ybs-lang-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  width: 100%;
  height: 40px;
  font-family: var(--ybs-serif);
  color: var(--ybs-fnt-dflt);
  background-color: #FFF;
}
@media (min-width: 769px) {
  .ybs-lang-link {
    min-height: 40px;
    margin-block: 2px;
    padding: 5px 16px 5px 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 3px #dfdfdf;
            box-shadow: 0 0 3px #dfdfdf;
    white-space: nowrap;
    -webkit-transform-origin: center top;
            transform-origin: center top;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
}
@media (max-width: 768px) {
  .ybs-lang-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 34px;
    padding-inline: 2.5rem 1.5rem;
    font-size: 1.5rem;
    text-align: right;
  }
}
.ybs-active {
  overflow: hidden;
}
.ybs-active .layout-header {
  z-index: 199;
}
.ybs-active .ybs-nav-menu {
  top: 0;
  overflow-y: auto;
  opacity: 1;
}

/*  Line up
========================================================================== */
.ybs-lineup {
  padding-block: 9.2857142857vw 10.2857142857vw;
}
@media (max-width: 768px) {
  .ybs-lineup {
    padding-block: 14.5833333333vw;
  }
}
.ybs-lineup .ybs-content__inner {
  margin: 0;
  max-width: none;
  padding: 0;
}
.ybs-lineup .ybs-content__title {
  font-size: 7rem;
  font-family: var(--ybs-eng);
  line-height: 1em;
}
@media (max-width: 768px) {
  .ybs-lineup .ybs-content__title {
    font-size: 4rem;
    letter-spacing: 0.1em;
    -webkit-margin-after: 1.3020833333vw;
            margin-block-end: 1.3020833333vw;
  }
}
.ybs-lineup__content {
  position: relative;
}
.ybs-lineup__wrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
@media (max-width: 768px) {
  .ybs-lineup__wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.ybs-lineup__item {
  width: 16.7142857143vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-inline: 3.5714285714vw;
}
@media (max-width: 768px) {
  .ybs-lineup__item {
    width: 45.8333333333vw;
    margin-inline: 3.90625vw;
  }
}
.ybs-lineup__link {
  display: block;
  position: relative;
}
.ybs-lineup__badge {
  width: 6.4285714286vw;
  position: absolute;
  inset-block-start: 3.5714285714vw;
  inset-inline-end: -0.7142857143vw;
  z-index: 2;
}
@media (max-width: 768px) {
  .ybs-lineup__badge {
    width: 19.2708333333vw;
    inset-block-start: 8.0729166667vw;
    inset-inline-end: -5.46875vw;
  }
}
.ybs-lineup__fig {
  position: relative;
  text-align: center;
  z-index: 1;
}
.ybs-lineup__img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-margin-start: 1.1428571429vw;
          margin-inline-start: 1.1428571429vw;
}
@media (min-width: 769px) {
  .ybs-lineup__img {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .ybs-lineup__img:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media (max-width: 768px) {
  .ybs-lineup__img {
    -webkit-margin-start: 2.0833333333vw;
            margin-inline-start: 2.0833333333vw;
  }
}
.ybs-lineup__caption {
  font-size: clamp(1rem, -0.7842227378rem + 2.3201856148vw, 2rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  -webkit-margin-before: -2.1428571429vw;
          margin-block-start: -2.1428571429vw;
  min-height: 3em;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .ybs-lineup__caption {
    font-size: 1.5rem;
    line-height: 1.7;
    position: static;
    -webkit-margin-before: -4.1666666667vw;
            margin-block-start: -4.1666666667vw;
  }
}
.ybs-lineup__caption .thin {
  font-size: 0.86em;
  letter-spacing: -0.05em;
}
.ybs-lineup__next {
  cursor: pointer;
  inset-block-start: 46%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  width: 4.8571428571vw;
  z-index: 2;
  inset-inline-end: 50%;
  -webkit-margin-end: -42.8571428571vw;
          margin-inline-end: -42.8571428571vw;
}
@media (hover: hover) {
  .ybs-lineup__next:hover {
    opacity: 0.5;
  }
}
@media (max-width: 768px) {
  .ybs-lineup__next {
    width: 13.0208333333vw;
  }
}
@media (max-width: 768px) {
  .ybs-lineup__next {
    inset-inline-end: 1.8229166667vw;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}
.ybs-lineup__prev {
  cursor: pointer;
  inset-block-start: 46%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  width: 4.8571428571vw;
  z-index: 2;
  inset-inline-start: 50%;
  -webkit-margin-start: -42.8571428571vw;
          margin-inline-start: -42.8571428571vw;
}
@media (hover: hover) {
  .ybs-lineup__prev:hover {
    opacity: 0.5;
  }
}
@media (max-width: 768px) {
  .ybs-lineup__prev {
    width: 13.0208333333vw;
  }
}
@media (max-width: 768px) {
  .ybs-lineup__prev {
    inset-inline-start: 1.8229166667vw;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
.ybs-lineup__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-margin-before: 1.8571428571vw;
          margin-block-start: 1.8571428571vw;
  position: static;
}
@media (max-width: 768px) {
  .ybs-lineup__pagination {
    -webkit-margin-before: 3.90625vw;
            margin-block-start: 3.90625vw;
  }
}
.ybs-lineup__bullet {
  width: 0.5714285714vw;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: solid 1px #340008;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin-inline: 0.5714285714vw;
}
.ybs-lineup__bullet.active {
  background-color: #340008;
}
@media (max-width: 768px) {
  .ybs-lineup__bullet {
    width: 1.5625vw;
    margin-inline: 1.5625vw;
  }
}

/*  PICK UP
========================================================================== */
.contents-pickup {
  padding-block: 60px;
  background-color: var(--ybs-bg-gray);
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .contents-pickup {
    padding-block: 45px;
  }
}
.contents-pickup__ttl {
  font-family: var(--ybs-eng);
  font-size: 7.2rem;
  font-weight: 400;
  text-align: center;
  color: var(--ybs-fnt-dflt);
  line-height: 1;
}
@media (max-width: 768px) {
  .contents-pickup__ttl {
    font-size: 3rem;
  }
}
.contents-pickup__wrap {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.contents-pickup__content {
  margin-top: 60px;
  overflow: inherit;
}
@media (max-width: 768px) {
  .contents-pickup__content {
    margin-top: 30px;
  }
}
.contents-pickup__content.swiper {
  overflow: inherit;
}
.contents-pickup__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.contents-pickup__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (hover: hover) {
  .contents-pickup__link:hover {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  .contents-pickup__link:hover .contents-pickup__img > img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.contents-pickup__link[target=_blank]:not(.m-no-icon)::after {
  content: none;
}
.contents-pickup__img {
  overflow: hidden;
}
.contents-pickup__img > img {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.contents-pickup__title {
  margin-top: 10px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .contents-pickup__title {
    font-size: 1.5rem;
  }
}
.contents-pickup__txt {
  margin-top: 5px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .contents-pickup__txt {
    font-size: 1.4rem;
  }
}
.contents-pickup__more {
  margin-top: 1rem;
  margin-left: auto;
}
.contents-pickup__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 35px;
}
.contents-pickup__pagination {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.contents-pickup__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: inherit;
  bottom: inherit;
  width: auto;
}
.contents-pickup__pagination .swiper-pagination-bullet {
  border: solid 2px var(--ybs-fnt-dflt);
  background-color: transparent;
}
@media (max-width: 768px) {
  .contents-pickup__pagination .swiper-pagination-bullet {
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
.contents-pickup__pagination .swiper-pagination-bullet-active {
  background-color: var(--ybs-fnt-dflt);
  cursor: default;
}
.contents-pickup__prev.swiper-button-prev {
  background-image: none;
  position: inherit;
  top: inherit;
  left: inherit;
  width: 28px;
  height: 28px;
  margin-top: auto;
}
.contents-pickup__prev.swiper-button-prev::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid;
  border-radius: 100%;
  color: var(--ybs-fnt-dflt);
  font-size: 1.1rem;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (hover: hover) {
  .contents-pickup__prev.swiper-button-prev:hover::after {
    color: #FFF;
    background-color: var(--ybs-fnt-dflt);
  }
}
.contents-pickup__next.swiper-button-next {
  background-image: none;
  position: inherit;
  top: inherit;
  right: inherit;
  width: 28px;
  height: 28px;
  margin-top: auto;
}
.contents-pickup__next.swiper-button-next::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid;
  border-radius: 100%;
  color: var(--ybs-fnt-dflt);
  font-size: 1.1rem;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (hover: hover) {
  .contents-pickup__next:hover::after {
    color: #FFF;
    background-color: var(--ybs-fnt-dflt);
  }
}
/*# sourceMappingURL=styles.css.map */