@charset "UTF-8";
#contents .article-body {
  padding-bottom: 0 !important; }
  #contents .article-body > section {
    margin: 0 auto !important; }
#contents .l-content {
  width: 100%; }
  #contents .l-content__inner {
    margin-bottom: 0 !important; }
  #contents .l-content__main {
    width: 100% !important; }
#contents .breadcrumb,
#contents .sec_inner {
  width: calc(100% - 32px);
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(8px * 2);
  padding-right: calc(8px * 2); }
  @media screen and (min-width: 768px) {
    #contents .breadcrumb,
    #contents .sec_inner {
      width: calc(768px - 32px); } }
  @media screen and (min-width: 960px) {
    #contents .breadcrumb,
    #contents .sec_inner {
      width: calc(960px - 32px); } }
  @media screen and (min-width: 1200px) {
    #contents .breadcrumb,
    #contents .sec_inner {
      width: calc(1212px - 32px); } }
#contents .sec_inner {
  padding-top: calc(8px * 8);
  padding-bottom: calc(8px * 8); }
#contents .ncH2:first-child {
  margin-top: 0 !important; }

#wrapper {
  background-color: black;
  color: white;
  overflow: hidden; }

#contents {
  padding-top: 0 !important; }
  #contents .article-body {
    padding-top: 0 !important; }
    @media (min-width: 600px) {
      #contents .article-body > section:not(#title):not(#norbear) {
        margin-top: 10cqw !important;
        margin-bottom: 3cqw !important; } }
  #contents .l-content {
    width: 100% !important; }

.article {
  container-type: inline-size; }
  .article-header__thumbnail {
    display: none; }

h2 {
  margin-bottom: 5cqw;
  font-size: 250%;
  text-align: center;
  font-family: "Montserrat", sans-serif !important; }

@media (min-width: 600px) {
  .sec_inner {
    width: min(100%, 560px) !important;
    padding: 2cqw 0 !important; } }
@media (max-width: 599px) {
  #contents .sec_inner {
    padding-top: 2cqw !important;
    padding-bottom: 2cqw !important; } }

@media (min-width: 600px) {
  .ncColumns {
    transform: scale(1.1); }
    .ncColumns_panel:nth-of-type(2) {
      transform: translateY(-50px); } }

@media (max-width: 599px) {
  .ncSlider {
    padding: 2cqw; } }

.splid_item {
  aspect-ratio: 471/406 !important;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-content: center; }
  .splid_item img {
    object-fit: cover;
    max-width: initial;
    height: 100%; }

.splide__track, .splide__list, .splide__slide {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.ncButton {
  margin-top: 5cqw; }
  .ncButton_btn {
    background-color: white;
    border-radius: 4px;
    color: black; }

@media (max-width: 599px) {
  section:nth-of-type(odd) {
    background-color: #ffffff30; } }
#title {
  text-align: center;
  background-color: transparent; }
  #title .h1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100%;
    max-height: 90vh;
    background-image: url("/wp-content/package/page/whats-norbesa/img/whats-n.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media (min-width: 600px) {
      #title .h1 {
        aspect-ratio: 2/1; } }
    @media (max-width: 599px) {
      #title .h1 {
        aspect-ratio: 374/372; } }
    #title .h1 h1 img {
      width: auto; }
      @media (min-width: 600px) {
        #title .h1 h1 img {
          height: min(15cqw, 208px); } }
      @media (max-width: 599px) {
        #title .h1 h1 img {
          height: min(45cqw, 208px); } }
    #title .h1::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      z-index: 5;
      display: block;
      width: auto;
      aspect-ratio: 207/302;
      background-image: url("/wp-content/package/page/whats-norbesa/img/norbear.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
      @media (min-width: 600px) {
        #title .h1::after {
          height: min(21cqw, 305px); } }
      @media (max-width: 599px) {
        #title .h1::after {
          height: min(45cqw, 208px); } }
  #title p {
    margin-top: 8cqw !important;
    margin-bottom: 8cqw !important; }

#norbear {
  background-color: #bfbc92;
  color: black; }
  @media (max-width: 599px) {
    #norbear {
      padding: 3cqw 0; } }
  #norbear .norbear {
    display: block;
    width: min(50%, 250px);
    margin: auto; }

/*メニュー類*/
.l-header {
  top: 0; }
  .l-header .header-site-branding {
    display: none; }
  .l-header-row .l-content::before, .l-header-row .l-content::after {
    content: none; }

.hamburger-menu-content,
.gtranslate_wrapper,
.page-top-floating {
  position: fixed; }

.hamburger-menu,
.gtranslate_wrapper {
  background-color: #ffffff75 !important; }

.hamburger-menu {
  min-width: initial !important;
  margin-right: 0 !important; }
  .hamburger-menu-content.is-hamburger-menu-right {
    padding-left: 0 !important; }

.gtranslate_wrapper {
  aspect-ratio: 1/1;
  padding: 0; }
  .gtranslate_wrapper::after {
    top: 0;
    left: 0;
    transform: translate(0);
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/package/page/whats-norbesa/img/language.svg"); }

.page-top-floating,
#topper {
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
  .page-top-floating i,
  #topper i {
    display: none; }

@media (min-width: 600px) {
  .hamburger-menu-content,
  .gtranslate_wrapper,
  .page-top-floating {
    right: 0;
    width: 90px;
    height: 90px; }

  .hamburger-menu {
    width: 90px;
    height: 90px !important; }
    .hamburger-menu-content {
      top: 120px; }
    .hamburger-menu-trigger {
      height: 30% !important;
      width: 50% !important; }
      .hamburger-menu-trigger span {
        background-color: black;
        height: 2px; }
        .hamburger-menu-trigger span:nth-of-type(2) {
          top: 50% !important;
          transform: translateY(-50%); }

  .gtranslate_wrapper {
    top: 220px; }

  .page-top-floating {
    top: 320px;
    background-image: url("/wp-content/package/page/whats-norbesa/img/topper.svg"); }

  #topper {
    display: none; } }
@media (max-width: 599px) {
  .l-header {
    position: relative; }
    .l-header-row {
      background-color: transparent; }
    .l-header__inner {
      height: 0; }

  .hamburger-menu-content,
  .hamburger-menu,
  .gtranslate_wrapper,
  #topper {
    position: fixed;
    top: 0;
    width: 15vw !important;
    height: 15vw !important; }

  .hamburger-menu-content {
    right: 40vw !important; }
  .hamburger-menu-trigger {
    height: 30% !important;
    width: 50% !important; }
    .hamburger-menu-trigger span {
      background-color: black;
      height: 2px; }
      .hamburger-menu-trigger span:nth-of-type(2) {
        top: 50% !important;
        transform: translateY(-50%); }

  .gtranslate_wrapper {
    left: auto;
    right: 20vw; }

  #topper {
    right: 0;
    top: 0;
    margin-top: 0 !important;
    background-image: url("/wp-content/package/page/whats-norbesa/img/topper-sp.svg"); } }
