@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-gothic-kaku: "Zen Kaku Gothic New", "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-jazzy: #98182A;
  --ybs-sumifukashi: #004F30;
  --ybs-aiomou: #1E2D5E;
  --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-gr-sumifukashi: linear-gradient(90deg, #004D44 0.02%, #037A41 49.98%, #004D44 99.94%);
  --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;
  --ybs-bg-brown: #440205;
  --ybs-bg-gray-mid: #EFEFEF;
  --ybs-bg-gold: #845D00;
  --ybs-bg-cream: #FFFCDB;
  --ybs-rn-gr-yebisu: radial-gradient(62.64% 74.64% at 50% 50%, #FFDF69 0%, #AE6C02 100%);
  --ybs-rn-gr-yebisu-deep: radial-gradient(118.92% 40.37% at 50% 52.89%, #FFB04C 0%, #E88A00 100%);
}

/*  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 screen and (min-width:1032px) {
  .hidden-pc-rn {
    display: none !important;
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  .hidden-tab-rn {
    display: none !important;
  }
}
@media screen and (max-width:1031.98px) {
  .hidden-sp-rn {
    display: none !important;
  }
}

@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(.renewal-uril-parts) :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;
  }
}
body.renewal {
  --zoom-ratio-screen: 100%;
  zoom: var(--zoom-ratio-screen) !important;
}
html.safari body.renewal {
  -webkit-text-size-adjust: var(--zoom-ratio-screen);
  -moz-text-size-adjust: var(--zoom-ratio-screen);
   -ms-text-size-adjust: var(--zoom-ratio-screen);
       text-size-adjust: var(--zoom-ratio-screen);
}
body.renewal .ybs-aside {
  margin: 0 !important;
}
body.renewal .ybs-rn {
  position: relative;
  z-index: 0;
  overflow: hidden;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
body.renewal .ybs-rn * {
  --ybs-rn-fnt-color: var(--ybs-bg-brown);
  -webkit-text-stroke-width: 0.02em;
  -webkit-text-stroke-color: var(--ybs-rn-fnt-color);
}
body.renewal .ybs-rn section {
  margin: auto;
  width: calc(1280 * ((var(--vw, 1vw) * 100) / 1280));
  overflow: visible;
}
body.renewal .ybs-rn p, body.renewal .ybs-rn span {
  font: inherit;
}
body.renewal .ybs-rn p {
  margin-top: auto;
}
body.renewal .ybs-rn span {
  display: block;
}
body.renewal .ybs-rn a {
  display: block;
  color: inherit !important;
}
body.renewal .ybs-rn button {
  padding-block: unset;
  padding-inline: unset;
  border-width: unset;
  border-style: none;
  border-color: unset;
  background-color: unset;
  color: inherit;
  font: inherit;
}
body.renewal .ybs-rn picture {
  display: contents;
}
body.renewal .ybs-rn img {
  display: block;
}
body.renewal .ybs-rn iframe {
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts {
  color: var(--ybs-bg-brown);
}
body.renewal-uril-parts .ybs-rn {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
body.renewal-uril-parts .ybs-rn canvas {
  width: 100%;
  height: auto;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-width-expand {
  left: 50%;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
  width: max(115vw, 115%);
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle {
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle__bg {
  border-radius: 50%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle__contents {
  display: grid;
  width: 100%;
  height: 100%;
  background-color: var(--ybs-bg-brown);
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-arrow-left .ybs-rn-btn-circle__contents, body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-arrow-right .ybs-rn-btn-circle__contents {
  background-color: var(--ybs-bg-brown);
  -webkit-mask-image: url("/yebisu/common-rn/images/vec_link-arrow.svg");
          mask-image: url("/yebisu/common-rn/images/vec_link-arrow.svg");
  -webkit-mask-size: calc(24 * ((var(--vw, 1vw) * 100) / 1280)) auto;
          mask-size: calc(24 * ((var(--vw, 1vw) * 100) / 1280)) auto;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-arrow-left .ybs-rn-btn-circle__contents, body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-arrow-right .ybs-rn-btn-circle__contents {
    -webkit-mask-size: calc(24 * ((var(--vw, 1vw) * 100) / 375)) auto;
            mask-size: calc(24 * ((var(--vw, 1vw) * 100) / 375)) auto;
  }
}
@media (any-hover: hover) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-arrow-left, body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-arrow-right {
    -webkit-transition: background-color 0.4s ease-out;
    transition: background-color 0.4s ease-out;
  }
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-arrow-left:hover .ybs-rn-btn-circle__contents, body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-arrow-right:hover .ybs-rn-btn-circle__contents {
    background-color: var(--ybs-bg-gold);
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-arrow-left .ybs-rn-btn-circle__contents {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-text .ybs-rn-btn-circle__contents {
  display: grid;
  place-items: center;
  background-color: unset;
}
@media (any-hover: hover) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-text {
    -webkit-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
  }
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-circle.ybs-rn-btn-circle-text:hover .ybs-rn-btn-circle__contents {
    --ybs-rn-fnt-color: var(--ybs-bg-gold);
    color: var(--ybs-rn-fnt-color);
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse {
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse__bg {
  border-radius: 9999px;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse__contents {
  padding: calc(13 * ((var(--vw, 1vw) * 100) / 1280)) calc(68 * ((var(--vw, 1vw) * 100) / 1280)) calc(14 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse__contents {
    padding: calc(14 * ((var(--vw, 1vw) * 100) / 375)) calc(58 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse__contents p, body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse__contents div, body.renewal-uril-parts .ybs-rn .ybs-rn-btn-ellipse__contents span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-bg-mat-paper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/yebisu/common-rn/images/img_bg_mat_paper.jpg");
  background-size: 50.1%;
  background-repeat: repeat;
  mix-blend-mode: overlay;
  opacity: 0.7;
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}
@media screen and (max-width: 743.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-bg-mat-paper::before {
    background-size: 100%;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-section-title-en {
  font-family: var(--ybs-eng);
  font-size: calc(42 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-section-title-en {
    font-family: var(--ybs-eng);
    font-size: calc(32 * ((var(--vw, 1vw) * 100) / 375));
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-section-title-jp {
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(14 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-section-title-jp {
    font-family: var(--ybs-eng);
    font-size: calc(12 * ((var(--vw, 1vw) * 100) / 375));
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-text-link-arrow {
  display: grid;
  grid-template-columns: auto 1em;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
  font-family: var(--ybs-eng);
  font-size: calc(16 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-text-link-arrow {
    -webkit-column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 375));
       -moz-column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 375));
            column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 375));
    font-size: calc(14 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-text-link-arrow::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--ybs-bg-brown);
  -webkit-mask-image: url("/yebisu/common-rn/images/vec_link-arrow.svg");
          mask-image: url("/yebisu/common-rn/images/vec_link-arrow.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-link-arrow {
  display: grid;
  grid-template-columns: auto 1em;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-link-arrow::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--ybs-bg-brown);
  -webkit-mask-image: url("/yebisu/common-rn/images/vec_link-arrow.svg");
          mask-image: url("/yebisu/common-rn/images/vec_link-arrow.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more__bg {
  border-radius: 9999px;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more__contents {
  padding: calc(13 * ((var(--vw, 1vw) * 100) / 1280)) calc(14 * ((var(--vw, 1vw) * 100) / 1280)) calc(14 * ((var(--vw, 1vw) * 100) / 1280)) calc(56 * ((var(--vw, 1vw) * 100) / 1280));
  grid-template-columns: auto calc(24 * ((var(--vw, 1vw) * 100) / 1280));
  -webkit-column-gap: calc(18 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(18 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(18 * ((var(--vw, 1vw) * 100) / 1280));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--ybs-eng);
  font-size: calc(14 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more__contents {
    padding: calc(14 * ((var(--vw, 1vw) * 100) / 375)) calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(15 * ((var(--vw, 1vw) * 100) / 375)) calc(89 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-template-columns: auto calc(24 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 375));
       -moz-column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 375));
            column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 375));
    font-size: calc(16 * ((var(--vw, 1vw) * 100) / 375));
    line-height: 2;
  }
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more.view-more-section .ybs-rn-btn-view-more__contents {
    padding: calc(14 * ((var(--vw, 1vw) * 100) / 375)) calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(15 * ((var(--vw, 1vw) * 100) / 375)) calc(89 * ((var(--vw, 1vw) * 100) / 375));
    grid-template-columns: auto calc(24 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 375));
       -moz-column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 375));
            column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 375));
    font-size: calc(16 * ((var(--vw, 1vw) * 100) / 375));
    line-height: 2;
  }
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more.view-more-free .ybs-rn-btn-view-more__contents {
    padding: calc(10 * ((var(--vw, 1vw) * 100) / 375)) calc(16 * ((var(--vw, 1vw) * 100) / 375)) calc(10 * ((var(--vw, 1vw) * 100) / 375)) calc(71 * ((var(--vw, 1vw) * 100) / 375));
    grid-template-columns: auto calc(20 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-column-gap: calc(35 * ((var(--vw, 1vw) * 100) / 375));
       -moz-column-gap: calc(35 * ((var(--vw, 1vw) * 100) / 375));
            column-gap: calc(35 * ((var(--vw, 1vw) * 100) / 375));
    font-size: calc(14 * ((var(--vw, 1vw) * 100) / 375));
    line-height: 1.5;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more.view-more-white .ybs-rn-btn-view-more__contents {
  --ybs-rn-fnt-color: #ffffff;
  color: var(--ybs-rn-fnt-color);
}
body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more.view-more-white .ybs-rn-btn-view-more__contents::after {
  background-color: var(--ybs-rn-fnt-color);
}
@media (any-hover: hover) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more .ybs-rn-btn-view-more__contents::after {
    background-color: var(--ybs-bg-brown);
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
  }
  body.renewal-uril-parts .ybs-rn .ybs-rn-btn-view-more:hover .ybs-rn-btn-view-more__contents::after {
    background-color: var(--ybs-bg-gold);
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, calc(50 * ((var(--vw, 1vw) * 100) / 1280)));
  -webkit-column-gap: calc(128 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(128 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(128 * ((var(--vw, 1vw) * 100) / 1280));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(50 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav {
    height: calc(50 * ((var(--vw, 1vw) * 100) / 375));
    grid-template-columns: repeat(2, calc(50 * ((var(--vw, 1vw) * 100) / 375)));
    -webkit-column-gap: auto;
       -moz-column-gap: auto;
            column-gap: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav .ybs-rn-carousel-nav-btn-left {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav .ybs-rn-carousel-nav-btn-left__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav .ybs-rn-carousel-nav-btn-left__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav .ybs-rn-carousel-nav-btn-right {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav .ybs-rn-carousel-nav-btn-right__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav .ybs-rn-carousel-nav-btn-right__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-left, body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-right {
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-left__bg, body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-right__bg {
  border-radius: 50%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-left__contents, body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-right__contents {
  display: grid;
  width: 100%;
  height: 100%;
  background-color: var(--ybs-bg-brown);
  -webkit-mask-image: url("/yebisu/common-rn/images/vec_link-arrow.svg");
          mask-image: url("/yebisu/common-rn/images/vec_link-arrow.svg");
  -webkit-mask-size: calc(24 * ((var(--vw, 1vw) * 100) / 1280)) auto;
          mask-size: calc(24 * ((var(--vw, 1vw) * 100) / 1280)) auto;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-left__contents, body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-right__contents {
    -webkit-mask-size: calc(24 * ((var(--vw, 1vw) * 100) / 375)) auto;
            mask-size: calc(24 * ((var(--vw, 1vw) * 100) / 375)) auto;
  }
}
@media (any-hover: hover) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-left, body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-right {
    -webkit-transition: background-color 0.4s ease-out;
    transition: background-color 0.4s ease-out;
  }
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-left:hover .ybs-rn-carousel-nav-btn-left__contents,
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-left:hover .ybs-rn-carousel-nav-btn-right__contents, body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-right:hover .ybs-rn-carousel-nav-btn-left__contents,
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-right:hover .ybs-rn-carousel-nav-btn-right__contents {
    background-color: var(--ybs-bg-gold);
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-btn-left__contents {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-page {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: var(--ybs-eng);
  font-size: calc(16 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  display: grid;
  grid-template-columns: repeat(2, auto);
  -webkit-column-gap: calc(30 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(30 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(30 * ((var(--vw, 1vw) * 100) / 1280));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-page {
    font-size: calc(14 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-page {
    -webkit-column-gap: calc(30 * ((var(--vw, 1vw) * 100) / 375));
       -moz-column-gap: calc(30 * ((var(--vw, 1vw) * 100) / 375));
            column-gap: calc(30 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-page-line {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: calc(12 * ((var(--vw, 1vw) * 100) / 1280));
  background-color: var(--ybs-bg-brown);
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-nav-page-line {
    height: calc(10 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry {
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry[href=""] {
  pointer-events: none;
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry[href=""] .ybs-news-rn-entry-info-text {
  text-decoration: none !important;
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry__bg {
  border-radius: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry__bg {
    border-radius: calc(10 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry__contents {
  padding: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
  display: grid;
  grid-template-columns: calc(230 * ((var(--vw, 1vw) * 100) / 1280)) 1fr;
  -webkit-column-gap: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
  height: 100%;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry__contents {
    padding: calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(35 * ((var(--vw, 1vw) * 100) / 375));
    grid-template-columns: 1fr;
    grid-template-rows: calc(166 * ((var(--vw, 1vw) * 100) / 375)) 1fr;
    row-gap: calc(20 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-thumb {
  border-radius: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
  overflow: hidden;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-thumb {
    border-radius: calc(5 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-thumb img {
  width: 100%;
  height: 100%;
  min-height: calc(130 * ((var(--vw, 1vw) * 100) / 1280));
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-thumb img {
    min-height: calc(166 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-info-date {
  font-family: var(--ybs-eng);
  font-size: calc(12 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-info-date {
    font-size: calc(12 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-info-line {
  margin-top: calc(8 * ((var(--vw, 1vw) * 100) / 1280));
  width: 100%;
  height: 1px;
  background-color: #A56E70;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-info-line {
    margin-top: calc(8 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-info-text {
  margin-top: calc(15 * ((var(--vw, 1vw) * 100) / 1280));
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(16 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-info-text {
    margin-top: calc(15 * ((var(--vw, 1vw) * 100) / 375));
    font-size: calc(14 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry-info-text {
  text-decoration: underline;
  --ybs-rn-fnt-color: var(--ybs-bg-brown);
  color: var(--ybs-rn-fnt-color);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
@media (any-hover: hover) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry:hover .ybs-news-rn-entry-info-text {
    text-decoration: none;
    --ybs-rn-fnt-color: var(--ybs-bg-gold);
    color: var(--ybs-rn-fnt-color);
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry.ybs-news-rn-entry-thin .ybs-news-rn-entry__contents {
  grid-template-columns: calc(200 * ((var(--vw, 1vw) * 100) / 1280)) 1fr;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry.ybs-news-rn-entry-thin .ybs-news-rn-entry__contents {
    grid-template-columns: 1fr;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry.ybs-news-rn-entry-thin .ybs-news-rn-entry-thumb img {
  min-height: calc(113 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-news-rn-entry.ybs-news-rn-entry-thin .ybs-news-rn-entry-thumb img {
    min-height: calc(166 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card {
  height: auto;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card__bg {
  border-radius: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card__bg {
    border-radius: calc(10 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card__contents {
  padding: calc(40 * ((var(--vw, 1vw) * 100) / 1280)) calc(40 * ((var(--vw, 1vw) * 100) / 1280)) calc(45 * ((var(--vw, 1vw) * 100) / 1280));
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  height: 100%;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card__contents {
    padding: calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(37 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card-thumb {
  border-radius: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
  overflow: hidden;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card-thumb {
    border-radius: calc(5 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card-thumb img {
  width: 100%;
  height: auto;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card-info {
  margin-top: calc(25 * ((var(--vw, 1vw) * 100) / 1280));
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  row-gap: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card-info {
    margin-top: calc(21 * ((var(--vw, 1vw) * 100) / 375));
    row-gap: calc(13 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card-info-title {
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(26 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card-info-title {
    font-size: calc(20 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card-info-desc {
  height: 100%;
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(16 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card-info-desc {
    font-size: calc(14 * ((var(--vw, 1vw) * 100) / 375));
  }
  body.renewal-uril-parts .ybs-rn .ybs-rn-card-info-desc--comp {
    max-height: 6.4em;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (any-hover: hover) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card .ybs-rn-card-info-link::after {
    -webkit-transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out;
    transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out, background-color 0.4s ease-out;
    transition: transform 0.4s ease-out, background-color 0.4s ease-out, -webkit-transform 0.4s ease-out;
    background-color: var(--ybs-bg-brown);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  body.renewal-uril-parts .ybs-rn .ybs-rn-card:hover .ybs-rn-card-info-link::after {
    background-color: var(--ybs-bg-gold);
    -webkit-transform: translate3d(calc(5 * ((var(--vw, 1vw) * 100) / 1280)), 0, 0);
            transform: translate3d(calc(5 * ((var(--vw, 1vw) * 100) / 1280)), 0, 0);
  }
}
@media screen and (any-hover: hover) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card:hover .ybs-rn-card-info-link::after {
    -webkit-transform: translate3d(calc(5 * ((var(--vw, 1vw) * 100) / 375)), 0, 0);
            transform: translate3d(calc(5 * ((var(--vw, 1vw) * 100) / 375)), 0, 0);
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card__bg {
  border-radius: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card__bg {
    border-radius: calc(10 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card__contents {
  padding: calc(40 * ((var(--vw, 1vw) * 100) / 1280)) calc(40 * ((var(--vw, 1vw) * 100) / 1280)) calc(45 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card__contents {
    padding: calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(37 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card-info {
  margin-top: calc(25 * ((var(--vw, 1vw) * 100) / 1280));
  row-gap: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card-info {
    margin-top: calc(21 * ((var(--vw, 1vw) * 100) / 375));
    row-gap: calc(13 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card-info-title {
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(26 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card-info-title {
    font-size: calc(20 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card-info-desc {
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(16 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-large .ybs-rn-card-info-desc {
    font-size: calc(14 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card__bg {
  z-index: -1;
  border-radius: calc(15 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card__bg {
    border-radius: calc(10 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card__contents {
  padding: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card__contents {
    padding: calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(37 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card-info {
  margin-top: calc(15 * ((var(--vw, 1vw) * 100) / 1280));
  row-gap: calc(14 * ((var(--vw, 1vw) * 100) / 1280));
  padding: 0 calc(5 * ((var(--vw, 1vw) * 100) / 1280)) calc(5 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card-info {
    margin-top: calc(21 * ((var(--vw, 1vw) * 100) / 375));
    row-gap: calc(13 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card-info-title {
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(18 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card-info-title {
    font-size: calc(20 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card-info-desc {
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(14 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-card.ybs-rn-card-mid .ybs-rn-card-info-desc {
    font-size: calc(14 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-card {
  overflow: visible;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-card-content {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-card-content-item {
  margin: 0 calc(20 * ((var(--vw, 1vw) * 100) / 1280));
  width: calc(480 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-card-content-item {
    margin: 0 calc(10 * ((var(--vw, 1vw) * 100) / 375));
    width: calc(295 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-card-nav {
  margin-top: calc(40 * ((var(--vw, 1vw) * 100) / 1280));
  height: calc(50 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-card-nav {
    margin: calc(30 * ((var(--vw, 1vw) * 100) / 375)) calc(20 * ((var(--vw, 1vw) * 100) / 375)) 0;
    height: calc(50 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-card.ybs-rn-carousel-card-mid .ybs-rn-carousel-card-content {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-card.ybs-rn-carousel-card-mid .ybs-rn-carousel-card-content-item {
  margin: 0 calc(10 * ((var(--vw, 1vw) * 100) / 1280));
  width: calc(360 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-rn-carousel-card.ybs-rn-carousel-card-mid .ybs-rn-carousel-card-content-item {
    margin: 0 calc(13 * ((var(--vw, 1vw) * 100) / 375));
    width: calc(335 * ((var(--vw, 1vw) * 100) / 375));
  }
}

/*  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: 130px 100px;
  margin-inline: auto;
  padding-inline: 4.8rem;
}
@media (max-width: 768px) {
  .ybs-content__inner {
    margin-block: 60px 50px;
    padding-inline: 3.90625vw;
  }
}
.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 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 {
  margin-block: 0 !important;
  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;
}
.content-profile2:not(:first-child) {
  border-top: none;
}
@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-header-rn button,
.ybs-pickup-list-rn button,
.ybs-lineup-rn button {
  padding-block: unset;
  padding-inline: unset;
  border-width: unset;
  border-style: none;
  border-color: unset;
  background-color: unset;
  color: inherit;
  font: inherit;
}

.ybs-main-rn-offset {
  margin-top: calc(var(--num-rn-header-height, 0px) * 2.36);
}

.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;
}

body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > button > .ybs-nav-rn-item-head {
  display: grid;
  grid-template-columns: auto calc(11 * ((var(--vw, 1vw) * 100) / 1280));
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-column-gap: calc(9 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(9 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(9 * ((var(--vw, 1vw) * 100) / 1280));
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(16 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > button > .ybs-nav-rn-item-head {
    grid-template-columns: auto calc(11 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 375));
       -moz-column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 375));
            column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 375));
    font-size: calc(16 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > button > .ybs-nav-rn-item-head {
    grid-template-columns: auto calc(11 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 375));
       -moz-column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 375));
            column-gap: calc(10 * ((var(--vw, 1vw) * 100) / 375));
    font-size: calc(16 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > a > .ybs-nav-rn-item-head::after, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > button > .ybs-nav-rn-item-head::after,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > a > .ybs-nav-rn-item-head::after,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > button > .ybs-nav-rn-item-head::after,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > a > .ybs-nav-rn-item-head::after,
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > button > .ybs-nav-rn-item-head::after {
  content: "";
  display: block;
}
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > a > .ybs-nav-rn-item-head::after, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > button > .ybs-nav-rn-item-head::after {
  background-position: 50% 56%;
  -webkit-transform: rotate(0deg) translate(0px, 0px);
          transform: rotate(0deg) translate(0px, 0px);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  background-image: url("/yebisu/common/images/common/icon-link-arrow.svg");
  background-repeat: no-repeat;
  background-size: 63.6363636364% auto;
}
@media (any-hover: hover) {
  body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > a > .ybs-nav-rn-item-head:hover::after, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-link > button > .ybs-nav-rn-item-head:hover::after {
    -webkit-transform: rotate(0deg) translateX(calc(3 * ((var(--vw, 1vw) * 100) / 1280)));
            transform: rotate(0deg) translateX(calc(3 * ((var(--vw, 1vw) * 100) / 1280)));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > a > .ybs-nav-rn-item-head::after, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > button > .ybs-nav-rn-item-head::after {
  background-position: 56% 50%;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  background-image: url("/yebisu/common/images/common/icon-link-toggle.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > a.toggle-open > .ybs-nav-rn-item-head::after, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-toggle > button.toggle-open > .ybs-nav-rn-item-head::after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > a > .ybs-nav-rn-item-head::after, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > button > .ybs-nav-rn-item-head::after {
  background-position: 56% 50%;
  background-image: url("/yebisu/common/images/common/icon-link-tab.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media (any-hover: hover) {
  body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > a > .ybs-nav-rn-item-head:hover::after, body.renewal-uril-parts .ybs-rn .ybs-nav-rn-tab > button > .ybs-nav-rn-item-head:hover::after {
    -webkit-animation: hoverTab 0.4s ease-out forwards;
            animation: hoverTab 0.4s ease-out forwards;
  }
  @-webkit-keyframes hoverTab {
    0% {
      -webkit-transform: translate(0.05em, 0.08em);
              transform: translate(0.05em, 0.08em);
      -webkit-clip-path: inset(0 0.2em 0.72em 0);
              clip-path: inset(0 0.2em 0.72em 0);
    }
    100% {
      -webkit-transform: translate(0em, 0em);
              transform: translate(0em, 0em);
      -webkit-clip-path: inset(0 0em 0.52em 0);
              clip-path: inset(0 0em 0.52em 0);
    }
  }
  @keyframes hoverTab {
    0% {
      -webkit-transform: translate(0.05em, 0.08em);
              transform: translate(0.05em, 0.08em);
      -webkit-clip-path: inset(0 0.2em 0.72em 0);
              clip-path: inset(0 0.2em 0.72em 0);
    }
    100% {
      -webkit-transform: translate(0em, 0em);
              transform: translate(0em, 0em);
      -webkit-clip-path: inset(0 0em 0.52em 0);
              clip-path: inset(0 0em 0.52em 0);
    }
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn {
  position: fixed;
  z-index: 50;
  width: 100%;
  --num-header-offset: 0;
  -webkit-transform: translateY(calc(10 * ((var(--vw, 1vw) * 100) / 1280) - var(--num-header-offset) * 1px));
          transform: translateY(calc(10 * ((var(--vw, 1vw) * 100) / 1280) - var(--num-header-offset) * 1px));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn {
    -webkit-transform: translateY(calc(8 * ((var(--vw, 1vw) * 100) / 375) - var(--num-header-offset) * 1px));
            transform: translateY(calc(8 * ((var(--vw, 1vw) * 100) / 375) - var(--num-header-offset) * 1px));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn.ybs-header-rn-stick {
  position: absolute;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn-head {
  position: relative;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp {
    position: absolute;
    top: 50%;
    left: calc(100% + -5 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: calc(20 * ((var(--vw, 1vw) * 100) / 375));
    height: calc(14 * ((var(--vw, 1vw) * 100) / 375));
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp .ybs-header-rn-icon-1,
body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp .ybs-header-rn-icon-2,
body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp .ybs-header-rn-icon-3 {
    position: absolute;
    left: 0;
    width: calc(20 * ((var(--vw, 1vw) * 100) / 375));
    height: calc(1 * ((var(--vw, 1vw) * 100) / 375));
    background-color: var(--ybs-bg-brown);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp .ybs-header-rn-icon-1 {
    top: 50%;
    -webkit-transform: translateY(calc(-7.5 * ((var(--vw, 1vw) * 100) / 375)));
            transform: translateY(calc(-7.5 * ((var(--vw, 1vw) * 100) / 375)));
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp .ybs-header-rn-icon-2 {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp .ybs-header-rn-icon-3 {
    top: 50%;
    -webkit-transform: translateY(calc(6.5 * ((var(--vw, 1vw) * 100) / 375)));
            transform: translateY(calc(6.5 * ((var(--vw, 1vw) * 100) / 375)));
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp .ybs-header-rn-icon-1,
body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp .ybs-header-rn-icon-2,
body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp .ybs-header-rn-icon-3 {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp.is-toggle-open .ybs-header-rn-icon-1 {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp.is-toggle-open .ybs-header-rn-icon-2 {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(100%);
            transform: translateY(-50%) translateX(100%);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head-toggle-sp.is-toggle-open .ybs-header-rn-icon-3 {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp {
    position: absolute;
    top: 50%;
    right: calc(19 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: calc(20 * ((var(--vw, 1vw) * 100) / 375));
    height: calc(20 * ((var(--vw, 1vw) * 100) / 375));
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp .ybs-header-rn-icon-1,
body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp .ybs-header-rn-icon-2,
body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp .ybs-header-rn-icon-3 {
    position: absolute;
    width: calc(20 * ((var(--vw, 1vw) * 100) / 375));
    height: calc(1 * ((var(--vw, 1vw) * 100) / 375));
    background-color: var(--ybs-bg-brown);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp .ybs-header-rn-icon-1 {
    top: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp .ybs-header-rn-icon-2 {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp .ybs-header-rn-icon-3 {
    bottom: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp .ybs-header-rn-icon-1,
body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp .ybs-header-rn-icon-2,
body.renewal-uril-parts .ybs-rn .ybs-header-rn-head .ybs-header-rn-nav-toggle-sp .ybs-header-rn-icon-3 {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn .ybs-header-rn__inner {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn .ybs-header-rn__inner__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn .ybs-header-rn__inner__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner {
    width: calc(335 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner {
    width: calc(335 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__bg {
  border-radius: 9999px;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__bg {
    border-radius: calc(20 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents {
  padding: 0 calc(30 * ((var(--vw, 1vw) * 100) / 1280));
  display: grid;
  grid-template-columns: calc(110 * ((var(--vw, 1vw) * 100) / 1280)) auto;
  -webkit-column-gap: calc(87 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(87 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(87 * ((var(--vw, 1vw) * 100) / 1280));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents {
    padding: calc(8 * ((var(--vw, 1vw) * 100) / 375)) calc(40 * ((var(--vw, 1vw) * 100) / 375));
    grid-template-columns: 1fr;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    width: 100%;
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents {
    padding: calc(8 * ((var(--vw, 1vw) * 100) / 375)) calc(40 * ((var(--vw, 1vw) * 100) / 375));
    grid-template-columns: 1fr;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    width: 100%;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-logo-rn {
  margin: auto;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-logo-rn {
    width: calc(90 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-logo-rn {
    width: calc(90 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn {
    -webkit-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out;
    max-height: 0px;
    overflow: hidden;
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn.is-toggle-open {
    max-height: min(585 * ((var(--vw, 1vw) * 100) / 375), 80svh);
    overflow-y: auto;
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn {
    -webkit-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out;
    max-height: 0px;
    overflow: hidden;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-menu {
  display: grid;
  grid-template-columns: repeat(2, auto);
  -webkit-column-gap: calc(89 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(89 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(89 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-menu {
    padding-top: calc(40 * ((var(--vw, 1vw) * 100) / 375));
    grid-template-columns: auto;
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-menu {
    padding-top: calc(40 * ((var(--vw, 1vw) * 100) / 375));
    grid-template-columns: auto;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list {
  display: grid;
  grid-template-columns: repeat(5, auto);
  -webkit-column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list {
    grid-template-columns: auto;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: calc(30 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list {
    grid-template-columns: auto;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: calc(30 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle button > .ybs-nav-rn-item-head {
  padding: calc(13 * ((var(--vw, 1vw) * 100) / 1280)) 0;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link.ybs-nav-rn-link--nest a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link.ybs-nav-rn-link--nest button > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link.ybs-nav-rn-tab--nest a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link.ybs-nav-rn-tab--nest button > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link.ybs-nav-rn-toggle--nest a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link.ybs-nav-rn-toggle--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle.ybs-nav-rn-link--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle.ybs-nav-rn-link--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle.ybs-nav-rn-tab--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle.ybs-nav-rn-tab--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle.ybs-nav-rn-toggle--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle.ybs-nav-rn-toggle--nest button > .ybs-nav-rn-item-head {
  padding: 0;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link .ybs-nav-rn-link--nest a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link .ybs-nav-rn-link--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link .ybs-nav-rn-tab--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link .ybs-nav-rn-tab--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link .ybs-nav-rn-toggle--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-link .ybs-nav-rn-toggle--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle .ybs-nav-rn-link--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle .ybs-nav-rn-link--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle .ybs-nav-rn-tab--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle .ybs-nav-rn-tab--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle .ybs-nav-rn-toggle--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-list .ybs-nav-rn-toggle .ybs-nav-rn-toggle--nest button > .ybs-nav-rn-item-head {
  padding: 0;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang {
    margin-top: calc(30 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang {
    margin-top: calc(30 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang button > .ybs-nav-rn-item-head {
  padding: calc(13 * ((var(--vw, 1vw) * 100) / 1280)) 0;
  font-family: var(--ybs-eng);
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang a .ybs-nav-rn-link--nest a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang a .ybs-nav-rn-link--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang a .ybs-nav-rn-toggle--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang a .ybs-nav-rn-toggle--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang a .ybs-nav-rn-tab--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang a .ybs-nav-rn-tab--nest button > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang button .ybs-nav-rn-link--nest a > .ybs-nav-rn-item-head, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang button .ybs-nav-rn-link--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang button .ybs-nav-rn-toggle--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang button .ybs-nav-rn-toggle--nest button > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang button .ybs-nav-rn-tab--nest a > .ybs-nav-rn-item-head,
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn-lang button .ybs-nav-rn-tab--nest button > .ybs-nav-rn-item-head {
  padding: 0;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel {
  position: absolute;
  pointer-events: none;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel {
    position: relative;
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel {
    position: relative;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel .ybs-nav-rn-panel__inner {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel .ybs-nav-rn-panel__inner__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel .ybs-nav-rn-panel__inner__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel__inner {
  margin-top: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel__inner__bg {
  border-radius: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel__inner__bg {
    display: none !important;
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel__inner__bg {
    display: none !important;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel__inner__contents {
  padding: calc(21 * ((var(--vw, 1vw) * 100) / 1280)) calc(27 * ((var(--vw, 1vw) * 100) / 1280)) calc(25 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel__inner__contents {
    padding: calc(17 * ((var(--vw, 1vw) * 100) / 375)) 0 0;
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel__inner__contents {
    padding: calc(17 * ((var(--vw, 1vw) * 100) / 375)) 0 0;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-content .ybs-nav-rn-panel-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-content .ybs-nav-rn-panel-list {
    row-gap: calc(15 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media screen and (min-width:744px) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-content .ybs-nav-rn-panel-list {
    row-gap: calc(15 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-content .ybs-nav-rn-panel-list a, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-content .ybs-nav-rn-panel-list button {
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(14 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-content .ybs-nav-rn-panel-list a.text-en, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-content .ybs-nav-rn-panel-list button.text-en {
  font-family: var(--ybs-eng);
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-content .ybs-nav-rn-panel-list a, body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-content .ybs-nav-rn-panel-list button {
    font-size: calc(16 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media screen and (min-width:1032px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-lineup {
    right: calc(380 * ((var(--vw, 1vw) * 100) / 1280));
    top: 100%;
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-experience {
    right: 0;
    top: 100%;
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-lang {
    right: 0;
    top: 100%;
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel-lang .ybs-nav-rn-panel__inner__contents {
    padding: calc(8 * ((var(--vw, 1vw) * 100) / 1280)) calc(32 * ((var(--vw, 1vw) * 100) / 1280)) calc(8 * ((var(--vw, 1vw) * 100) / 1280)) calc(34 * ((var(--vw, 1vw) * 100) / 1280));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel.toggle-open {
  pointer-events: all;
}
@media screen and (min-width:1032px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel {
    opacity: 0;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transition: opacity 0.2s cubic-bezier(1, 0.02, 0.26, 1.86), -webkit-transform 0.2s cubic-bezier(1, 0.02, 0.26, 1.86);
    transition: opacity 0.2s cubic-bezier(1, 0.02, 0.26, 1.86), -webkit-transform 0.2s cubic-bezier(1, 0.02, 0.26, 1.86);
    transition: opacity 0.2s cubic-bezier(1, 0.02, 0.26, 1.86), transform 0.2s cubic-bezier(1, 0.02, 0.26, 1.86);
    transition: opacity 0.2s cubic-bezier(1, 0.02, 0.26, 1.86), transform 0.2s cubic-bezier(1, 0.02, 0.26, 1.86), -webkit-transform 0.2s cubic-bezier(1, 0.02, 0.26, 1.86);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel .glass-effect {
    -webkit-transition: -webkit-box-shadow 0.26s ease;
    transition: -webkit-box-shadow 0.26s ease;
    transition: box-shadow 0.26s ease;
    transition: box-shadow 0.26s ease, -webkit-box-shadow 0.26s ease;
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel:not(.toggle-open) .glass-effect {
    -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3);
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel.toggle-open {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.4s ease;
    transition: max-height 0.4s ease;
  }
  body.renewal-uril-parts .ybs-rn .ybs-header-rn__inner__contents .ybs-nav-rn .ybs-nav-rn-panel.toggle-open {
    max-height: calc(180 * ((var(--vw, 1vw) * 100) / 375));
  }
}

.glass-effect {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: relative;
  /* 屈折 */
  /* かすみ */
  /* エッジ */
}
.glass-effect .glass-filter,
.glass-effect .glass-overlay,
.glass-effect .glass-specular {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.glass-effect .glass-filter {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  -webkit-filter: url(#lensFilter) saturate(100%) brightness(1.04);
          filter: url(#lensFilter) saturate(100%) brightness(1.04);
}
.ybs-rn-no-glass .glass-effect .glass-filter {
  -webkit-filter: none;
          filter: none;
}
.glass-effect .glass-overlay {
  opacity: 0.7;
}
.glass-effect .glass-specular {
  --lg-bg-color: rgba(255, 255, 255, 0.077);
  --lg-highlight: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 var(--lg-highlight), inset 0 0 5px var(--lg-highlight);
          box-shadow: inset 1px 1px 0 var(--lg-highlight), inset 0 0 5px var(--lg-highlight);
}
.glass-effect .glass-specular::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  inset: 0;
  border-radius: inherit;
  -webkit-box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.5), inset -0.5px -0.5px 4px -1px rgba(255, 255, 255, 0.5);
          box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.5), inset -0.5px -0.5px 4px -1px rgba(255, 255, 255, 0.5);
}
html.ipad .glass-effect.ybs-effect-glass-rn-inactive .glass-specular {
  display: none;
}
.glass-effect-color .glass-overlay {
  background-color: #FFFCDB;
}
.glass-effect-weak::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.2;
}
.glass-effect-weak .glass-overlay {
  background-color: var(--ybs-bg-gold);
  opacity: 0.2;
}
.glass-effect-weak .glass-filter {
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  -webkit-filter: url(#lensFilterWeak) saturate(100%) brightness(1.04);
          filter: url(#lensFilterWeak) saturate(100%) brightness(1.04);
}

.glass-effect {
  -webkit-box-shadow: calc(2 * ((var(--vw, 1vw) * 100) / 1280)) calc(2 * ((var(--vw, 1vw) * 100) / 1280)) calc(5 * ((var(--vw, 1vw) * 100) / 1280)) rgba(0, 0, 0, 0.1);
          box-shadow: calc(2 * ((var(--vw, 1vw) * 100) / 1280)) calc(2 * ((var(--vw, 1vw) * 100) / 1280)) calc(5 * ((var(--vw, 1vw) * 100) / 1280)) rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
@media screen and (max-width:1031.98px) {
  .glass-effect {
    -webkit-box-shadow: calc(2 * ((var(--vw, 1vw) * 100) / 375)) calc(2 * ((var(--vw, 1vw) * 100) / 375)) calc(5 * ((var(--vw, 1vw) * 100) / 375)) rgba(0, 0, 0, 0.1);
            box-shadow: calc(2 * ((var(--vw, 1vw) * 100) / 375)) calc(2 * ((var(--vw, 1vw) * 100) / 375)) calc(5 * ((var(--vw, 1vw) * 100) / 375)) rgba(0, 0, 0, 0.1);
  }
}

@media (any-hover: hover) {
  .glass-hover:hover .glass-effect {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
  }
}
/*  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;
  }
}

/*  Line up ver. renewal
========================================================================== */
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn {
  padding: calc(160 * ((var(--vw, 1vw) * 100) / 1280)) calc(80 * ((var(--vw, 1vw) * 100) / 1280)) calc(120 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn {
    padding: calc(100 * ((var(--vw, 1vw) * 100) / 375)) calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(30 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn__inner {
  position: relative;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-title {
    text-align: center;
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel {
  overflow: unset;
  margin-top: calc(40 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel {
    margin-top: calc(30 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list .ybs-lineup-rn-list-item {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list .ybs-lineup-rn-list-item__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list .ybs-lineup-rn-list-item__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item {
  margin: 0 calc(10 * ((var(--vw, 1vw) * 100) / 1280));
  position: relative;
  width: calc(360 * ((var(--vw, 1vw) * 100) / 1280));
  height: calc(360 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item {
    margin: 0 calc(10 * ((var(--vw, 1vw) * 100) / 375));
    width: calc(295 * ((var(--vw, 1vw) * 100) / 375));
    height: calc(295 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item__bg {
  border-radius: calc(20 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item__bg {
    border-radius: calc(10 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item__contents {
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-id {
  position: absolute;
  top: calc(42 * ((var(--vw, 1vw) * 100) / 1280));
  right: calc(-13 * ((var(--vw, 1vw) * 100) / 1280));
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
  font-family: var(--ybs-eng);
  font-size: calc(12 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-id {
    top: calc(42 * ((var(--vw, 1vw) * 100) / 375));
    right: calc(-16 * ((var(--vw, 1vw) * 100) / 375));
    font-size: calc(12 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig {
  position: relative;
  display: grid;
  grid-template-rows: repeat(2, auto);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig-img {
  margin: auto;
  width: calc(250 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig-img {
    width: calc(194 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig-caption {
  -webkit-transform: translateY(calc(-20 * ((var(--vw, 1vw) * 100) / 1280)));
          transform: translateY(calc(-20 * ((var(--vw, 1vw) * 100) / 1280)));
  padding: 0 calc(40 * ((var(--vw, 1vw) * 100) / 1280));
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--ybs-gothic-kaku);
  font-size: calc(14 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig-caption {
    -webkit-transform: translateY(calc(-20 * ((var(--vw, 1vw) * 100) / 375)));
            transform: translateY(calc(-20 * ((var(--vw, 1vw) * 100) / 375)));
    font-size: calc(14 * ((var(--vw, 1vw) * 100) / 375));
    padding: 0 calc(20 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig-caption .ybs-rn-ycb-date {
  font-family: var(--ybs-eng);
  font-size: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig-caption .ybs-rn-ycb-date {
    font-size: calc(10 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig-caption .ybs-rn-link-arrow {
  margin-top: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
  display: inline-block;
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig-caption .ybs-rn-link-arrow::after {
  display: inline-block;
  margin-left: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
  width: calc(24 * ((var(--vw, 1vw) * 100) / 1280));
  height: calc(6 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig-caption .ybs-rn-link-arrow::after {
    margin-left: calc(8 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-transform: translateY(-0.2em);
            transform: translateY(-0.2em);
    width: calc(20 * ((var(--vw, 1vw) * 100) / 375));
    height: calc(5 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig .ybs-lineup-rn-list-item-fig-caption {
  display: inline-block;
  text-align: center;
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig .ybs-lineup-rn-list-item-fig-caption::after {
  margin-left: calc(10 * ((var(--vw, 1vw) * 100) / 1280));
  display: inline-block;
  width: calc(24 * ((var(--vw, 1vw) * 100) / 1280));
  height: 1em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item-fig .ybs-lineup-rn-list-item-fig-caption::after {
    margin-left: calc(8 * ((var(--vw, 1vw) * 100) / 375));
    width: calc(20 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item.ybs-rn-rcb-limited .ybs-lineup-rn-list-item__bg::after {
  content: "";
  position: absolute;
  top: calc(18 * ((var(--vw, 1vw) * 100) / 1280));
  left: calc(18 * ((var(--vw, 1vw) * 100) / 1280));
  display: block;
  width: calc(69 * ((var(--vw, 1vw) * 100) / 1280));
  height: calc(69 * ((var(--vw, 1vw) * 100) / 1280));
  background-image: url("/yebisu/common-rn/images/lineup/icon-ycb_limited.webp");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item.ybs-rn-rcb-limited .ybs-lineup-rn-list-item__bg::after {
    top: calc(14 * ((var(--vw, 1vw) * 100) / 375));
    left: calc(14 * ((var(--vw, 1vw) * 100) / 375));
    width: calc(60 * ((var(--vw, 1vw) * 100) / 375));
    height: calc(60 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media (any-hover: hover) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item .ybs-rn-link-arrow::after {
    -webkit-transform: translate(0px, -0.2em);
            transform: translate(0px, -0.2em);
    background-color: var(--ybs-bg-brown);
    -webkit-transition: background-color 0.4s ease, -webkit-transform 0.4s ease;
    transition: background-color 0.4s ease, -webkit-transform 0.4s ease;
    transition: transform 0.4s ease, background-color 0.4s ease;
    transition: transform 0.4s ease, background-color 0.4s ease, -webkit-transform 0.4s ease;
  }
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item:hover .ybs-rn-link-arrow::after {
    -webkit-transform: translate(calc(5 * ((var(--vw, 1vw) * 100) / 1280)), -0.2em);
            transform: translate(calc(5 * ((var(--vw, 1vw) * 100) / 1280)), -0.2em);
    background-color: var(--ybs-bg-gold);
  }
}
@media screen and (any-hover: hover) and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel .ybs-lineup-rn-list-item:hover .ybs-rn-link-arrow::after {
    -webkit-transform: translate(calc(5 * ((var(--vw, 1vw) * 100) / 375)), -0.2em);
            transform: translate(calc(5 * ((var(--vw, 1vw) * 100) / 375)), -0.2em);
  }
}
body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel-nav {
  margin-top: calc(40 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-lineup-rn-carousel-nav {
    margin-top: calc(30 * ((var(--vw, 1vw) * 100) / 375));
  }
}

/*  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__txt .small-txt {
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .contents-pickup__txt .small-txt {
    font-size: 1.1rem;
  }
}
.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);
  }
}

/*  Pick up ver. renewal
========================================================================== */
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn__contents {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn {
  margin-top: calc(140 * ((var(--vw, 1vw) * 100) / 1280));
  padding: 0 calc(80 * ((var(--vw, 1vw) * 100) / 1280)) calc(140 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn {
    margin-top: calc(155 * ((var(--vw, 1vw) * 100) / 375));
    padding: 0 calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(100 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn__bg {
  pointer-events: none;
}
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn__bg-image {
  position: absolute;
  top: calc(120 * ((var(--vw, 1vw) * 100) / 1280));
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(1280 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (min-width:1700.02px) {
  body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn__bg-image {
    width: calc(1920 * ((var(--vw, 1vw) * 100) / 1280));
  }
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn__bg-image {
    top: calc(-57 * ((var(--vw, 1vw) * 100) / 375));
    left: 0;
    -webkit-transform: none;
            transform: none;
    width: calc(375 * ((var(--vw, 1vw) * 100) / 375));
  }
}
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn__bg-image img {
  display: block;
  width: 100%;
  height: auto;
}
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn__inner {
  position: relative;
}
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn-title {
  text-align: center;
}
body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn-carousel {
  margin-top: calc(140 * ((var(--vw, 1vw) * 100) / 1280));
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts .ybs-rn .ybs-pickup-list-rn-carousel {
    margin-top: calc(30 * ((var(--vw, 1vw) * 100) / 375));
  }
}

body.renewal-uril-parts:not(.brand):not(.news):not(.product):not(.home) .ybs-header-rn, body.renewal-uril-parts:not(.brand):not(.news):not(.product):not(.home) .ybs-pickup-list-rn, body.renewal-uril-parts:not(.brand):not(.news):not(.product):not(.home) .ybs-lineup-rn {
  --ybs-rn-fnt-color: var(--ybs-bg-brown);
  -webkit-text-stroke-width: 0.02em;
  -webkit-text-stroke-color: var(--ybs-rn-fnt-color);
}
body.renewal-uril-parts:not(.brand):not(.news):not(.product):not(.home) .ybs-pickup-list-rn .ybs-rn-card-info-desc {
  margin-top: 0;
}
body.renewal-uril-parts:not(.brand):not(.news):not(.product):not(.home) .ybs-rn-section-title-jp {
  margin-top: 0;
}

body.renewal-uril-parts:not(.home) .ybs-lineup-rn {
  margin: auto;
  width: calc(1280 * ((var(--vw, 1vw) * 100) / 1280));
  overflow: visible;
}
body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more {
  position: relative;
}
body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more__bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more__contents {
  position: relative;
}
body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more {
  display: block;
  position: absolute !important;
  top: calc(22 * ((var(--vw, 1vw) * 100) / 1280));
  right: 0;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more {
    margin-top: calc(40 * ((var(--vw, 1vw) * 100) / 375));
    position: relative !important;
    top: auto;
    right: auto;
  }
}
body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more__bg {
  border-radius: 9999px;
}
body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more__contents {
  padding: calc(13 * ((var(--vw, 1vw) * 100) / 1280)) calc(17 * ((var(--vw, 1vw) * 100) / 1280)) calc(14 * ((var(--vw, 1vw) * 100) / 1280)) calc(53 * ((var(--vw, 1vw) * 100) / 1280));
  font-family: var(--ybs-eng);
  font-size: calc(14 * ((var(--vw, 1vw) * 100) / 1280));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more__contents {
    padding: calc(14 * ((var(--vw, 1vw) * 100) / 375)) calc(20 * ((var(--vw, 1vw) * 100) / 375)) calc(15 * ((var(--vw, 1vw) * 100) / 375)) calc(116 * ((var(--vw, 1vw) * 100) / 375));
    font-size: calc(16 * ((var(--vw, 1vw) * 100) / 375));
    line-height: 2;
  }
}
body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more__contents.ybs-rn-link-arrow {
  grid-template-columns: auto calc(24 * ((var(--vw, 1vw) * 100) / 1280));
  -webkit-column-gap: calc(18 * ((var(--vw, 1vw) * 100) / 1280));
     -moz-column-gap: calc(18 * ((var(--vw, 1vw) * 100) / 1280));
          column-gap: calc(18 * ((var(--vw, 1vw) * 100) / 1280));
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width:1031.98px) {
  body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more__contents.ybs-rn-link-arrow {
    grid-template-columns: auto calc(24 * ((var(--vw, 1vw) * 100) / 375));
    -webkit-column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 375));
       -moz-column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 375));
            column-gap: calc(50 * ((var(--vw, 1vw) * 100) / 375));
  }
}
@media (any-hover: hover) {
  body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more .ybs-rn-link-section-view-more__contents::after {
    background-color: var(--ybs-bg-brown);
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
  }
  body.renewal-uril-parts:not(.home) .ybs-lineup-rn .ybs-rn-link-section-view-more:hover .ybs-rn-link-section-view-more__contents::after {
    background-color: var(--ybs-bg-gold);
  }
}
/*# sourceMappingURL=styles.css.map */