.mb-native-reference{
  
  line-height: var(--line-height-base, 1.5);
}
.mb-native-reference{
  font-size: calc(0.875rem - 1px);
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  color: var(--text-color);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  
  
}
@media  screen and (max-width: 359px) {.mb-native-reference{ 
    font-size: 0.75rem;
  }}
@media  print, (min-width: 768px) {.mb-native-reference{ 
    font-size: calc(1rem - 1px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference{ 
    font-size: 1rem;
    font-weight: 400;
  }}
.mb-native-reference .montserrat{
  font-family: "Montserrat", sans-serif;
}
.mb-native-reference h1,.mb-native-reference h2,.mb-native-reference h3,.mb-native-reference h4,.mb-native-reference h5,.mb-native-reference h6,.mb-native-reference .palt{
  font-feature-settings: "palt";
  line-height: var(--line-height-sm, 1.25);
}
.mb-native-reference h3{
  font-size: 1.25em;
  font-weight: 500;
}
.mb-native-reference{
  --contents-max-width: 1366px;
  --text-color: #222;
  --logo-color: #003D5C;
  --gray-color: #ccc;
  --gray-eee-color: #eee;
  --gray-dark-color: #666;
  --gray-mid-color: #999;
  --gray-safe-color: #767676;
  --gray-pure-color: #7F7F7F;
  --gray-light-color: #F8F9FE;
  --gray-blue-text-color: #54798f;
  --gray-blue-color: #9BA4B8;
  --gray-blue-mid-color: #bac2d5;
  --gray-blue-light-color: #E1E6F1;
  --accent-color: #E2E0D7;
  --red-text-color: #C50000;
  --red-dark-color: #A70000;
  --blue-pick-color: #0070C0;
  --red-pick-color: #FF0000;
  --yellow-pick-color: #FED533;
  --green-pick-color: #77933C;
  --purple-pick-color: #7030A0;
  --orange-pick-color: #FF6600;
  --brown-pick-color: #984807;
  --pink-pick-color: #F0728F;
  --skin-pick-color: #FCD5B5;
  --line-height-sm: 1.25;
  --line-height-base: 1.5;
  --list-padding-y: 0.25rem;
  --scroll-offset: 120px;
  
  --z-index--1: -1;
  --z-index-0: 0;
  --z-index-1: 1;
  --z-index-low: 1;
  --z-index-middle: 2;
  --z-index-high: 3;
  
}
.mb-native-reference button,.mb-native-reference input,.mb-native-reference optgroup,.mb-native-reference select,.mb-native-reference textarea{
  line-height: 1.25;
}
.mb-native-reference [type=button]:focus-visible,.mb-native-reference [type=reset]:focus-visible,.mb-native-reference [type=submit]:focus-visible,.mb-native-reference button:focus-visible{
  outline-width: medium;
  outline-style: auto;
}
.mb-native-reference .sample-title{
  color: var(--key-color, #E4731C); 
}
.mb-native-reference *,.mb-native-reference ::after,.mb-native-reference ::before{
  box-sizing: border-box;
}
.mb-native-reference{
  scroll-behavior: smooth;
  scroll-padding-top: var(--scroll-offset);
}
@media  print, (min-width: 992px) {.mb-native-reference{
    --scroll-offset: 160px;
  }}
.mb-native-reference html:has(.form-control:focus),.mb-native-reference html:has(body.scroll-padding-top-none){
  scroll-padding-top: 0;
}
.mb-native-reference main{
  display: block; 
}
@media  print, (min-width: 992px) {.mb-native-reference main{ 
    min-height: 40vh;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .contents.-space-ctrl,.mb-native-reference .contents.page-cart{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }}
.mb-native-reference main > section{
  padding: 6rem 0 7rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .contents.-space-ctrl > .related-items,.mb-native-reference .contents.page-cart > .related-items,.mb-native-reference .contents.px-1\.25rem-lg > .related-items{ 
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .contents.-space-ctrl > .bg-color-gray-light,.mb-native-reference .contents.page-cart > .bg-color-gray-light,.mb-native-reference .contents.px-1\.25rem-lg > .bg-color-gray-light{ 
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }}
.mb-native-reference ul,.mb-native-reference ol,.mb-native-reference dl{
  padding: 0;
  margin: 0;
}
.mb-native-reference ul{
  list-style: none;
}
.mb-native-reference [class*=list]{
  list-style: none;
}
.mb-native-reference ul.list-disc{
  list-style: disc;
  margin-block: 0.75rem;
  padding-inline: 1.25rem 0.75rem;
}
.mb-native-reference .li{
  padding-top: var(--list-padding-y);
  padding-bottom: var(--list-padding-y);
}
.mb-native-reference ul.list-disc li.li-info{
  list-style: none;
}
.mb-native-reference ul.list-disc li.li-info::before{
  content: "※";
}
.mb-native-reference h1,.mb-native-reference h2,.mb-native-reference h3,.mb-native-reference h4,.mb-native-reference h5,.mb-native-reference h6,.mb-native-reference p{
  margin-bottom: 0;
}
.mb-native-reference .h1_hide_visually{
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}
.mb-native-reference p{
  margin-top: 1em;
}
.mb-native-reference figure,.mb-native-reference dd{
  margin: 0;
}
.mb-native-reference img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.mb-native-reference iframe{
  max-width: 100%;
  vertical-align: top;
}
.mb-native-reference dialog{
  overscroll-behavior-y: none;
  border: none;
}
.mb-native-reference a{
  text-decoration: none;
  color: var(--logo-color, #003D5C);
  font-weight: 500;
  transition: all 0.16s;
}
.mb-native-reference .text-feedback a,.mb-native-reference .color-red a{
  color: var(--red-text-color, #C50000);
}
.mb-native-reference p > a,.mb-native-reference p > span > a{
  text-decoration: underline;
}
.mb-native-reference .link{
  color: #000;
}
.mb-native-reference fieldset{
  border: none;
}
.mb-native-reference .weight-normal{
  font-weight: normal;
}
.mb-native-reference .wrapper{
  overflow: hidden;
}
.mb-native-reference .container{
  width: var(--contents-max-width, 1366px);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media  print, (min-width: 992px) {.mb-native-reference .container.max-w750{ 
    width: 750px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .container.max-w1200{ 
    width: 1200px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .container.max-w1024{ 
    width: 1024px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .container.max-w1400{ 
    width: 1400px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .contents-main.min-w986{ 
    min-width: 1066px;
    padding-left: 40px;
    padding-right: 40px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .min-w-1366{ 
    min-width: var(--contents-max-width, 1366px);
    overflow-x: auto;
    overflow-y: visible;
  }}
.mb-native-reference .visually-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.mb-native-reference .visually-hidden:focus,.mb-native-reference .visually-hidden:active{
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
  white-space: normal;
  background-color: #fff;
  color: var(--logo-color, #003D5C);
  padding: 0.5em;
  text-decoration: underline;
  z-index: 1000;
}
.mb-native-reference .hover-bg-color:hover img{
  filter: brightness(0%) invert(100%);
}
@media  print, (min-width: 992px) {.mb-native-reference a:not(.hover-has-button):not(.hover-bg-color):not(.a-hover-none):hover,.mb-native-reference .hover-animation:hover{
    animation: hover 0.2s ease-out forwards;
  }
.mb-native-reference a.hover-color:hover{
    color: var(--logo-color);
  }
.mb-native-reference .prev-button:hover,.mb-native-reference .next-button:hover{
    background-color: rgba(255, 255, 255, 0.85);
  }
.mb-native-reference button.btn-primary:hover{
    opacity: 0.9;
  }
.mb-native-reference a.ui-button.btn-primary:hover{
    color: #fff;
  }
.mb-native-reference a.hover-has-button:hover img,.mb-native-reference a.hover-has-button:hover .hover-text{
    animation: hover 0.2s ease-out forwards;
  }
.mb-native-reference .hover-bg-color:hover{
    background-color: var(--logo-color, #003D5C);
    border: transparent;
    color: #fff;
    transition: background-color 0.16s ease;
  }
.mb-native-reference label:not(.hover-none):hover{
    cursor: pointer;
  }
.mb-native-reference .form-conf label:hover{
    cursor: auto;
  }
.mb-native-reference .colors-item:hover{
    cursor: pointer;
  }
.mb-native-reference select.front-form-control:hover,.mb-native-reference select.form-control:hover{
    cursor: pointer;
  }}
.mb-native-reference .row{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.mb-native-reference .row-s{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.mb-native-reference .flex{
  
}
@media  print, (min-width: 992px) {.mb-native-reference .flex{ 
    display: flex;
  }}
.mb-native-reference .flex-{
  display: flex;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .flex-sm{ 
    display: flex;
  }}
.mb-native-reference .flex-center{
  align-items: center;
  justify-content: center;
}
.mb-native-reference .justify-between{
  justify-content: space-between;
}
.mb-native-reference .justify-around{
  justify-content: space-around;
}
.mb-native-reference .flex-wrap{
  flex-wrap: wrap;
}
.mb-native-reference .flex-row-reverse{
  flex-direction: row-reverse;
}
.mb-native-reference .flex-column{
  flex-direction: column;
}
.mb-native-reference .flex-column-reverse{
  flex-direction: column-reverse;
}
.mb-native-reference .align-start{
  align-items: flex-start;
}
.mb-native-reference .align-center{
  align-items: center;
}
.mb-native-reference .align-end{
  align-items: flex-end;
}
.mb-native-reference .justify-end{
  justify-content: flex-end;
}
.mb-native-reference .align-stretch,.mb-native-reference .align-stretch > .item{
  align-items: stretch;
}
.mb-native-reference .justify-center{
  justify-content: center;
}
@media  print, (min-width: 992px) {.mb-native-reference .justify-center-lg{ 
    justify-content: center;
  }}
.mb-native-reference .flex-fix{
  flex-grow: 0;
  flex-shrink: 0;
}
.mb-native-reference .flex-shrink-0{
  flex-shrink: 0;
}
.mb-native-reference .flex-grow-1{
  flex-grow: 1;
}
.mb-native-reference .align-self-start{
  align-self: flex-start;
}
.mb-native-reference .align-self-end{
  align-self: flex-end;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .flex-column-sm{
    flex-direction: column;
  }}
.mb-native-reference .grid{
  display: grid;
}
.mb-native-reference .grid-cols-2,.mb-native-reference .grid-cols-2-auto{
  grid-template-columns: repeat(2, auto);
}
.mb-native-reference .grid-cols-2-1fr{
  grid-template-columns: repeat(2, 1fr);
}
.mb-native-reference .grid-cols-auto{
  grid-auto-columns: auto;
}
.mb-native-reference .place-center{
  place-items: center;
}
.mb-native-reference .grid-center{
  display: grid;
  place-items: center;
}
.mb-native-reference .grid-span-3{
  grid-column: span 3;
}
.mb-native-reference .grid-span-2{
  grid-column: span 2;
}
.mb-native-reference .grid-span-1{
  grid-column: span 1;
}
.mb-native-reference .cols-3,.mb-native-reference .cols-4,.mb-native-reference .cols-5{
  display: flex;
  flex-wrap: wrap;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cols-3{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
.mb-native-reference .cols-3 > .item{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
.mb-native-reference .cols-3 > .item,.mb-native-reference .cols-4 > .item{
    width: 50%;
  }
.mb-native-reference .-sm-cols-3 > .item{
    width: 33.3333%;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cols-3-lg,.mb-native-reference .cols-4-lg{
    display: flex;
    flex-wrap: wrap;
  }
.mb-native-reference .cols-3 > .item,.mb-native-reference .cols-3-lg > .item{
    width: 33.3333%;
  }
.mb-native-reference .cols-4 > .item{
    width: 25%;
  }
.mb-native-reference .cols-5 > .item{
    width: 20%;
  }}
.mb-native-reference .gap-2em{
  gap: 2em;
}
.mb-native-reference .gap-0\.5rem{
  gap: 0.5rem;
}
.mb-native-reference .gap-0\.75rem{
  gap: 0.75rem;
}
.mb-native-reference .gap-1rem{
  gap: 1rem;
}
.mb-native-reference .gap-1\.25rem{
  gap: 1.25rem;
}
.mb-native-reference .gap-1\.5rem{
  gap: 1.5rem;
}
.mb-native-reference .gap-1\.875rem{
  gap: 1.875rem;
}
.mb-native-reference .gap-2rem{
  gap: 2rem;
}
.mb-native-reference .gap-2\.5rem{
  gap: 2.5rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gap-0\.5rem-sm{
    gap: 0.5rem;
  }
.mb-native-reference .row-gap-0\.25rem-sm{
    row-gap: 0.25rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gap-1\.5rem-lg{
    gap: 1.5rem;
  }
.mb-native-reference .gap-1\.75rem-lg{
    gap: 1.75rem;
  }
.mb-native-reference .gap-1\.875rem-lg{
    gap: 1.875rem;
  }
.mb-native-reference .gap-60px-lg{
    gap: 60px;
  }}
.mb-native-reference .col{
  padding-left: 1rem;
  padding-right: 1rem;
}
.mb-native-reference .col-equal{
  flex: 1 1 0%;
}
.mb-native-reference .col-1-{
  width: 8.3333%;
}
.mb-native-reference .col-2-{
  width: 16.6666%;
}
.mb-native-reference .col-3-{
  width: 25%;
}
.mb-native-reference .col-4-{
  width: 33.3333%;
}
.mb-native-reference .col-5-{
  width: 41.6666%;
}
.mb-native-reference .col-6-,.mb-native-reference .half-{
  width: 50%;
}
.mb-native-reference .col-7-{
  width: 58.3333%;
}
.mb-native-reference .col-8-{
  width: 66.6666%;
}
.mb-native-reference .col-9-{
  width: 75%;
}
.mb-native-reference .col-10-{
  width: 83.3333%;
}
.mb-native-reference .col-11-{
  width: 91.6666%;
}
.mb-native-reference .col-12-,.mb-native-reference .full-{
  width: 100%;
}
.mb-native-reference .offset-05-{
  margin-left: 4.1666%;
}
.mb-native-reference .offset-1-{
  margin-left: 8.3333%;
}
.mb-native-reference .offset-2-{
  margin-left: 16.6666%;
}
.mb-native-reference .offset-3-{
  margin-left: 25%;
}
.mb-native-reference .offset-4-{
  margin-left: 33.3333%;
}
.mb-native-reference .offset-6-{
  margin-left: 50%;
}
.mb-native-reference .w-40\%-{
  width: 40%;
}
.mb-native-reference .w-60\%-{
  width: 60%;
}
.mb-native-reference .order-1{
  order: 1;
}
.mb-native-reference .order-2{
  order: 2;
}
.mb-native-reference .order-3{
  order: 3;
}
.mb-native-reference .order-4{
  order: 4;
}
.mb-native-reference .order-5{
  order: 5;
}
.mb-native-reference .order-6{
  order: 6;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .flex-wrap-sm{
    flex-wrap: wrap;
  }
.mb-native-reference .flex-column-sm{
    flex-direction: column;
  }
.mb-native-reference .flex-column-reverse-sm{
    flex-direction: column-reverse;
  }
.mb-native-reference .align-center-sm{
    align-items: center;
  }
.mb-native-reference .justify-center-sm{
    justify-content: center;
  }
.mb-native-reference .flex-end-sm{
    justify-content: flex-end;
  }
.mb-native-reference .between-sm{
    justify-content: space-between;
  }
.mb-native-reference .flex-fix-sm{
    flex-grow: 0;
    flex-shrink: 0;
  }
.mb-native-reference .flex-shrink-0-sm{
    flex-shrink: 0;
  }
.mb-native-reference .flex-grow-1-sm{
    flex-grow: 1;
  }
.mb-native-reference .col-3-sm{
    width: 25%;
  }
.mb-native-reference .col-4-sm{
    width: 33.3333%;
  }
.mb-native-reference .col-6-sm,.mb-native-reference .half-sm{
    width: 50%;
  }
.mb-native-reference .col-12-sm,.mb-native-reference .full-sm{
    width: 100%;
  }
.mb-native-reference .col-min-9-sm{
    min-width: 75%;
  }
.mb-native-reference .order-1-sm{
    order: 1;
  }
.mb-native-reference .order-2-sm{
    order: 2;
  }
.mb-native-reference .order-3-sm{
    order: 3;
  }
.mb-native-reference .order-4-sm{
    order: 4;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .row-lg{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
.mb-native-reference .flex-wrap-lg{
    flex-wrap: wrap;
  }
.mb-native-reference .flex-row-reverse-lg{
    flex-direction: row-reverse;
  }
.mb-native-reference .flex-column-reverse-lg{
    flex-direction: column-reverse;
  }
.mb-native-reference .column-lg{
    flex-direction: column;
  }
.mb-native-reference .center-lg{
    justify-content: center;
  }
.mb-native-reference .between-lg{
    justify-content: space-between;
  }
.mb-native-reference .around-lg{
    justify-content: space-around;
  }
.mb-native-reference .align-center-lg{
    align-items: center;
  }
.mb-native-reference .align-end-lg{
    align-items: flex-end;
  }
.mb-native-reference .flex-fix-lg{
    flex-grow: 0;
    flex-shrink: 0;
  }
.mb-native-reference .flex-shrink-0-lg{
    flex-shrink: 0;
  }
.mb-native-reference .flex-grow-1-lg{
    flex-grow: 1;
  }
.mb-native-reference .col-lg{
    padding-left: 1rem;
    padding-right: 1rem;
  }
.mb-native-reference .col-1{
    width: 8.3333%;
  }
.mb-native-reference .col-2{
    width: 16.6666%;
  }
.mb-native-reference .col-3{
    width: 25%;
  }
.mb-native-reference .col-4{
    width: 33.3333%;
  }
.mb-native-reference .col-5{
    width: 41.6666%;
  }
.mb-native-reference .col-6,.mb-native-reference .half{
    width: 50%;
  }
.mb-native-reference .col-7{
    width: 58.3333%;
  }
.mb-native-reference .col-8{
    width: 66.6666%;
  }
.mb-native-reference .col-9{
    width: 75%;
  }
.mb-native-reference .col-10{
    width: 83.3333%;
  }
.mb-native-reference .col-11{
    width: 91.6666%;
  }
.mb-native-reference .col-12,.mb-native-reference .full{
    width: 100%;
  }
.mb-native-reference .col-500{
    width: 500px;
  }
.mb-native-reference .offset-05{
    margin-left: 4.1666%;
  }
.mb-native-reference .offset-1{
    margin-left: 8.3333%;
  }
.mb-native-reference .offset-2{
    margin-left: 16.6666%;
  }
.mb-native-reference .offset-3{
    margin-left: 25%;
  }
.mb-native-reference .offset-4{
    margin-left: 33.3333%;
  }
.mb-native-reference .offset-6{
    margin-left: 50%;
  }
.mb-native-reference .order-1-lg{
    order: 1;
  }
.mb-native-reference .order-2-lg{
    order: 2;
  }
.mb-native-reference .order-3-lg{
    order: 3;
  }
.mb-native-reference .order-4-lg{
    order: 4;
  }
.mb-native-reference .order--1-lg{
    order: -1;
  }
.mb-native-reference .order--2-lg{
    order: -2;
  }
.mb-native-reference .order--3-lg{
    order: -3;
  }
.mb-native-reference .order--4-lg{
    order: -4;
  }
.mb-native-reference .order--5-lg{
    order: -5;
  }
.mb-native-reference .order--6-lg{
    order: -6;
  }
.mb-native-reference .w-40\%{
    width: 40%;
  }
.mb-native-reference .w-60\%{
    width: 60%;
  }}
.mb-native-reference .btn{
  background-color: #fff;
  border: solid 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 0.75em 1.25em;
  font-size: calc(1rem - 1px);
  color: var(--gray-blue-color, #9BA4B8);
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  border-radius: 100vmax;
}
@media  print, (min-width: 992px) {.mb-native-reference .btn{ 
    font-size: 1rem;
  }}
.mb-native-reference .btn:not(.next-button, .prev-button):hover,.mb-native-reference a:hover .btn{
  background-color: var(--logo-color, #003D5C);
  border-color: transparent;
  color: #fff;
  transition: background-color 0.16s ease;
}
.mb-native-reference .btn-sm{
  min-width: 80px;
  height: 30px;
  padding: 0.5em 1.25em;
  font-size: 0.75rem;
}
.mb-native-reference .btn-more{
  width: 255px;
  height: 70px;
}
.mb-native-reference .btn-more .reload-icon{
  transform-origin: 46% 50%;
}
.mb-native-reference .btn-more.loading .reload-icon{
  animation: reload-icon-rotate 20s linear forwards;
}
.mb-native-reference .btn-close{
  background: none transparent;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
}
.mb-native-reference .btn-close.item-delete{
  width: 36px;
  height: 36px;
  border-radius: 100vmax;
}
@media  print, (min-width: 992px) {.mb-native-reference .btn-close.item-delete{ 
    width: 40px;
    height: 40px;
  }}
.mb-native-reference .btn-close.item-delete:hover{
  background-color: var(--logo-color, #003D5C);
}
.mb-native-reference .btn-close.item-delete:hover .icon-close{
  filter: brightness(0%) invert(100%);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .btn-close.item-delete:hover .icon-close{ 
    width: 10px;
    height: 10px;
  }}
.mb-native-reference .btn-outline{
  display: flex;
  max-width: 100%;
  padding: 0.75em 0.75em;
  color: var(--logo-color, #003D5C);
}
@media  print, (min-width: 992px) {.mb-native-reference .btn-outline{ 
    padding: 0.75rem 1.125rem;
  }}
.mb-native-reference .btn-outline.color-white{
  border-color: var(--logo-color, #003D5C);
}
.mb-native-reference .btn-outline.color-red:hover{
  background-color: var(--red-text-color, #C50000);
}
.mb-native-reference .btn-outline.color-red.a-hover-none:hover{
  background-color: #fff;
  border-color: var(--red-text-color, #C50000);
  color: var(--red-text-color, #C50000);
}
.mb-native-reference .btn-outline.backcolor-red{
  border-color: #d83827;
  background-color: #d83827;
}
.mb-native-reference .btn-outline.backcolor-red:not(.is-no-stock):hover{
  border-color: #d83827;
  background-color: #fff;
  color: #d83827;
}
.mb-native-reference .btn-outline.color-logo.a-hover-none:hover{
  background-color: #fff;
  border-color: var(--logo-color, #003D5C);
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .btn-outline.color-red.a-hover-none:hover .icon{
  filter: none;
}
.mb-native-reference .btn.highlighted-link-button{
  display: flex;
  width: 225px;
  height: 56px;
  padding: 0.75em 0.75em;
  color: var(--logo-color, #003D5C);
}
@media  print, (min-width: 992px) {.mb-native-reference .btn.highlighted-link-button{ 
    width: 255px;
    height: 70px;
    padding: 0.75rem 1.125rem;
  }}
.mb-native-reference .btn.highlighted-link-button:hover{
  color: #fff;
}
.mb-native-reference .btn.has-arw-r,.mb-native-reference .btn.has-arw-l{
  justify-content: space-between;
}
.mb-native-reference .btn.has-arw-r::before,.mb-native-reference .btn.has-arw-l::after{
  content: "";
  display: inline-block;
  width: 7px;
  height: 14px;
}
.mb-native-reference .btn.has-arw-r::before,.mb-native-reference .has-arw-r .icon-arw-next{
  margin: 0 0.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .btn.has-arw-r::before,.mb-native-reference .has-arw-r .icon-arw-next{ 
    margin: 0 0.75rem;
  }}
.mb-native-reference .btn.has-arw-l::after,.mb-native-reference .has-arw-l .icon-arw-prev{
  margin: 0 0.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .btn.has-arw-l::after,.mb-native-reference .has-arw-l .icon-arw-prev{ 
    margin: 0 0.75rem;
  }}
.mb-native-reference .has-arw-r > .icon-arw-next{
  rotate: 180deg;
}
.mb-native-reference .btn.has-arw-r:hover > .icon-arw-next,.mb-native-reference a:hover .btn > .icon-arw-next{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference .btn.cta-button,.mb-native-reference .btn.cta-button-lg{
  display: flex;
  width: 255px;
  height: 60px;
  padding: 0.75em 0.75em;
  font-size: 1rem;
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .btn.cta-button:hover,.mb-native-reference .btn.cta-button-lg:hover{
  color: #fff;
}
@media  print, (min-width: 992px) {.mb-native-reference .btn.cta-button{
    width: 300px;
    height: 80px;
    padding: 0.75rem 1.125rem;
    font-size: 1.125rem;
  }}
.mb-native-reference .btn-info{
  background: none transparent;
  border: none;
}
.mb-native-reference .btn-info:hover{
  cursor: pointer;
}
.mb-native-reference .btn-hover{
  background: none transparent;
  border: none;
  padding: 0.5rem;
}
.mb-native-reference .btn-hover:hover{
  cursor: pointer;
}
.mb-native-reference .btn-reversal{
  background-color: var(--logo-color, #003D5C);
  color: #fff;
}
.mb-native-reference .btn-reversal:focus-visible{
  outline-color: var(--logo-color, #003D5C);
  outline-offset: 3px;
}
.mb-native-reference .btn-reversal:hover{
  background-color: #fff;
  border-color: var(--logo-color, #003D5C);
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .btn.has-icon-before::after{
  content: "";
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: auto;
}
.mb-native-reference .btn.has-icon-before .button-label{
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.75rem;
}
.mb-native-reference .btn.has-icon-before .icon{
  margin-right: auto;
}
.mb-native-reference .btn.has-icon-before:hover .icon,.mb-native-reference .btn .icon-white{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference .btn.has-icon-after::before{
  content: "";
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: auto;
}
.mb-native-reference .btn.has-icon-after .button-label{
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.75rem;
}
.mb-native-reference .btn.has-icon-after .icon{
  margin-left: auto;
}
.mb-native-reference .btn.has-icon-after:hover .icon{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference button.text-underline{
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: var(--logo-color, #003D5C);
}
.mb-native-reference button.text-underline:hover{
  text-decoration: none;
}
.mb-native-reference .btn-q{
  background-color: var(--logo-color, #003D5C);
  border: none;
  flex-grow: 0;
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  font-size: 1.25rem;
  font-weight: normal;
  color: #fff;
  border-radius: 99vmax;
}
.mb-native-reference .btn-q:hover{
  cursor: pointer;
}
.mb-native-reference .btn.is-no-stock{
  background-color: var(--gray-safe-color, #767676) !important;
  border-color: var(--gray-safe-color, #767676) !important;
}
.mb-native-reference .btn.is-no-stock:hover{
  animation: none !important;
  cursor: default;
}
.mb-native-reference .btn.h-80-60{
  height: 60px;
}
@media  print, (min-width: 992px) {.mb-native-reference .btn.h-80-60{ 
    height: 80px;
  }}
.mb-native-reference .cta-block.gap-60-30{
  gap: 30px;
}
@media  print, (min-width: 992px) {.mb-native-reference .cta-block.gap-60-30{ 
    gap: 60px;
  }}
.mb-native-reference .btn.is-disabled,.mb-native-reference .btn:disabled{
  opacity: 0.45;
  filter: grayscale(0.66);
}
.mb-native-reference .prev-button:disabled,.mb-native-reference .next-button:disabled{
  opacity: 0;
  cursor: auto;
}
@media  print, (min-width: 992px) {.mb-native-reference .cta-block .btn.min-w-340px{ 
    width: auto;
    min-width: 340px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .btn.min-h-60px{ 
    height: auto;
    min-height: 60px;
  }}
.mb-native-reference{
  --mountain-height-sm: calc(16vw + 82px - 13px + 1.25rem - 2px);
}
.mb-native-reference .global-bg{
  background-color: #E1E6F1;
  padding-top: 60px;
  min-height: 100dvh;
}
.mb-native-reference .hover-line-item .line-text,.mb-native-reference .hover-line-item-detail .line-text-detail{
  column-gap: 7px;
}
.mb-native-reference .world-map .logo-img{
  width: 110px;
  margin-bottom: 0.25rem;
}
.mb-native-reference .global-top-text{
  max-width: 42em;
}
.mb-native-reference .hover-line-list .line-text-detail{
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.625rem 1.25rem 0.5rem;
  border-radius: 0.25rem;
  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .hover-line-list .line-text-detail{ 
    margin-top: 1.125rem;
  }}
.mb-native-reference .hover-line-list .line-text-detail:hover{
  background-color: rgb(255, 255, 255);
}
.mb-native-reference .hover-line-item > .line-text::before{
  background: var(--logo-color, #003D5C);
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0, 1);
}
.mb-native-reference .hover-line-item > .line-text::before{
  transform-origin: right top;
  transition: transform 0.2s;
}
.mb-native-reference .hover-line-item .line-text:hover::before{
  transform-origin: left top;
  transform: scale(1, 1);
}
.mb-native-reference .round-arrow{
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  background-color: var(--logo-color, #003D5C);
  border-radius: 50px;
  transition-duration: 0.3s;
}
.mb-native-reference .world-map .round-arrow{
  width: 24px;
  height: 24px;
  margin-left: auto;
}
.mb-native-reference .world-map .round-arrow .icon-arw-next{
  width: 5px;
}
.mb-native-reference .round-arrow.-large .icon-arw-next,.mb-native-reference .round-arrow.-large .icon-arw-down,.mb-native-reference .line-text:hover .round-arrow.-small .icon-arw-next{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference .round-arrow.-large .icon-arw-down{
  rotate: -90deg;
  transition: 0.3s;
}
.mb-native-reference .line-text:hover .round-arrow.-large .icon-arw-next,.mb-native-reference .line-text-detail:hover .round-arrow.-large .icon-arw-next{
  filter: unset;
}
.mb-native-reference .line-text:hover .round-arrow.-small .icon-arw-next{
  filter: unset;
}
.mb-native-reference .line-text:hover > .round-arrow.-large,.mb-native-reference .line-text-detail:hover .round-arrow.-large{
  transform: scale(1.1);
  border: var(--logo-color, #003D5C) solid 1px;
  background-color: #fff;
}
.mb-native-reference .global-footer{
  background-color: var(--logo-color, #003D5C);
  padding: 3rem 0 2rem;
  margin-top: -19px;
}
@media  print, (min-width: 992px) {.mb-native-reference .world-map{
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 1.25rem auto;
    padding: 5.5rem 0 0;
  }
.mb-native-reference .world-map .logo-img{
    width: 96px;
  }
.mb-native-reference .hover-line-item.usa{
    position: absolute;
    left: 60px;
  }
.mb-native-reference .hover-line-item.europe{
    position: absolute;
    left: 300px;
  }
.mb-native-reference .hover-line-item.japan{
    position: absolute;
    left: 562px;
  }
.mb-native-reference .global-top-main{
    min-height: calc(100vh - 3.75rem - 192px);
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .global-bg{
    display: flex;
    flex-direction: column;
    padding: 2rem 1.25rem 0;
  }
.mb-native-reference .global-top-main{
    min-height: calc(100dvh - 2rem - var(--mountain-height-sm));
  }
.mb-native-reference .world-map-sm{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 160px;
    padding-top: 24px;
  }
.mb-native-reference .select-sites{
    margin-top: -3.75rem;
  }
.mb-native-reference .round-arrow{
    width: 36px;
    height: 36px;
  }
.mb-native-reference .hover-line-item + .hover-line-item{
    margin-top: 1.5rem;
  }
.mb-native-reference .image-mountain{
    height: var(--mountain-height-sm);
    margin: auto -1.25rem 0;
    padding-top: 1.25rem;
    overflow: hidden;
  }
.mb-native-reference .image-mountain .mountain-img{
    width: 100%;
    height: 16vw;
    object-fit: contain;
    object-position: bottom;
    aspect-ratio: 750/117;
  }
.mb-native-reference .global-footer{
    height: auto;
    margin-top: -13px;
    padding: 2.25rem 0 1.75rem;
  }
.mb-native-reference .hover-line-item-detail:hover .line-text-detail::before{
    display: none;
  }
.mb-native-reference .global-logo{
    width: 45%;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference{
    --global-nav-height: 60px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference{
    --site-header: 116px;
    --global-nav-height: 76px;
  }}
.mb-native-reference .site-header{
  background-color: #fff;
  width: 100%;
  top: 0;
  position: sticky;
  top: 0;
  z-index: 4;
}
.mb-native-reference .site-header .header-inner,.mb-native-reference .header-inner{
  width: 100%;
  max-width: var(--contents-max-width, 1366px);
  margin-left: auto;
  margin-right: auto;
}
.mb-native-reference .site-header .header-logo{
  padding-right: 0.25rem;
}
.mb-native-reference .header-logo .link{
  align-items: flex-end;
  column-gap: 0.625rem;
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .header-logo .logo-at-site{
  font-weight: bold;
  line-height: 1;
  translate: 0 2px;
}
.mb-native-reference .header-logo + .site-select-buttons .btn{
  margin-left: 0.5rem;
}
.mb-native-reference .personal-info{
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25;
}
.mb-native-reference .personal-info .cart .flex{
  flex-direction: column;
  height: 30px;
}
.mb-native-reference .personal-info .items-value{
  width: 100%;
  height: 0;
  color: #C80000;
  text-align: center;
}
.mb-native-reference .account-summary-panel-container{
  position: absolute;
  top: 45px;
  right: calc((100% - 1366px) / 2);
  width: 300px;
  padding-top: 0;
  transform: scaleY(0);
  translate: 34px -30px;
  transform-origin: top center;
  opacity: 0;
  z-index: -1;
}
.mb-native-reference .hover-trigger-account-panel:hover .account-summary-panel-container,.mb-native-reference .hover-trigger-account-panel:focus-within .account-summary-panel-container{
  padding-top: 23px;
  transform: scaleY(1);
  translate: 34px 0;
  opacity: 1;
  z-index: 1;
  transition: padding 0.12s ease, opacity 0.16s ease;
}
@media  print, (max-width: 1450px) {.mb-native-reference .hover-trigger-account-panel:hover .account-summary-panel-container,.mb-native-reference .hover-trigger-account-panel:focus-within .account-summary-panel-container{ 
    right: 0;
    translate: 0 0;
  }}
.mb-native-reference .account-summary-panel-container::before{
  background-color: var(--gray-blue-light-color, #E1E6F1);
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  margin-left: auto;
  margin-right: auto;
  clip-path: polygon(50% 0, 0% 100%, 100% 100%);
  translate: -50% 0;
}
@media  print, (max-width: 1366px) {.mb-native-reference .account-summary-panel-container::before{ 
    translate: 8px 0;
  }}
.mb-native-reference .account-summary-panel{
  background-color: #fff;
  border: var(--gray-blue-light-color, #E1E6F1) solid 10px;
  padding: 1.25rem 1rem;
}
.mb-native-reference .account-summary-name{
  border-bottom: var(--gray-blue-color, #9BA4B8) solid 1px;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  font-size: 1.25rem;
}
.mb-native-reference .account-summary-data{
  grid-template-columns: 1fr 1fr;
  row-gap: 0.5rem;
}
.mb-native-reference .account-summary-data .dt{
  padding-right: 0.25rem;
  text-align: right;
}
.mb-native-reference .account-summary-my-page-link .btn-reversal{
  width: 160px;
  height: 40px;
  padding: 0.5rem 1.25rem;
}
.mb-native-reference .message-bar{
  background-color: var(--accent-color, #E2E0D7);
  max-height: 100vmax;
  opacity: 1;
}
.mb-native-reference .sticky-message-bar .message-bar{
  position: sticky;
  z-index: 3;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .sticky-message-bar .message-bar{ 
    top: 50px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .sticky-message-bar .message-bar{ 
    top: 120px;
  }}
.mb-native-reference .message-bar.is-close{
  max-height: 0;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s ease-in-out, max-height 0.2s 0.15s ease;
}
.mb-native-reference .message-text{
  line-height: 20px;
}
.mb-native-reference .search-bar{
  background-color: #fff;
  border-top: var(--gray-color, #ccc) solid 1px;
  border-bottom: var(--gray-color, #ccc) solid 1px;
  position: relative;
  position: sticky;
  z-index: 2;
}
.mb-native-reference .hidden-search-bar .search-bar{
  display: none;
}
.mb-native-reference .search-bar .category-list{
  flex: 1 1 20em;
}
.mb-native-reference .category-list .category-item{
  width: 100%;
  padding: 0;
}
.mb-native-reference .category-list .category-item-button{
  background: none transparent;
  border: none;
  position: relative;
  height: 100%;
  padding: 0 1rem;
  font-size: calc(1em + 2px);
  font-weight: 600;
  text-align: center;
  color: #000;
}
@media  print, (min-width: 992px) {.mb-native-reference .category-list .category-item:hover .category-item-button::after{ 
    border-top: transparent solid 0.25rem;
    border-bottom: var(--logo-color, #003D5C) solid 0.25rem;
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    z-index: -1;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .category-list .category-item.active .category-item-button::after{ 
    border-top: transparent solid 0.25rem;
    border-bottom: var(--logo-color, #003D5C) solid 0.25rem;
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    z-index: -1;
  }}
.mb-native-reference .category-list .sub-list{
  background-color: #fff;
  border-top: var(--gray-color, #ccc) solid 1px;
  display: grid;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  cursor: auto;
  transform: scaleY(0.75);
  transform-origin: top center;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.mb-native-reference .category-list .active > .sub-list{
  display: grid;
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
  transition: transform 0.2s ease, opacity 0s, visibility 0s, padding 0.25s;
  z-index: 0;
}
.mb-native-reference .category-list > .sub-item{
  opacity: 0;
  transform: translateY(-10px);
  transition: transform 0.1s, opacity 0.1s;
  transition-delay: 0s;
}
.mb-native-reference .category-list .active > .sub-item,.mb-native-reference .search-bar .hover-switch:hover > .sub-item{
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s ease, opacity 0.2s linear;
  transition-delay: 0.2s;
}
.mb-native-reference .category-list .sub-link{
  font-weight: normal;
  color: var(--text-color, #222);
}
.mb-native-reference .category-list .sub-link:hover{
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .bg-layer{
  position: fixed;
  top: 0;
  left: 100vw;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.16s ease;
}
.mb-native-reference .category-list .category-item.active .bg-layer{
  content: "";
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0.5;
  z-index: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .site-header .header-logo{
    padding-left: 14px;
  }
.mb-native-reference .header-logo .logo-img{
    width: auto;
    height: 20px;
  }
.mb-native-reference .header-logo .logo-at-site{
    font-size: 1rem;
  }
.mb-native-reference body.is-search-open{
    overflow: hidden;
  }
.mb-native-reference .sm-search-layer .search-icon{
    opacity: 1;
    transition: opacity 0.16s ease;
  }
.mb-native-reference .site-header .search-trigger{
    background: transparent none;
    border: none;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-left: auto;
    padding: 4px;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none !important;
  }
.mb-native-reference .sm-search-layer.is-open .bg-layer{
    top: 50px;
    left: 0;
    opacity: 0.5;
  }
.mb-native-reference .sm-search{
    background-color: #fff;
    display: grid;
    place-items: center;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    height: 0;
    padding: 0;
    translate: 0 0;
    overflow: hidden;
    z-index: 1;
    transition: height 0.16s ease;
  }
.mb-native-reference .sm-search-layer.is-open .sm-search{
    border-top: var(--gray-color, #ccc) solid 1px;
    height: 80px;
  }
.mb-native-reference .sm-search .search-form{
    width: calc(100% - 40px);
    margin: 20px;
  }
.mb-native-reference .cart .items-value{
    font-size: 0.75rem;
    translate: 2px -6px;
  }
.mb-native-reference .cart .icon-cart{
    max-width: 30px;
    height: auto;
  }
.mb-native-reference .site-header .menu-trigger{
    background-color: var(--logo-color, #003D5C);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: none;
    width: 50px;
    height: 50px;
    margin-left: auto;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none !important;
    z-index: 4;
  }
.mb-native-reference .site-header .menu-trigger .menu-label::before,.mb-native-reference .site-header .menu-trigger::before,.mb-native-reference .site-header .menu-trigger::after{
    background-color: #fff;
    position: relative;
    display: block;
    content: "";
    width: 24px;
    height: 2px;
    transition: all 0.2s;
  }
.mb-native-reference .site-header .menu-trigger::after{
    width: 14px;
    margin-left: -10px;
  }
.mb-native-reference .site-header .menu-trigger::before{
    top: -6px;
  }
.mb-native-reference .site-header .menu-trigger::after{
    top: 6px;
  }
.mb-native-reference .site-header .menu-trigger .label-text{
    display: none;
  }
.mb-native-reference .site-header .menu-trigger.open::before{
    top: 2px;
    transform: rotate(-45deg);
  }
.mb-native-reference .site-header .menu-trigger.open .menu-label::before{
    opacity: 0;
  }
.mb-native-reference .site-header .menu-trigger.open::after{
    top: -2px;
    width: 24px;
    margin-left: 0;
    transform: rotate(45deg);
  }
.mb-native-reference body.is-menu-open{
    overflow: hidden;
  }
.mb-native-reference .bg-layer{
    background-color: var(--text-color, #222);
  }
.mb-native-reference .sm-search-layer .bg-layer{
    z-index: -1;
  }
.mb-native-reference .sm-menu-layer.is-open .bg-layer{
    left: 0;
    opacity: 0.5;
  }
.mb-native-reference .sm-menu{
    background-color: #fff;
    position: fixed;
    top: 0;
    right: min(-100vw, -320px);
    bottom: 0;
    width: 320px;
    z-index: 3;
    overflow-x: hidden;
    overflow-y: auto;
    transition: right 0.16s ease;
  }
.mb-native-reference .sm-menu-layer.is-open .sm-menu{
    right: 0;
  }
.mb-native-reference .sm-menu .header-logo{
    height: 50px;
    align-content: center;
  }
.mb-native-reference .sm-menu .sign-in-link{
    display: flex;
    height: 50px;
    margin-left: 0.75rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
.mb-native-reference .sm-menu .sign-in .icon{
    margin-right: 0.75rem;
  }
.mb-native-reference .sm-menu .sign-in .btn:hover{
    color: #fff;
  }
.mb-native-reference .sm-menu .sign-in .btn:hover .icon{
    filter: brightness(0%) invert(100%);
  }
.mb-native-reference .sm-menu .nav-menu{
    background-color: #fff;
    row-gap: 1px;
  }
.mb-native-reference .sm-menu .nav-item{
    background-color: var(--logo-color, #003D5C);
  }
.mb-native-reference .sm-menu .nav-link{
    display: flex;
    height: 60px;
    padding: 0.25rem 3.125rem 0.25rem 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: #fff;
  }
.mb-native-reference .sm-menu .nav-link .icon-arw-next{
    filter: brightness(0%) invert(100%);
    rotate: 180deg;
    margin-left: auto;
  }
.mb-native-reference .sm-menu .site-nav{
    padding: 1.5rem 1.5rem 2.5rem;
  }
.mb-native-reference .sm-menu .nav-label{
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: var(--logo-color, #003D5C);
  }
.mb-native-reference .sm-menu .site-select-buttons .btn{
    margin-right: 0.5rem;
    color: var(--logo-color, #003D5C);
  }
.mb-native-reference .sm-menu .site-select-buttons .btn:hover{
    color: #fff;
  }
.mb-native-reference .sm-menu .personal-info{
    font-size: 1rem;
    color: var(--logo-color, #003D5C);
  }
.mb-native-reference .sm-menu-icon-glove,.mb-native-reference .sm-menu-icon-pin{
    display: inline-block;
  }
.mb-native-reference .sm-menu-icon-glove{
    margin-right: 2px;
  }
.mb-native-reference .sm-menu-icon-pin{
    margin-left: 3px;
    margin-right: 5px;
  }
.mb-native-reference .message-bar .header-inner{
    padding: 5px 20px;
  }
.mb-native-reference .message-bar .message-text{
    display: block;
    padding-right: 1rem;
    letter-spacing: 0.5px;
  }
.mb-native-reference .message-bar .btn-close{
    flex-shrink: 0;
    margin-right: -0.75rem;
  }
.mb-native-reference .search-bar{
    top: 50px;
  }
.mb-native-reference .category-list .category-item{
    height: 40px;
  }
.mb-native-reference .category-list .category-item{
    height: 40px;
  }
.mb-native-reference .category-list .sub-list{
    padding: 20px 40px 106px;
    top: 40px;
    grid-template-columns: repeat(1, 100%);
    width: calc(100% - 50px);
    max-height: calc(100vh - 50px - 40px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
  }
.mb-native-reference .category-list .category-item.active .bg-layer{
    background-color: var(--text-color, #222);
    top: 40px;
  }
.mb-native-reference .category-list .category-item.active ~ .category-item-sub-close{
    position: absolute;
    top: 40px;
    right: 0;
    width: 50px;
    height: 50px;
  }
.mb-native-reference .category-list .category-item.active ~ .category-item-sub-close:before,.mb-native-reference .category-list .category-item.active ~ .category-item-sub-close:after{
    background-color: #fff;
    content: "";
    position: absolute;
    top: 24px;
    right: 11px;
    width: 24px;
    height: 2px;
  }
.mb-native-reference .category-list .category-item.active ~ .category-item-sub-close:before{
    rotate: 45deg;
  }
.mb-native-reference .category-list .category-item.active ~ .category-item-sub-close:after{
    rotate: -45deg;
  }
.mb-native-reference .category-list .sub-item{
    border-bottom: var(--gray-color, #ccc) solid 1px;
    padding: 1rem 0;
  }
.mb-native-reference .category-list .sub-link{
    display: block;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 1rem;
  }
.mb-native-reference .search-bar .search-box{
    display: none;
    padding: 20px 26px;
  }
.mb-native-reference .search-box .search-box-group{
    width: calc(100% + 20px);
    margin-left: -20px;
  }
.mb-native-reference .search-box-group .search-button{
    margin-left: -3px;
    margin-right: -1px;
  }
.mb-native-reference .search-box-group .btn-search-close{
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 40px;
    padding: 4px;
    translate: 12px 0;
  }
.mb-native-reference .search-box-group .search-cancel-button{
    background-color: transparent;
    padding: 4px;
  }
.mb-native-reference .search-box-group .search-cancel-button > .close-icon{
    filter: none;
  }
.mb-native-reference .search-bar.is-search-box-open .category-list{
    display: none;
  }
.mb-native-reference .search-bar.is-search-box-open .search-box{
    display: block;
  }
.mb-native-reference .sm-menu .sign-in.-login{
    position: unset;
  }
.mb-native-reference .login-summary-data{
    grid-template-columns: 1fr 1fr;
    height: 40px;
    border-top: var(--logo-color, #003D5C) solid 1px;
    border-bottom: var(--logo-color, #003D5C) solid 1px;
  }
.mb-native-reference .sm-menu .sign-in.-login + .nav-menu{
    margin-top: 30px;
  }
.mb-native-reference .sm-menu .sign-in.-logout .sign-in-link{
    font-size: 1rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .site-header{
    min-height: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
.mb-native-reference .site-header .header-inner,.mb-native-reference .header-inner{
    width: 90%;
  }
.mb-native-reference .header-logo .logo-img{
    max-width: 155px;
    max-height: 27px;
  }
.mb-native-reference .header-logo .logo-at-site{
    font-size: 1.25rem;
  }
.mb-native-reference .personal-info .items-value{
    translate: 2px -7px;
  }
.mb-native-reference .cart .icon-cart{
    translate: 0 1px;
  }
.mb-native-reference .header-nav{
    background-color: var(--logo-color, #003D5C);
    padding-left: 1rem;
    padding-right: 1rem;
  }
.mb-native-reference .sticky-header-nav .header-nav{
    position: sticky;
    top: 60px;
    z-index: 3;
  }
.mb-native-reference .nav-menu .nav-item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    padding-left: 0.8vw;
    padding-right: 0.8vw;
    font-size: 1.1rem;
    text-wrap-mode: nowrap;
  }
.mb-native-reference .nav-menu .nav-link{
    font-weight: 600;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
.mb-native-reference .nav-menu .nav-link:focus-visible{
    outline-offset: -5px;
  }
.mb-native-reference .nav-menu .nav-link:hover{
    background-color: #29708F;
  }
.mb-native-reference .message-bar{
    padding-left: 1rem;
    padding-right: 1rem;
  }
.mb-native-reference .message-bar .header-inner::before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
  }
.mb-native-reference .message-bar .header-inner{
    padding: 10px 32px;
  }
.mb-native-reference .message-bar .btn-close{
    margin-top: -0.5rem;
    margin-right: calc(-0.5rem - 32px);
    margin-bottom: -0.5rem;
  }
.mb-native-reference .search-bar{
    top: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
.mb-native-reference .category-list .category-item{
    height: 60px;
  }
.mb-native-reference .category-list .sub-list{
    top: 60px;
    grid-template-columns: repeat(4, auto);
    row-gap: 1.5rem;
  }
.mb-native-reference .category-list .active > .sub-list,.mb-native-reference .search-bar .hover-switch:hover > .sub-list{
    right: 0;
    width: var(--contents-max-width, 1366px);
    margin-left: auto;
    margin-right: auto;
    padding: 48px 0;
    justify-content: space-around;
    max-width: 100%;
  }
.mb-native-reference .category-list .sub-item{
    padding: 0 1rem 0 0;
  }
.mb-native-reference .search-bar .header-inner::before{
    content: "";
    display: inline-block;
    flex: 0 0 15em;
  }
.mb-native-reference .search-bar .category-list::before,.mb-native-reference .search-bar .category-list::after{
    content: "";
    display: block;
    width: 100%;
    flex: 0 1 calc(20% + 100vw - 1366px);
  }
.mb-native-reference .search-bar .search-box{
    flex: 0 0 15em;
    width: 240px;
  }
.mb-native-reference .search-bar .search-box .flex-row-reverse{
    width: 240px;
  }
.mb-native-reference .search-bar .search-box [type=search]{
    width: 240px;
  }}
.mb-native-reference [class*=icon-]{
  position: relative;
}
.mb-native-reference .icon-search::before{
  background: var(--dark-gray-color) no-repeat center;
  background-size: 0.875em;
  display: inline-block;
  position: relative;
  top: 0.375em;
  content: "";
  width: 1.625em;
  height: 1.625em;
  margin-right: 0.625em;
  font-size: 1em;
  line-height: 1;
  border-radius: 100vmax;
}
.mb-native-reference .row-icon [class*=icon-]::after{
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: left center;
  content: "";
  display: inline-block;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .row-icon [class*=icon-]::after{
    bottom: 0.5rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .heading [class*=icon-]::after{
    bottom: 0.7rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .on-icon .on-icon-swimmer::after{
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-position: left center;
    content: "";
    display: inline-block;
    bottom: -0.1rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .on-icon .title[class*=icon-]::after{
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-position: left center;
    content: "";
    display: inline-block;
  }
.mb-native-reference .on-icon .on-icon-swimmer::after{
    bottom: 0.3rem;
  }}
.mb-native-reference #i-mail .cls-1,.mb-native-reference #i-mail .cls-2{
  fill: none;
  stroke-linejoin: round;
}
.mb-native-reference #i-mail .cls-1{
  stroke-width: 1.5px;
}
.mb-native-reference #i-mail .cls-2{
  stroke-width: 1.2px;
}
.mb-native-reference .i-mail{
  width: 23.5px;
  height: 23.5px;
  stroke: #fff;
  margin-top: -0.25em;
  margin-right: 0.5em;
  vertical-align: middle;
}
.mb-native-reference .i-mail.link-color{
  stroke: #1D54B3;
  margin-top: -0.35em;
}
.mb-native-reference .i-arw-down.fill-w{
  fill: #fff;
}
.mb-native-reference .i-arw-down{
  width: 9px;
  height: 6px;
  fill: #262828;
}
.mb-native-reference .i-tel{
  width: 16.14px;
  width: 24px;
  height: 18px;
  fill: #1D54B3;
  padding: 0 2px 0 4px;
}
.mb-native-reference P.main_cont_skip_wrap{
  margin-top: 0;
}
.mb-native-reference .main_cont_skip_link{
  position: absolute;
  transition: none;
  left: -9999px;
  top: 0;
}
.mb-native-reference .main_cont_skip_link:focus{
  left: 0;
  z-index: 10000;
  background: #fff;
  padding: 5px 0;
  border: 2px solid #000;
  width: 100%;
  text-align: center;
}
.mb-native-reference .main_cont_position_link{
  width: 1px;
  color: #000000;
  font-size: 0.1%;
  line-height: 0.1;
  background-color: #FFFFFF;
  position: absolute;
  left: -3000px;
  z-index: 9999;
}
.mb-native-reference section.headline-news{
  padding: 0;
}
.mb-native-reference .headline-news .container{
  background-color: var(--gray-blue-light-color, #E1E6F1);
  padding: calc(0.25rem - 1px) 0.5rem;
}
.mb-native-reference .headline-controller .btn{
  background-color: transparent;
  border: none;
  flex-shrink: 0;
  padding: 0.125rem 0.25rem;
}
.mb-native-reference .next-button .icon-arw-next,.mb-native-reference .icon-arw-next{
  rotate: 180deg;
}
.mb-native-reference .headline-list{
  width: calc(100% - 33px);
}
.mb-native-reference .headline-item{
  flex-shrink: 0;
  width: 100%;
  padding: 0.25rem 0.5rem;
  text-align: center;
}
.mb-native-reference .headline-link{
  font-weight: 500;
  letter-spacing: 0.5px;
  color: var(--text-color, #222);
}
.mb-native-reference .headline-link .date{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.mb-native-reference .headline-link .text{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .headline-news .container{
    padding: calc(0.25rem - 1px) 0.75rem;
  }
.mb-native-reference .headline-item{
    line-height: 20px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .headline-item{
    line-height: 26px;
  }}
.mb-native-reference .headline-splide-has-arrow .splide__arrow{
  background-color: transparent;
  border: none;
  flex-shrink: 0;
  padding: 0.125rem 0.25rem;
  width: 33px;
  height: 34px;
}
.mb-native-reference .headline-splide-has-arrow .splide__arrow:hover{
  background-color: transparent;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .headline-splide-has-arrow .splide__arrow--prev{ 
    left: 4px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .headline-splide-has-arrow .splide__arrow--next{ 
    right: 4px;
  }}
.mb-native-reference section.kv{
  padding: 0;
}
.mb-native-reference section.kv .splide__pagination,.mb-native-reference .gp-slide-splide .splide__pagination{
  position: static;
  padding: 0;
}
.mb-native-reference section.kv .splide__pagination li,.mb-native-reference .gp-slide-splide .splide__pagination li{
  display: flex;
}
.mb-native-reference .filter-contents .kv:not(:has(> .kv-splide > .kv-controller > .kv-list > .kv-item)){
  margin-bottom: 0;
  padding-bottom: 0;
}
.mb-native-reference .kv-controller .prev-button,.mb-native-reference .kv-controller .next-button{
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  display: flex;
  place-content: center;
  width: 50px;
  height: 80px;
  padding: 0.5rem;
  border-radius: 0 10px 10px 0;
  position: relative;
  z-index: 1;
  transition: background-color 0.12s ease;
}
.mb-native-reference .kv-controller .btn:hover{
  background-color: rgba(255, 255, 255, 0.85);
}
.mb-native-reference .kv-controller .next-button{
  border-radius: 10px 0 0 10px;
}
.mb-native-reference .kv-list{
  width: 100%;
}
.mb-native-reference .kv-item{
  flex-shrink: 0;
  width: 100%;
  transition: margin 0.15s ease-out;
}
.mb-native-reference .kv-link{
  display: block;
  width: 100%;
}
.mb-native-reference .kv-link:not([href]){
  animation: none !important;
}
.mb-native-reference .kv-link:focus-visible{
  outline-offset: -2px;
}
.mb-native-reference .kv-img{
  width: 100%;
}
.mb-native-reference .nav-pager{
  padding: 0 1rem;
}
.mb-native-reference .nav-pager-button{
  background-color: #fff;
  border: var(--logo-color, #0f4671) solid 1px;
  width: 12px;
  height: 12px;
  margin: 0.875rem calc(1em - 2px) 0;
  padding: 0;
  border-radius: 100vmax;
  text-indent: -9999em;
  overflow: hidden;
}
@media  print, (min-width: 992px) {.mb-native-reference .nav-pager-button{ 
    margin: 1rem calc(1em + 1px) 0;
  }}
.mb-native-reference .nav-pager-button.active{
  background-color: var(--logo-color, #0f4671);
  cursor: pointer;
}
@media  (hover: hover) and (pointer: fine) {.mb-native-reference .nav-pager-button:hover{
    background-color: var(--logo-color, #0f4671);
    cursor: pointer;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .kv,.mb-native-reference .kv.-online-top{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .kv-controller .btn{
    height: 100px;
  }
.mb-native-reference .nav-pager-button{
    width: 15px;
    height: 15px;
    margin: 1rem 20px 0;
  }}
.mb-native-reference .splide:has(:not(.splide__pagination)){
  visibility: visible;
}
.mb-native-reference .splide__arrow{
  opacity: 1;
}
.mb-native-reference .splide__arrow{
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  display: flex;
  place-content: center;
  width: 50px;
  height: 80px;
  padding: 0.5rem;
  border-radius: 0 10px 10px 0;
  z-index: 1;
  transition: background-color 0.12s ease;
}
.mb-native-reference .splide__arrow:hover:not(:disabled){
  opacity: 1;
}
.mb-native-reference .splide__arrow:hover{
  background-color: rgba(255, 255, 255, 0.85);
}
.mb-native-reference .splide__arrow--prev{
  left: -10px;
}
.mb-native-reference .splide__arrow--next{
  right: -10px;
  border-radius: 10px 0 0 10px;
}
.mb-native-reference .splide__arrow::before{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px 16px;
  content: "";
  display: block;
  width: 9px;
  height: 16px;
}
.mb-native-reference .splide__arrow--next::before{
  rotate: 180deg;
}
.mb-native-reference .splide__arrow svg{
  display: none;
}
.mb-native-reference .splide__pagination__page{
  opacity: 1;
}
.mb-native-reference .splide__pagination__page{
  background-color: #fff;
  border: var(--logo-color, #0f4671) solid 1px;
  width: 10px;
  height: 10px;
  margin: 0 calc(0.7em + 1px);
  padding: 0;
  border-radius: 100vmax;
  text-indent: -9999em;
  overflow: hidden;
}
.mb-native-reference section.kv.-toppage .splide__pagination__page{
  width: 12px;
  height: 12px;
  background: #fff;
  margin: 0 calc(0.5em + 1px);
  position: relative;
  border: var(--logo-color, #0f4671) solid 1px;
  border-radius: 50%;
  vertical-align: -2px;
}
.mb-native-reference .splide__pagination__page:hover{
  opacity: 1;
}
.mb-native-reference .splide__pagination__page.is-active{
  transform: scale(1);
}
.mb-native-reference section:not(.-toppage) .splide__pagination__page.is-active,.mb-native-reference section:not(.-toppage) .splide__pagination__page:hover,.mb-native-reference div.gp-block .splide__pagination__page.is-active,.mb-native-reference div.gp-block .splide__pagination__page:hover{
  background-color: var(--logo-color, #0f4671);
}
.mb-native-reference section.kv.-toppage .splide__pagination__page.is-active::before{
  content: "";
  background-color: var(--logo-color, #0f4671);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  transform: translate(-50%, -50%);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .splide__pagination{
    bottom: calc(-10px - 0.75rem);
  }
.mb-native-reference section.highlighted .splide__pagination__page{
    margin-bottom: 0.5em;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .splide__arrow{
    height: 100px;
  }
.mb-native-reference .splide__arrow--prev{
    left: 0;
  }
.mb-native-reference .splide__arrow--next{
    right: 0;
  }
.mb-native-reference .splide__pagination__page{
    width: 10px;
    height: 10px;
    margin: 0 calc(0.5em + 1px);
  }}
.mb-native-reference section.category-select{
  padding: 0;
}
.mb-native-reference .tab-list{
  border-bottom: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .tab-list .tab-item{
  width: 100%;
  padding: 0;
  letter-spacing: 0.5px;
}
.mb-native-reference .tab-list .tab-item-button{
  background: none transparent;
  border: none;
  position: relative;
  height: 100%;
  padding: 0 1rem;
  font-size: calc(1em + 2px);
  font-weight: 500;
  text-align: center;
  color: var(--gray-safe-color, #767676);
}
.mb-native-reference .tab-item.active .tab-item-button,.mb-native-reference .tab-item:hover .tab-item-button{
  color: var(--text-color, #222);
}
.mb-native-reference .tab-item.active .tab-item-button::after,.mb-native-reference .tab-item:hover .tab-item-button::after{
  border-top: transparent solid 0.125rem;
  border-bottom: var(--logo-color, #003D5C) solid 0.125rem;
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  z-index: -1;
}
.mb-native-reference .online-top .tab-group .sub-list:not(.show),.mb-native-reference .tab-group .sub-list:not(.show){
  display: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .category-select .sub-list,.mb-native-reference .online-top .category-select .sub-list{ 
    grid-template-columns: repeat(auto-fit, 104px);
  }}
@media  screen and (max-width: 991.98px) and (max-width: 374px) {.mb-native-reference .category-select .sub-list,.mb-native-reference .online-top .category-select .sub-list{ 
    grid-template-columns: repeat(auto-fit, calc(33.3333333333% - 8px));
  }}
@media  screen and (min-width: 667px) {.mb-native-reference .category-select .sub-list,.mb-native-reference .online-top .category-select .sub-list{ 
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }}
.mb-native-reference .online-top .category-select .sub-list{
  display: grid;
}
.mb-native-reference .category-select .sub-item{
  align-items: center;
  max-width: 180px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .category-select .sub-link{ 
    max-width: 104px;
  }}
@media  screen and (min-width: 667px) {.mb-native-reference .category-select .sub-link{ 
    max-width: 180px;
  }}
.mb-native-reference .category-select .item-name{
  background-color: #fff;
  min-height: 40px;
  margin-top: -21.5%;
  color: var(--text-color, #222);
  position: relative;
}
.mb-native-reference .category-select .sub-link:hover .item-name{
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .tab-contents .tab-sr_only span,.mb-native-reference .gp-tab-contents .tab-sr_only span{
  display: none;
}
.mb-native-reference .tab-contents .tab-sr_only.active,.mb-native-reference .gp-tab-contents .tab-sr_only.active{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.mb-native-reference .tab-contents .tab-sr_only.active span,.mb-native-reference .gp-tab-contents .tab-sr_only.active span{
  display: block;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .tab-list .tab-item{
    height: 40px;
  }
.mb-native-reference .tab-list .tab-item-button{
    font-size: 1rem;
  }
.mb-native-reference .tab-contents{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
.mb-native-reference .category-select .sub-list{
    column-gap: max(33.3333333333% - 104px + (33.3333333333% - 104px) / 2, 10px);
    row-gap: 0.5rem;
  }
.mb-native-reference .category-select .sub-item{
    flex: 0 0 104px;
  }}
@media  screen and (max-width: 991.98px) and (max-width: 374px) {.mb-native-reference .category-select .sub-item{ 
    flex-basis: calc(33.3333333333% - 8px);
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .category-select .item-name{
    padding-top: 10px;
    font-size: calc(1em - 1px);
    line-height: var(--line-height-base, 1.5);
  }}
@media  screen and (max-width: 991.98px) and (min-width: 667px) {.mb-native-reference .category-select .sub-list{
    column-gap: max(25% - 180px + (25% - 180px) / 3, 20px);
  }
.mb-native-reference .category-select .sub-item{
    flex: 0 0 180px;
  }}
@media  screen and (max-width: 991.98px) and (min-width: 667px) and (max-width: 836px) {.mb-native-reference .category-select .sub-list{
    column-gap: calc(33.3333333333% - 180px + (33.3333333333% - 180px) / 2);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .category-select .tab-contents{
    padding-inline: 1rem;
  }
.mb-native-reference .tab-list .tab-item{
    width: 16.6665%;
    height: 60px;
    font-size: 1.5rem;
  }
.mb-native-reference .category-select .sub-list{
    column-gap: max(16.6666666667% - 180px + (16.6666666667% - 180px) / 5, 20px);
    row-gap: 3rem;
  }
.mb-native-reference .category-select .sub-item{
    flex: 0 0 180px;
  }
.mb-native-reference .category-select .item-name{
    padding-top: 20px;
    font-size: 1.125rem;
  }}
.mb-native-reference section.highlighted{
  padding: 2px 0;
  overflow-x: hidden;
  overflow-y: visible;
}
.mb-native-reference .section-title{
  font-weight: 600;
  text-align: center;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .slider-controller,.mb-native-reference .splide{ 
    touch-action: manipulation;
  }}
.mb-native-reference .slider-controller > .btn{
  border: transparent;
  top: 185px;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: width 0.12s ease, height 0.12s ease;
  z-index: 1;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .slider-controller > .btn{ 
    position: absolute;
  }}
.mb-native-reference .slider-controller > .btn.prev-button{
  left: 0;
  translate: -50% -50%;
}
.mb-native-reference .slider-controller > .btn.next-button{
  right: 0;
  translate: 50% -50%;
}
.mb-native-reference .slider-controller > .btn:hover{
  background-color: #fff;
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .highlighted-item-title{
  min-height: 2.25em;
  color: var(--text-color, #222);
}
.mb-native-reference .highlighted-list{
  align-items: stretch;
  gap: 0;
}
.mb-native-reference .highlighted-item{
  flex: 0 0 255px;
}
.mb-native-reference .highlighted-img{
  border-radius: 10px;
}
.mb-native-reference .highlighted-link-button{
  margin-top: auto;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .section-title{
    font-size: 1.625rem;
  }
.mb-native-reference .slider-controller > .btn{
    top: 127px;
    width: 30px;
    height: 30px;
    padding: 0;
  }
.mb-native-reference .highlighted .slider-controller > .btn.prev-button{
    left: 30px;
  }
.mb-native-reference .highlighted .slider-controller > .btn.next-button{
    right: 30px;
  }
.mb-native-reference .slider-controller .icon-arw-prev{
    width: 6px;
  }
.mb-native-reference .slider-controller .icon-arw-next{
    width: 6px;
  }
.mb-native-reference .highlighted .slider-controller .controller-track{
    margin-left: 60px;
    margin-left: calc((100vw - 255px) / 2);
    margin-right: calc((100vw - 255px) / 2);
    margin-left: calc((100vw - 255px) / 2 - 20px);
  }
.mb-native-reference .highlighted-list{
    justify-content: flex-start;
    gap: 20px;
  }
.mb-native-reference .highlighted-item-title{
    margin: 10px 0;
  }
.mb-native-reference .highlighted-item:first-of-type{
    margin-left: 20px;
  }
.mb-native-reference .highlighted-item:not(.is-active) .highlighted-link{
    pointer-events: none;
  }}
@media  print, (min-width: 992px) {.mb-native-reference section.highlighted{
    padding: 0 36px;
  }
.mb-native-reference .highlighted .container{
    width: 1366px;
  }
.mb-native-reference .section-title{
    font-size: 2.5rem;
  }
.mb-native-reference .slider-controller > .btn{
    top: 185px;
    width: 70px;
    height: 70px;
  }
.mb-native-reference .slider-controller > .btn:hover{
    width: 90px;
    height: 90px;
  }
.mb-native-reference .highlighted-list:has(.highlighted-item:nth-child(4)){
    justify-content: flex-start;
  }
@supports  not selector(:has(*)) {.mb-native-reference .highlighted-list{
      justify-content: flex-start;
    }}
@supports  not selector(:has(+ *)) {.mb-native-reference .highlighted-list{
      justify-content: flex-start;
    }}
.mb-native-reference .highlighted-item{
    flex: 0 0 33.3333333333%;
    padding-right: 47px;
  }
.mb-native-reference .highlighted-link{
    height: 100%;
  }
.mb-native-reference .highlighted-link:focus-visible{
    outline-offset: -2px;
  }
.mb-native-reference .highlighted-link:focus .highlighted-link-button{
    outline: #000 solid 2px;
    outline-offset: 1px;
  }
.mb-native-reference .highlighted-link-button{
    margin-top: auto;
  }}
.mb-native-reference .splide .splide__pagination_div{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.mb-native-reference #main.top .splide .splide__pagination_div{
  position: relative;
  height: clamp(25px, 24.2px + 0.23vw, 30px);
  bottom: clamp(70px, 65.26px + 1.32vw, 90px);
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px 10px;
  margin-bottom: -40px;
}
.mb-native-reference .splide .splide__toggle{
  cursor: pointer;
  width: 22px;
  height: 22px;
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  border: 0;
  background: #fff;
  border: 1px solid var(--logo-color, #0f4671);
  border-radius: 50%;
  margin-left: calc(0.5em + 1px);
  padding: 12px;
}
.mb-native-reference #main.top .splide .splide__toggle{
  padding: 9px;
}
.mb-native-reference .splide .splide__toggle.is-active .splide__toggle__pause{
  position: sticky;
  transform: none;
  transition: all 0.2s;
  display: flex;
}
.mb-native-reference .splide .splide__toggle.is-active .splide__toggle__pause::before,.mb-native-reference .splide .splide__toggle.is-active .splide__toggle__pause::after{
  content: "";
  display: block;
  width: 3px;
  height: 10px;
  pointer-events: none;
  background-color: var(--logo-color, #0f4671);
  margin: 0 2px;
}
.mb-native-reference .splide .splide__toggle .splide__toggle__play{
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left-width: 8px;
  border-left-style: solid;
  border-left-color: var(--logo-color, #0f4671);
  border-right: 0;
  margin-left: 2px;
}
@media  print, (min-width: 992px) {.mb-native-reference section.highlighted{ 
    margin-bottom: -5px;
    padding-bottom: 5px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .splide.highlighted-splide-has-arrow{ 
    padding-bottom: 27px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .splide.highlighted-splide-has-arrow{ 
    padding-bottom: 32px;
  }}
.mb-native-reference .has-circle-arrow .splide__arrow{
  background-color: #fff;
  border: transparent;
  position: absolute;
  top: 127px;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: width 0.12s ease, height 0.12s ease, scale 0.12s ease;
  z-index: 1;
  border-radius: 100vmax;
}
@media  print, (min-width: 992px) {.mb-native-reference .has-circle-arrow .splide__arrow{ 
    top: 212px;
    width: 70px;
    height: 70px;
    transform-origin: center 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .has-circle-arrow .splide__arrow--prev{ 
    left: 15px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .has-circle-arrow .splide__arrow--prev{ 
    translate: -50% 0;
    translate: clamp(-80px, (100vw - 1366px) / 2 * -1, -30px) 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .has-circle-arrow .splide__arrow--next{ 
    right: 15px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .has-circle-arrow .splide__arrow--next{ 
    translate: 50% 0;
    translate: clamp(30px, (100vw - 1366px) / 2, 80px) 0;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items .slider-controller > .btn.prev-button{ 
    translate: -10px -50%;
  }}
@media  print, print and (max-width: 1506px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1506px) {.mb-native-reference .related-items .slider-controller > .btn.prev-button{ 
    margin-right: clamp(-50px, (100vw - 1506px) / 2, 0px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items .slider-controller > .btn.next-button{ 
    translate: 10px -50%;
    order: 3;
  }}
@media  print, print and (max-width: 1506px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1506px) {.mb-native-reference .related-items .slider-controller > .btn.next-button{ 
    margin-left: clamp(-50px, (100vw - 1506px) / 2, 0px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .has-circle-arrow .splide__arrow:hover{ 
    scale: 1.2857;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .has-circle-arrow .splide__arrow::before{ 
    background-size: 7px auto;
  }}
.mb-native-reference .highlighted-splide-has-arrow .splide__track{
  overflow: visible;
}
@media  print, (min-width: 992px) {.mb-native-reference .highlighted-splide-has-arrow .splide__track{ 
    width: calc(100% + 47px);
    margin-right: -47px;
    overflow: hidden;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .highlighted-splide-has-arrow .highlighted-list{  }}
@media  print, (min-width: 992px) {.mb-native-reference .highlighted-splide-has-arrow .highlighted-list{ 
    padding-bottom: 5px !important;
  }}
.mb-native-reference .splide.highlighted-splide-has-arrow .splide__pagination{
  display: flex;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .splide.highlighted-splide-has-arrow .splide__pagination{ 
    bottom: 4px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .splide.highlighted-splide-has-arrow .splide__pagination{ 
    bottom: 0;
  }}
.mb-native-reference section.special{
  padding: 0;
}
.mb-native-reference .special-contents.grid{
  row-gap: 1.75rem;
}
.mb-native-reference .special-item:nth-of-type(1){
  grid-row: span 2/span 2;
}
.mb-native-reference .special-img{
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.mb-native-reference .special-item:nth-child(n/**/+2) .special-thumb-figure{
  display: flex;
  aspect-ratio: 320/228;
  overflow: hidden;
  align-items: anchor-center;
  border-radius: 10px;
}
.mb-native-reference .special-meta{
  padding-top: 0.375rem;
  color: var(--gray-blue-color, #9BA4B8);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.special{
    padding: 0 1.25rem;
  }
.mb-native-reference .special-contents.grid{
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
    row-gap: 30px;
  }
.mb-native-reference .special-item:nth-of-type(1){
    grid-column: span 2/span 2;
  }}
@media  print, (min-width: 992px) {.mb-native-reference section.special{
    padding: 0 1rem;
  }
.mb-native-reference .special-contents.grid{
    grid-template-columns: clamp(44%, 46vw - 2rem, 615px) 1fr 1fr;
    grid-template-rows: repeat(2, auto);
    column-gap: 40px;
  }}
.mb-native-reference section.related-items{
  padding: 0;
  overflow-x: hidden;
  overflow-y: visible;
}
.mb-native-reference .section-title.border-bottom{
  border-bottom: var(--gray-dark-color, #999) solid 1px;
  padding-bottom: 1rem;
}
.mb-native-reference .related-items .slider-controller > .btn{
  top: 130px;
  z-index: 1;
}
@media  print, (min-width: 992px) {.mb-native-reference .related-items .controller-track.overflow-hidden{ 
    padding: 2px;
    margin: -2px;
  }}
.mb-native-reference .cols-items-list,.mb-native-reference .controller-track .cols-list{
  display: grid;
  grid-auto-flow: column;
  transition: transform 0.3s;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cols-items-list,.mb-native-reference .controller-track .cols-list{ 
    grid-auto-columns: 160px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cols-items-list,.mb-native-reference .controller-track .cols-list{ 
    grid-auto-columns: 240px;
  }}
.mb-native-reference .related-items-item{
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  row-gap: 0;
}
.mb-native-reference .related-items-item-link{
  display: contents;
  font-weight: normal;
  color: var(--text-color, #222);
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
}
@media  print, (min-width: 992px) {.mb-native-reference .related-items-item:has(:not(.is-close)) ~ .related-items-item:nth-last-child(1 of :not(.is-close)) .related-items-item-link{
    translate: -3px 0;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items-item:nth-child(1 of :not(.is-close)):nth-last-child(1 of :not(.is-close)) .related-items-item-link{
    translate: 0px 0;
  }}
.mb-native-reference .related-items-item-link:hover,.mb-native-reference .related-items-item:has(.related-items-item-link):hover .related-items-item-link{
  color: var(--logo-color, #0f4671);
}
.mb-native-reference .related-items-item-link:hover .related-items-img{
  border-color: var(--logo-color, #0f4671);
}
.mb-native-reference .item-figure{
  margin-bottom: 1.25rem;
}
.mb-native-reference .related-items-img{
  border: var(--gray-color, #ccc) solid 1px;
  border-radius: 10px;
  margin-bottom: 1.25rem;
  transition: all 0.16s;
  width: 100%;
}
.mb-native-reference .item-figure .related-items-img{
  margin-bottom: 0;
}
.mb-native-reference .related-items-meta{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  column-gap: 0.625rem;
  row-gap: 0.25rem;
  min-height: 21px;
  margin-bottom: 0.25rem;
  font-feature-settings: "palt";
}
@media  print, (min-width: 992px) {.mb-native-reference .related-items-meta{ 
    min-height: 24px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .item-figure + .related-items-meta{ 
    margin-top: -0.375rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items-meta .tags-meta{ 
    font-size: 0.75rem;
  }}
.mb-native-reference .related-items-meta .tag-item{
  background-color: var(--red-dark-color, #A70000);
  height: 21px;
  margin-left: auto;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .related-items-meta .tag-item{ 
    height: 24px;
    padding: 0.25rem 0.625rem;
  }}
.mb-native-reference .related-items-item-name,.mb-native-reference .products-item-price .primary-price{
  font-weight: 500;
}
.mb-native-reference .related-items-item-name{
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.mb-native-reference .products-item-price{
  grid-template-columns: auto 1fr;
  column-gap: 1rem;
  row-gap: 0.25rem;
  align-items: flex-end;
  line-height: calc(1.5em - 2px);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .products-item-price{ 
    column-gap: 0.375rem;
  }}
.mb-native-reference .products-item-price > dd{
  white-space: nowrap;
}
.mb-native-reference .price-strike-through-line{
  position: relative;
  display: block;
  width: fit-content;
  margin-left: auto;
  font-size: 0.75rem;
  white-space: nowrap;
}
.mb-native-reference .price-strike-through-line::after{
  background-color: var(--text-color, #222);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  translate: 0 -50%;
}
.mb-native-reference .related-items-item .btn-close{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  cursor: pointer;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .related-items-item .btn-close{ 
    padding: 0.625rem;
    top: 0;
    right: 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.related-items{
    padding: 0 1.25rem;
  }
.mb-native-reference .related-items .slider-controller > .btn{
    top: 80px;
    width: 30px;
    height: 30px;
  }
.mb-native-reference .cols-items-list{
    column-gap: 14.5px;
  }
.mb-native-reference .related-items-item{
    flex: 0 0 160px;
  }
.mb-native-reference .gp-products-list-type .related-items-item{
    flex: 0 0 calc(50% - 7.25px);
  }
.mb-native-reference .related-items-item-link{
    font-size: calc(0.75rem + 1px);
  }}
@media  screen and (max-width: 991.98px) and (max-width: 359px) {.mb-native-reference .related-items-item-link{ 
    font-size: 0.75rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .related-items-meta{
    font-size: calc(0.625rem + 1px);
  }
.mb-native-reference .related-items-item-name,.mb-native-reference .products-item-price .primary-price{
    font-size: 0.875rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference section.related-items{
    padding: 0 20px 0.125rem;
  }
.mb-native-reference .related-items .slider-controller > .btn.prev-button{
    left: 0;
    translate: -50% -50%;
  }
.mb-native-reference .related-items .slider-controller > .btn.next-button{
    right: 0;
    translate: 50% -50%;
  }
.mb-native-reference .cols-items-list{
    column-gap: 41px;
  }
.mb-native-reference .related-items-item{
    flex: 0 0 240px;
  }
.mb-native-reference .related-items-item-link{
    font-size: 0.875rem;
  }
.mb-native-reference .related-items-item-name,.mb-native-reference .products-item-price .primary-price{
    font-size: 1rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items .slider-controller{ 
    margin: 0 clamp(-70px, (100vw - 1366px) / 2 * -1, -20px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items .slider-controller.ml-0{ 
    margin-left: 0;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items .slider-controller > .btn{ 
    align-self: flex-start;
    margin-top: 130px;
    transition: width 0.12s ease, height 0.12s ease, scale 0.12s ease;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items .slider-controller > .btn:hover{ 
    width: 70px;
    height: 70px;
    scale: 1.2857;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items .slider-controller > .btn.prev-button{ 
    translate: -10px -50%;
  }}
@media  print, print and (max-width: 1506px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1506px) {.mb-native-reference .related-items .slider-controller > .btn.prev-button{ 
    margin-right: clamp(-50px, (100vw - 1506px) / 2, 0px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .related-items .slider-controller > .btn.next-button{ 
    translate: 10px -50%;
    order: 3;
  }}
@media  print, print and (max-width: 1506px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1506px) {.mb-native-reference .related-items .slider-controller > .btn.next-button{ 
    margin-left: clamp(-50px, (100vw - 1506px) / 2, 0px);
  }}
.mb-native-reference .cols-items-list,.mb-native-reference .controller-track .cols-list{
  width: 100%;
  max-width: 100%;
  transition: margin 0.12s ease-in-out, transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 0s;
}
@media  print, (min-width: 992px) {.mb-native-reference .cols-items-list,.mb-native-reference .controller-track .cols-list{ 
    transition: margin 0.16s ease-in-out, transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 0s;
  }}
.mb-native-reference .cols-items-list.is-dragging > li *{
  pointer-events: none;
}
.mb-native-reference .compare-slider .controller-track{
  max-width: 100%;
  transition: margin 0.12s ease-in-out, transform 0.12s ease-out;
}
.mb-native-reference .slider-controller.compare-slider > .btn{
  position: absolute;
}
.mb-native-reference .related-items-item.is-close{
  background-color: var(--accent-color, #E2E0D7);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
  animation: display-flex-none 0.5s ease-out forwards;
}
.mb-native-reference .related-items-item.is-close > a{
  opacity: 0.1;
}
.mb-native-reference .topkv-pic-detail{
  padding: 0.6rem;
}
.mb-native-reference .kv.-toppage .kv-list{
  margin: 0;
}
.mb-native-reference .kv.-toppage .nav-pager-button{
  margin: 1.25rem 1.25rem 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .kv-item{
    width: 100%;
    margin: 0;
  }
.mb-native-reference .kv-list{
    margin: 0;
  }
.mb-native-reference .topkv-pic-detail{
    padding: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.25;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .kv.-toppage .kv-img{
    max-height: 580px;
    object-fit: cover;
  }
.mb-native-reference .kv.-online-top .kv-img{
    max-height: 450px;
    object-fit: cover;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .kv.-toppage .nav-pager-button{
    margin: 1.25rem 1rem 0;
  }
.mb-native-reference .topmenu-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
  }
.mb-native-reference .topmenu-list .topmenu-item{
    background-color: #003D5C;
  }
.mb-native-reference .topmenu-list .topmenu-item:first-child{
    grid-column: 1/3;
  }
.mb-native-reference .topmenu-item .topmenu-link{
    position: relative;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.9rem;
  }
.mb-native-reference .topmenu-link .icon-arw-next{
    filter: brightness(0%) invert(100%);
    rotate: 180deg;
    margin-left: auto;
  }}
.mb-native-reference section.latest-news{
  padding: 0;
}
.mb-native-reference .latestnews-link{
  font-weight: normal;
  margin-bottom: 3rem;
}
.mb-native-reference .latestnews-list{
  grid-template-columns: 96px auto;
  gap: 40px 70px;
}
.mb-native-reference .latestnews-item + .latestnews-item{
  margin-top: 2rem;
}
.mb-native-reference .latestnews-list .news-date{
  color: var(--logo-color, #003D5C);
  font-size: 1.125rem;
}
.mb-native-reference .latestnews-list .news-title{
  color: #222222;
  font-size: 1.125rem;
}
.mb-native-reference .latestnews-banner{
  width: 320px;
  margin-left: 4em;
  flex-shrink: 0;
}
.mb-native-reference .latestnews-banner-item + .latestnews-banner-item{
  margin-top: 2em;
}
.mb-native-reference .latestnews-banner-item .banner-name{
  font-size: 1.2em;
  margin-top: 0.5em;
  font-weight: normal;
  color: #222222;
}
@media  print, (min-width: 992px) {.mb-native-reference section.latest-news{
    padding: 0 1rem;
  }
.mb-native-reference .latestnews-list{
    display: grid;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.latest-news{
    padding: 0 1.25rem;
  }
.mb-native-reference .latestnews-list .news-date,.mb-native-reference .latestnews-list .news-title{
    font-size: calc(1rem - 1px);
  }}
@media  screen and (max-width: 991.98px) and (max-width: 359px) {.mb-native-reference .latestnews-list .news-date,.mb-native-reference .latestnews-list .news-title{ 
    font-size: 0.875rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .latestnews-list .news-date{
    margin-bottom: 0.625rem;
  }
.mb-native-reference .latestnews-item + .latestnews-item{
    margin-top: 1.8rem;
  }
.mb-native-reference .latestnews-banner{
    padding: 0 1.25rem;
    width: 100%;
    margin: 3.7rem auto 0;
  }
.mb-native-reference .latestnews-banner-item .banner-name{
    font-size: 1rem;
  }}
.mb-native-reference section.initiatives{
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: -160px;
  background-color: #F6F7F8;
  overflow-x: hidden;
  overflow-y: visible;
}
.mb-native-reference .initiatives-item{
  background-color: #fff;
}
.mb-native-reference .initiatives-item > a.flex-{
  width: 100%;
  padding: 1.25rem;
  font-weight: 400;
  color: var(--text-color);
}
.mb-native-reference .initiatives-box-link:focus-visible{
  outline-offset: -2px;
}
.mb-native-reference .initiatives-item img{
  width: 100%;
}
.mb-native-reference .initiatives-item .link-details{
  color: #003D5C;
  border-bottom: solid 3px;
  font-size: 1rem;
  font-weight: bold;
  margin: auto 0 0 auto;
}
.mb-native-reference .initiatives h3{
  line-height: 1.7;
}
.mb-native-reference .initiatives .initiatives-text{
  font-size: calc(1rem - 1px);
  line-height: 1.75;
}
@media  screen and (max-width: 359px) {.mb-native-reference .initiatives .initiatives-text{ 
    font-size: 0.875rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference section.initiatives{
    padding: 0 1rem;
  }
.mb-native-reference .initiatives-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }
.mb-native-reference .info-splide.is-initialized:not(.is-active) .splide__list{
    display: grid;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.initiatives{
    margin-bottom: -100px;
  }
.mb-native-reference .initiatives h2{
    padding: 0 1.25rem;
  }
.mb-native-reference .initiatives-list{
    gap: 20px;
  }
.mb-native-reference .initiatives-list .initiatives-item{
    flex: 0 0 295px;
  }
.mb-native-reference .initiatives .controller-track{
    margin-left: 2.5rem;
  }
.mb-native-reference .initiatives .slider-controller > .btn.prev-button{
    top: 50%;
    left: 5px;
    translate: unset;
  }
.mb-native-reference .initiatives .slider-controller > .btn.next-button{
    top: 50%;
    right: 5px;
    translate: unset;
  }
.mb-native-reference .info-splide.has-circle-arrow .splide__arrow{
    top: 50%;
  }
.mb-native-reference .info-splide.has-circle-arrow .splide__arrow--next{
    right: 5px;
  }
.mb-native-reference .info-splide.has-circle-arrow .splide__arrow--prev{
    left: 5px;
  }
.mb-native-reference .info-splide .splide__track{
    margin-left: calc(2.5rem - 10px);
    margin-bottom: 2em;
    overflow: visible;
  }
.mb-native-reference .info-splide .initiatives-list{
    gap: 0;
  }
.mb-native-reference .info-splide .initiatives-item{
    background-color: transparent;
    display: flex;
    flex: 0 0 315px;
    padding-left: 10px;
    padding-right: 10px;
  }
.mb-native-reference .info-splide .initiatives-box-link{
    background-color: #fff;
  }
.mb-native-reference .info-splide .splide__pagination{
    position: static;
  }}
.mb-native-reference .connection-label{
  margin-top: -0.25rem;
  font-weight: normal;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.connection{
    margin-top: 100px;
  }
.mb-native-reference .connection-item{
    border-top: var(--logo-color, #003D5C) solid 1px;
    height: 76px;
  }
.mb-native-reference .connection-link{
    grid-template-columns: 1fr 3fr;
    column-gap: 1.5rem;
  }
.mb-native-reference .connection-img{
    width: 46px;
    height: 46px;
  }
.mb-native-reference .connection-label{
    justify-self: flex-start;
    font-size: 1.125rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference section.connection{
    border-top: var(--logo-color, #003D5C) solid 1px;
    margin-top: 160px;
  }
.mb-native-reference .connection .container{
    border-left: var(--logo-color, #003D5C) solid 1px;
  }
.mb-native-reference .connection-item{
    border-right: var(--logo-color, #003D5C) solid 1px;
    height: 200px;
  }
.mb-native-reference .connection-link{
    width: 100%;
    height: 100%;
    padding: 0.75rem;
  }
.mb-native-reference .connection-label{
    margin-bottom: auto;
    font-size: 1.5rem;
    transform: translateY(-10px);
  }
.mb-native-reference .connection-link .connection-img{
    margin-top: auto;
    transform: translateY(-3px);
  }}
.mb-native-reference .site-footer{
  border-top: var(--logo-color, #003D5C) solid 1px;
}
.mb-native-reference .footer-nav{
  background-color: var(--gray-light-color, #F8F9FE);
}
.mb-native-reference .footer-nav-inner{
  width: var(--contents-max-width, 1366px);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.mb-native-reference .footer-nav .personal-info .personal-area{
  margin-top: 2rem;
}
.mb-native-reference .footer-nav .personal-info .account-summary-sign-out{
  margin-top: 2rem;
}
.mb-native-reference .footer-menu-col .text-link{
  font-weight: normal;
}
.mb-native-reference .footer-nav .personal-area .btn-hover{
  display: grid;
  grid-template-columns: 21px auto;
  text-align: left;
  padding: 0.5rem 0;
}
.mb-native-reference .sub-footer-menu{
  background-color: var(--gray-blue-light-color, #E1E6F1);
  border-top: var(--gray-color, #ccc) solid 1px;
  border-bottom: var(--gray-color, #ccc) solid 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  color: var(--gray-dark-color, #999);
}
.mb-native-reference .sub-menu-link{
  color: var(--text-color, #222);
  font-weight: normal;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mb-native-reference .sub-menu-link:hover{
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .copyright{
  letter-spacing: 0.5px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .footer-nav{
    padding-top: 80px;
    padding-bottom: 40px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
.mb-native-reference .footer-menu{
    justify-content: space-between;
    row-gap: 2.5rem;
  }
.mb-native-reference .footer-logo{
    margin-bottom: 60px;
    text-align: center;
  }
.mb-native-reference .site-footer .logo-img{
    height: auto;
  }
.mb-native-reference .footer-menu-col{
    row-gap: 1.125rem;
    padding-right: 1rem;
  }
.mb-native-reference .footer-menu .text-link{
    font-size: 0.875rem;
  }
.mb-native-reference .footer-sns{
    border-top: var(--gray-color, #ccc) solid 1px;
    border-bottom: var(--gray-color, #ccc) solid 1px;
    margin-top: 38px;
    padding: 20px;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    text-align: center;
  }
.mb-native-reference .footer-sns .sns-link{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
.mb-native-reference .personal-nav .personal-info{
    margin: 2em auto 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
.mb-native-reference .footer-nav .personal-info .personal-area{
    margin-top: 1rem;
  }
.mb-native-reference .footer-nav .personal-info .account-summary-sign-out{
    margin-top: 1rem;
  }
.mb-native-reference .personal-nav .personal-area{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }
.mb-native-reference .sub-footer-menu{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
.mb-native-reference .sub-menu-link{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
.mb-native-reference .copyright{
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .footer-nav{
    padding-top: 100px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 100px;
  }
.mb-native-reference .footer-menu{
    column-gap: calc(20px + 5vw);
    padding-left: 2rem;
  }
.mb-native-reference .footer-menu-col{
    row-gap: 2rem;
  }
.mb-native-reference .personal-nav{
    border-left: var(--gray-color, #ccc) solid 1px;
    margin-left: 80px;
    padding-left: 60px;
    padding-right: 1rem;
  }
.mb-native-reference .personal-nav .personal-info{
    margin-top: auto;
  }
.mb-native-reference .sub-footer-menu{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
.mb-native-reference .sub-menu-link{
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
.mb-native-reference .copyright{
    padding-top: 2.25rem;
    padding-bottom: 3.25rem;
    font-size: 0.875rem;
  }}
.mb-native-reference .to-top{
  position: fixed;
  bottom: 36px;
  transition: none;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  visibility: hidden;
  pointer-events: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .to-top{ 
    width: 40px;
    height: 40px;
    right: 3vw;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .to-top{ 
    right: 6vw;
    width: 60px;
    height: 60px;
    transform: translateX(100%);
  }}
.mb-native-reference .to-top.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mb-native-reference .to-top .to-top-link{
  position: relative;
  display: block;
  rotate: 90deg;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s ease-in-out;
}
.mb-native-reference .to-top-link .icon-arw-top{
  position: absolute;
  left: 48%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mb-native-reference .breadcrumbs{
  list-style: none;
  line-height: 1.5rem;
}
.mb-native-reference .breadcrumbs .breadcrumbs-link{
  font-weight: 400;
  text-decoration: underline;
  color: var(--color-text, #222);
}
.mb-native-reference .breadcrumbs .breadcrumbs-link:hover{
  text-decoration: none;
}
.mb-native-reference .breadcrumbs .breadcrumbs-item:not(.home)::before{
  content: "/";
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .breadcrumbs{
    width: 100%;
    font-size: 0.875rem;
  }}
.mb-native-reference .panel{
  padding: 10px;
  border-radius: 10px;
}
.mb-native-reference .accordion-head{
  padding-bottom: 1rem;
  font-size: 1rem;
  overflow: hidden;
}
.mb-native-reference .has-arw-b .icon-arw-bottom{
  margin-left: auto;
  rotate: -90deg;
}
.mb-native-reference .js-accordion.is-open .icon-arw-bottom{
  margin-left: auto;
  rotate: 90deg;
}
@media  print, (min-width: 992px) {.mb-native-reference .accordion-head .icon-arw-bottom:hover{ 
    cursor: pointer;
  }}
.mb-native-reference .js-accordion .accordion-body{
  max-height: 0;
  transform: scaleY(0);
  transform-origin: top center;
  overflow: hidden;
  transition: transform 0.12s ease, max-height 0.12s ease;
}
.mb-native-reference .js-accordion.is-open .accordion-body{
  overflow: visible;
  transform: scaleY(1);
}
.mb-native-reference .js-accordion .input-group-list{
  opacity: 0;
}
.mb-native-reference .js-accordion.is-open .input-group-list{
  opacity: 1;
  transition: opacity 0.16s ease;
}
.mb-native-reference .js-accordion.is-open .when-open-arrow{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mb-native-reference .accordion-head.when-open-arrow .icon-arw-bottom{
  display: none;
}
.mb-native-reference .js-accordion.is-open .when-open-arrow .icon-arw-bottom{
  display: inline-block;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .panel{
    padding: 20px;
  }}
.mb-native-reference .box-title{
  line-height: 1.25;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .box-title{ 
    padding: 0.5rem 0.625rem;
    line-height: calc(1em + 6px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .box-title{ 
    padding: 0.625rem 0.875rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference h2.box-title{ 
    padding: calc(1rem - 1px) 0.875rem;
  }}
.mb-native-reference .box-title-icon{
  margin-right: 0.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .box-title-icon{ 
    margin-right: 0.825rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .box-title .icon-img{ 
    width: 26px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .box-title .icon-img{ 
    margin-top: 0.375rem;
    margin-left: 0.25rem;
    margin-bottom: 0.375rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .box-title-icon ~ .box-title-sub{ 
    margin-left: calc(26px + 0.5rem);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .box-title-icon ~ .box-title-sub{ 
    margin-right: 0.25rem;
  }}
.mb-native-reference .tags-filter .tag-delete-button{
  background-color: transparent;
  border: none;
  margin-left: 0.625rem;
  padding: 0.25rem;
}
.mb-native-reference .tags-filter .tag-delete-button:hover{
  cursor: pointer;
}
.mb-native-reference .has-filter + .connection{
  margin-top: 0;
}
.mb-native-reference .filter-group{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.mb-native-reference .js-accordion .accordion-head:hover{
  cursor: pointer;
}
.mb-native-reference .filter-group.is-open .accordion-body{
  max-height: 80em;
}
.mb-native-reference .input-group-item{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.mb-native-reference .input-group-item.filter-checkbox-hidden label:hover,.mb-native-reference .input-group-item:not(:has(input)) label:hover{
  cursor: default;
}
.mb-native-reference .input-group-item .form-control{
  margin-right: 0.625rem;
}
.mb-native-reference .input-group-item .form-control + .front-form-label-radio{
  margin-left: -0.625rem;
  padding-left: 0.625rem;
}
.mb-native-reference .input-group-list.type-select-size{
  column-gap: 1.25rem;
  row-gap: 0.5rem;
}
.mb-native-reference .input-group-list.type-select-color{
  row-gap: 0.25rem;
}
.mb-native-reference .type-select-color .input-group-item{
  align-items: center;
  flex-grow: 0;
  width: 40px;
  text-align: center;
}
.mb-native-reference .input-group-list.type-select-size .in-label{
  border: var(--logo-color, #003D5C) solid 1px;
  display: grid;
  min-width: 40px;
  border-radius: 5px;
}
.mb-native-reference .input-group-list.type-select-size .in-label.is-disabled:not(:has(:checked)){
  opacity: 0.68;
  filter: grayscale(0.66);
}
.mb-native-reference .input-group-list.type-select-size .in-label.is-disabled:has(:checked){
  border: var(--gray-safe-color, #767676) solid 1px;
}
.mb-native-reference .input-group-list.type-select-size .in-label.is-disabled > .form-control:checked{
  background-color: var(--gray-safe-color, #767676);
  border-color: var(--gray-safe-color, #767676);
}
.mb-native-reference .type-select-size > .input-group-item > .in-label.is-disabled > .cover-label{
  position: relative;
}
.mb-native-reference .type-select-size > .input-group-item > .in-label.is-disabled > .cover-label::before{
  background-color: #222;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 1px;
  transform: translate(-50%, -50%) rotate(295deg);
}
.mb-native-reference .type-select-size > .input-group-item > .in-label.is-disabled:has(:checked) > .cover-label::before{
  background-color: var(--gray-safe-color, #767676);
}
.mb-native-reference .input-group-list.type-select-size .in-label > .form-control,.mb-native-reference .input-group-list.type-select-size .in-label .cover-label{
  position: relative;
  grid-area: 1/1;
  width: auto;
  border-radius: 0;
}
.mb-native-reference .input-group-list.type-select-size .in-label > .form-control{
  border-radius: 4px;
  outline-offset: 3px;
}
.mb-native-reference .select-size-container .type-select-size .in-label > .form-control:checked{
  outline-offset: 4px;
}
.mb-native-reference .input-group-list.type-select-size .form-control,.mb-native-reference .input-group-list.type-select-color .form-control{
  border: none;
  min-width: 40px;
  height: 40px;
  margin-right: 0;
}
.mb-native-reference .input-group-list.type-select-color .bg-bright-colors{
  border: var(--gray-pure-color, #7F7F7F) solid 1px;
}
.mb-native-reference .type-select-size > .input-group-item > .in-label > .cover-label{
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--logo-color, #003D5C);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.mb-native-reference .type-select-color > .input-group-item > .in-label > .form-control{
  margin-bottom: 0.25rem;
  border-radius: 100vmax;
}
.mb-native-reference .type-select-color .form-control + .cover-label > .icon-check{
  opacity: 0;
}
.mb-native-reference .type-select-color .form-control:checked + .cover-label > .icon-check{
  opacity: 1;
}
.mb-native-reference .bg-bright-colors + .cover-label > .icon-check{
  filter: brightness(30%);
}
.mb-native-reference .type-select-color .input-group-item .color-name{
  font-size: 0.75rem;
  white-space: nowrap;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .btn-filter .icon-setting{ 
    margin-right: 0.875em;
  }}
@media  screen and (max-width: 374px) {.mb-native-reference .btn-filter .icon-setting{ 
    margin-right: 0.75em;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .btn-filter .icon-setting{ 
    margin-right: 1.25em;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .sm-filter-layer{
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 100vw;
    bottom: 0;
    width: 88vw;
    padding-top: 50px;
    padding-bottom: 52px;
    z-index: 4;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition: right 0.16s ease;
  }
.mb-native-reference .sm-filter-layer.is-filter-open{
    right: 12vw;
    opacity: 1;
  }
.mb-native-reference .sm-filter-layer .bg-layer{
    left: -100vw;
    transition: left 0.16s ease;
  }
.mb-native-reference .sm-filter-layer.is-filter-open .bg-layer{
    left: 88vw;
    width: 12vw;
    opacity: 0.5;
  }
.mb-native-reference .sm-filter-layer .btn-close{
    background-color: var(--logo-color, #003D5C);
    position: fixed;
    top: 0;
    right: 100vw;
    display: flex;
    width: 50px;
    height: 50px;
    margin-left: auto;
    cursor: pointer;
    border-radius: 0;
    z-index: 4;
    transition: right 0.16s ease;
  }
.mb-native-reference .sm-filter-layer.is-filter-open .btn-close{
    right: 12vw;
  }
.mb-native-reference .sm-filter-layer .btn-close .icon-close{
    filter: brightness(0%) invert(100%);
  }
.mb-native-reference .filter-container{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
.mb-native-reference .filter-container .filter-header{
    margin-top: -40px;
    padding-bottom: 0.75rem;
  }
.mb-native-reference .tags-filter .tag-delete-button{
    margin: -0.25rem -0.25rem -0.25rem 0.625rem;
  }
.mb-native-reference .filter-header .tags-filter:empty + .btn{
    display: none;
  }
.mb-native-reference .input-group-item{
    font-size: 1rem;
  }
.mb-native-reference .input-group-item .form-control{
    margin-right: 0.625rem;
  }
.mb-native-reference .input-group-list.type-select-color{
    column-gap: 2.5rem;
  }
.mb-native-reference .filter-container .sticky-footer{
    background-color: #ffF;
    position: fixed;
    left: -100vw;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 88vw;
    height: 68px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    z-index: 1;
    transition: left 0.16s ease;
  }
.mb-native-reference .sticky-footer .btn-filter-results{
    width: calc(100% + 2.5rem);
    max-width: calc(100% + 2.5rem);
    height: 46px;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    translate: 0 -1px;
    font-size: 1rem;
  }
.mb-native-reference .sm-filter-layer.is-filter-open .sticky-footer{
    left: 0;
  }
.mb-native-reference .utility-ctrl .btn-filter{
    height: 40px;
    white-space: nowrap;
    padding: 0.75em 1.125em;
  }}
@media  screen and (max-width: 991.98px) and (max-width: 374px) {.mb-native-reference .utility-ctrl .btn-filter{ 
    padding: 0.75em 1em;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .search-bar + .utility-ctrl{
    position: fixed;
    bottom: 36px;
    padding: 0px 0.625rem;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    visibility: hidden;
    pointer-events: none;
  }
.mb-native-reference .search-bar + .utility-ctrl.over-scroll{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
.mb-native-reference .search-bar + .utility-ctrl .btn-filter .icon-setting{
    flex-shrink: 0;
  }
.mb-native-reference .utility-ctrl.original.over-scroll{
    opacity: 0.1;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .has-filter .contents-main{
    width: calc(100vw - 304px);
    min-width: min(1132px, 100vw - 304px);
  }
.mb-native-reference .products-filter{
    position: sticky;
    top: 120px;
    flex-shrink: 0;
    width: 304px;
    max-width: 100%;
    max-height: calc(100dvh - 120px);
    padding-bottom: 4rem;
    overflow-x: visible;
    overflow-y: scroll;
  }
.mb-native-reference .scrollbar-control::-webkit-scrollbar{
    width: 7px;
  }
.mb-native-reference .scrollbar-control::-webkit-scrollbar-track{
    background-color: var(--gray-color, #ccc);
    border-left: #fff solid 3px;
    border-right: #fff solid 3px;
  }
.mb-native-reference .scrollbar-control::-webkit-scrollbar-thumb{
    background-color: var(--logo-color, #003D5C);
    border-left: #fff solid 3px;
    border-right: #fff solid 3px;
  }
.mb-native-reference .scrollbar-control{
    scrollbar-width: thin;
    scrollbar-color: #003D5C #ccc;
  }
.mb-native-reference .filter-container{
    padding-left: 1.875rem;
    padding-right: 1.625rem;
  }
.mb-native-reference .input-group-item{
    font-size: 0.875rem;
    transform: translateY(1px);
  }
.mb-native-reference .input-group-item [type=checkbox]{
    transform: translateY(-1px);
  }
.mb-native-reference .input-group-item [type=checkbox],.mb-native-reference label [type=checkbox]{
    cursor: pointer;
  }
.mb-native-reference .type-select-size .input-group-item [type=checkbox]{
    transform: translateY(0);
  }
.mb-native-reference .type-select-color > .input-group-item{
    width: 33.333%;
    font-size: 0.875rem;
    text-align: center;
  }
.mb-native-reference .input-group-list.type-select-color{
    margin-left: calc((33.3333% - 40px) / 2 * -1);
  }
.mb-native-reference .type-select-color > .input-group-item > .in-label{
    justify-content: center;
  }
.mb-native-reference .utility-ctrl .btn-filter{
    height: 48px;
  }}
.mb-native-reference .filter-contents{
  max-width: 1750px;
}
.mb-native-reference .products-head-meta{
  column-gap: 1.25rem;
}
@media  print, (min-width: 992px) and (max-width: 1200px) {.mb-native-reference .products-head-meta{ 
    flex: 1 0 14rem;
  }}
@media  print, (min-width: 1201px) {.mb-native-reference .products-head-meta{ 
    flex-shrink: 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .products-head-meta .dropdown{ 
    height: 40px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .products-head-meta .dropdown{ 
    height: 48px;
    margin-left: auto;
  }}
.mb-native-reference .filter-hit-value{
  padding: 0.25rem 0 0 0.5rem;
  font-size: 0.875rem;
}
.mb-native-reference .tags{
  gap: 0.625rem;
}
.mb-native-reference .tags-filter{
  width: 100%;
}
.mb-native-reference .tag-item{
  background-color: var(--gray-dark-color, #999);
  border: none;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.625rem 0.5rem 2rem;
  color: #fff;
  border-radius: 4px;
}
.mb-native-reference .tag-item .icon-close{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference .products-item .item-img{
  border: var(--gray-color) solid 1px;
}
.mb-native-reference .item-figure .item-img{
  border-radius: 10px;
  width: 100%;
}
.mb-native-reference .item-figure .tags-products{
  gap: 0.25rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mb-native-reference .tags-products .tag-item{
  background-color: var(--logo-color, #003D5C);
  height: 23px;
  padding: 0.25rem 0.875rem;
  font-size: 0.6875rem;
  color: #fff;
  border-radius: 4px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .tags-products .tag-item{ 
    height: 21px;
  }}
.mb-native-reference .btn-favorite{
  background-color: var(--gray-blue-light-color, #E1E6F1);
  border: none;
  display: grid;
  place-items: center;
  position: absolute;
  padding-top: 2px;
  border-radius: 100vmax;
  cursor: pointer;
}
.mb-native-reference .btn-favorite.active{
  background-color: var(--logo-color, #003D5C);
}
.mb-native-reference .btn-favorite.active .icon-favorite{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference .colors-controller .btn,.mb-native-reference .cols-controller .btn{
  border: none;
  padding: 0.375rem;
  border-radius: 0.25rem;
}
.mb-native-reference .colors-controller .btn{
  flex-shrink: 0;
}
.mb-native-reference .js-colors-slide-origin{
  margin-left: 0;
  transition: margin 0.3s;
}
.mb-native-reference .colors-item .colors-img,.mb-native-reference .cols-img{
  border: var(--gray-color) solid 1px;
}
.mb-native-reference .colors-item.active .colors-img,.mb-native-reference .cols-item.active .cols-img{
  border: var(--logo-color) solid 2px;
}
.mb-native-reference .products-meta{
  gap: 0.625rem;
}
.mb-native-reference .products-meta .tag-item{
  background-color: var(--red-dark-color, #A70000);
  height: 21px;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .products-meta .tag-item{ 
    text-align: center;
    line-height: 1.125;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .products-meta .tag-item{ 
    height: 24px;
  }}
.mb-native-reference .products-item-name{
  margin-top: 0;
  line-height: 1.25;
}
.mb-native-reference .products-item .products-item-price{
  background-color: var(--gray-light-color, #F8F9FE);
}
.mb-native-reference .products-item{
  container-type: inline-size;
  container-name: produsts-item;
}
@media  print, (min-width: 992px) {}
.mb-native-reference .modal{
  display: none;
  overscroll-behavior-y: contain;
}
.mb-native-reference .modal.is-open{
  display: block;
}
.mb-native-reference .modal-bg-layer{
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .modal-bg-layer{ 
    background-color: #fff;
    padding: 1.5rem 1.25rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .modal-bg-layer{ 
    background-color: rgba(0, 0, 0, 0.6);
    padding: 2rem 1.25rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .micromodal:not(.zoom-modal-dialog, .popup-min){  }
.mb-native-reference .micromodal:not(.zoom-modal-dialog, .popup-min) .modal-bg-layer{
    margin: -1.5rem -1.25rem;
  }
.mb-native-reference .micromodal:not(.zoom-modal-dialog, .popup-min) .modal-dialog{
    margin: -1.5rem 0;
  }
.mb-native-reference .micromodal:not(.zoom-modal-dialog, .popup-min) .modal-panel{
    padding: calc(16px + 1.5rem) 1.25rem;
  }
.mb-native-reference .micromodal:not(.zoom-modal-dialog, .popup-min) .modal-close-button{
    top: 0.25rem;
    right: 1rem;
  }}
.mb-native-reference .modal-dialog{
  background-color: #fff;
  width: 1400px;
  max-width: 100%;
  max-height: 100%;
  border-radius: 1rem;
  padding: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .modal-panel{ 
    padding: 16px 0;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .modal-panel{ 
    padding: 84px 100px 92px;
    padding: 84px clamp(67px, 7vw, 100px) 92px;
  }}
@media  print, print and (max-width: 1024px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1024px) {.mb-native-reference .modal-panel{
    padding: 84px 67px 92px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .w-1200px-lg .modal-panel,.mb-native-reference .w-1024px-lg .modal-panel{ 
    padding: 72px 88px 80px;
  }}
@media  print, print and (max-width: 1024px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1024px) {.mb-native-reference .w-1200px-lg .modal-panel,.mb-native-reference .w-1024px-lg .modal-panel{
    padding: 72px 56px 80px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .modal.flame-slim .modal-panel{ 
    padding: 48px 60px 40px;
  }}
@media  print, print and (max-width: 1024px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1024px) {.mb-native-reference .modal.flame-slim .modal-panel{
    padding: 48px 32px 40px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .modal.flame-slim .modal-content{ 
    height: auto;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .modal.flame-slim .modal-content{ 
    max-height: calc(100dvh - 2rem - 2rem - 48px - 40px - 40px);
  }}
.mb-native-reference .modal-close-button{
  background-color: var(--color-logo, #003D5C);
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .modal-close-button{ 
    width: 36px;
    height: 36px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .modal-close-button{ 
    width: 40px;
    height: 40px;
    transform: translate(50%, -50%);
  }}
.mb-native-reference .modal-close-button .icon-close{
  filter: brightness(0%) invert(100%);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .modal-close-button .icon-close{ 
    width: 14px;
    height: 14px;
  }}
.mb-native-reference .modal-content{
  padding: 2px;
  overflow-x: visible;
  overflow-y: auto;
  height: auto;
  max-height: calc(100dvh - 1.5rem - 1.5rem - 16px - 16px - 27px);
}
@media  print, (min-width: 992px) {.mb-native-reference .modal-content{ 
    max-height: calc(100dvh - 2rem - 2rem - 84px - 92px - 36px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .modal-content.scrollbar-control{ 
    margin-right: -1.25rem;
    padding-right: 1.25rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .scrollbar-control .scrollbar-expansion{ 
    margin-right: -7px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .modal-content .detail-grid{ 
    grid-template-areas: "visual data-1" "visual data-2" "visual data-3" "visual data-4";
    grid-template-columns: calc(50% - 72px - 9px) 1fr;
    grid-template-columns: clamp(210px, 50% - 72px - 9px, 540px) 1fr;
    grid-template-rows: auto auto auto auto;
  }}
.mb-native-reference .modal-content .price-info .btn-info{
  display: none;
}
.mb-native-reference .modal-content .Delivery-price-attention .text-right,.mb-native-reference .modal-content .delivery-price-attention .text-right{
  display: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-modal-dialog .modal-bg-layer{ 
    background-color: rgba(0, 0, 0, 0.6);
    padding: 1.5rem 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-modal-dialog .modal-dialog{ 
    border-radius: 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-modal-dialog .modal-panel{ 
    padding: 30px 0px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-modal-dialog .modal-close-button{ 
    top: -1.5rem;
    right: 0.5rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-modal-dialog .modal-content{ 
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .zoom-modal-dialog .modal-content{ 
    overflow-y: visible;
  }}
.mb-native-reference .zoom-slider-container{
  display: flex;
  align-items: center;
  justify-content: center;
}
@media  print, (min-width: 992px) {.mb-native-reference .zoom-slider-container{ 
    padding-bottom: 8px;
  }}
.mb-native-reference .zoom-slider-container,.mb-native-reference .zoom-slider-container .kv-controller,.mb-native-reference .zoom-slider-container .kv-list{
  height: 100%;
}
.mb-native-reference .zoom-slider-container .kv-list{
  
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-slider-container .kv-controller .prev-button,.mb-native-reference .zoom-slider-container .kv-controller .next-button{ 
    width: 32px;
    z-index: 102;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-slider-container .kv-controller .prev-button{ 
    margin-right: -32px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-slider-container .kv-controller .next-button{ 
    margin-left: -32px;
  }}
.mb-native-reference .zoom-slider-container .kv-controller{
  max-height: 924px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-slider-container .kv-controller{ 
    width: 100%;
  }}
.mb-native-reference .zoom-slider-container .kv-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
}
.mb-native-reference .zoom-slider-container .kv-controller .item-img{
  height: 100%;
  max-height: calc(100dvh - 2rem - 2rem - 48px - 40px - 40px - 52px);
  width: auto;
  object-fit: cover;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-slider-container .kv-controller .item-img{ 
    width: 100%;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .zoom-slider-container .kv-controller .caption{ 
    padding-left: calc(1rem - 1px);
    padding-right: calc(1rem - 1px);
  }}
.mb-native-reference .zoom-slider-container .kv-controller .product-movie{
  width: 100%;
}
.mb-native-reference .kv-controller .item-img:has(iframe){
  display: flex;
  align-items: center;
}
.mb-native-reference .kv-controller .product-movie iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 560/315;
}
@media  print, (min-width: 992px) {.mb-native-reference .zoom-slider-container .kv-controller .item-img:has(+ .caption){ 
    max-height: calc(100dvh - 2rem - 2rem - 48px - 40px - 40px - 52px);
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
  }}
.mb-native-reference .zoom-slider-container .kv-controller .img-360{
  object-fit: contain;
}
.mb-native-reference .zoom-slider-container .item-img.cloudimage-360{
  width: 100%;
  max-width: 1000px;
}
.mb-native-reference .zoom-slider-container .cloudimage-360-inner-box{
  display: flex;
  place-content: center;
  height: 100%;
}
.mb-native-reference .zoom-slider-container .zoom-button{
  display: none;
}
.mb-native-reference .popup-min .modal-bg-layer{
  background-color: rgba(0, 0, 0, 0.6);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .popup-min .modal-content{ 
    max-height: calc(100dvh - 1.5rem - 1.5rem - 3.25rem - 3.25rem - 36px);
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .popup-min .modal-panel{
    padding: 3.25rem 1.25rem;
  }
.mb-native-reference .popup-min .modal-close-button{
    transform: translate(12px, -12px);
  }}
.mb-native-reference .modal-dialog .bg-color-gray-light-expansion{
  background-color: var(--gray-light-color, #F8F9FE);
  position: relative;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .contents-main .kv-item{
    padding-left: 10px;
    padding-right: 10px;
  }
.mb-native-reference .products-head{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
.mb-native-reference .products-head .dropdown{
    flex-grow: 1;
  }
.mb-native-reference .tags-filter .tag-item{
    height: 28px;
    font-size: 0.625rem;
  }
.mb-native-reference .products-body{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
.mb-native-reference .products-list{
    grid-template-columns: repeat(2, calc(50% - 7.5px));
    column-gap: calc(1rem - 1px);
  }
.mb-native-reference .products-item{
    margin-bottom: 36px;
  }
.mb-native-reference .btn-favorite{
    top: 0.25rem;
    right: 0.25rem;
    width: 26px;
    height: 26px;
  }
.mb-native-reference .products-list .icon-favorite{
    width: 14px;
    height: 12px;
    position: absolute;
  }
.mb-native-reference .colors-controller,.mb-native-reference .cols-controller{
    gap: 0.25rem;
  }
.mb-native-reference .products-item .colors-list,.mb-native-reference .cols-list{
    flex-grow: 1;
    flex-shrink: 1;
  }
.mb-native-reference .products-item .colors-item,.mb-native-reference .cols-item{
    flex-shrink: 0;
    width: 36px;
  }
.mb-native-reference .colors-controller .colors-list,.mb-native-reference .cols-controller .cols-list{
    gap: 0.5rem;
    overflow-x: auto;
  }
.mb-native-reference .colors-controller .colors-list{
    padding-bottom: 0.25rem;
    margin-bottom: -0.25rem;
  }
.mb-native-reference .colors-controller.show-fade-sm{
    position: relative;
    overflow: hidden;
  }
.mb-native-reference .colors-controller.show-fade-sm .btn{
    position: absolute;
    width: 1.125rem;
    height: 36px;
    border-radius: 0;
  }
.mb-native-reference .colors-controller.show-fade-sm .prev-button{
    background: linear-gradient(to right, rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0) 100%);
    left: 0;
  }
.mb-native-reference .colors-controller.show-fade-sm .next-button{
    background: linear-gradient(to left, rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0) 100%);
    right: 0;
  }
.mb-native-reference .colors-controller.show-fade-sm .btn .icon-arw-prev,.mb-native-reference .colors-controller.show-fade-sm .btn .icon-arw-next{
    display: none;
  }
.mb-native-reference .colors-controller.show-fade-sm .colors-item:first-child{
    margin-left: auto;
  }
.mb-native-reference .colors-controller.show-fade-sm .colors-item:last-child{
    margin-right: auto;
  }
.mb-native-reference .products-meta{
    font-size: calc(0.625rem + 1px);
  }
.mb-native-reference .products-meta .tags-meta{
    font-size: calc(0.625rem + 1px);
  }
.mb-native-reference .products-item-name{
    min-height: 35px;
    font-size: 0.875rem;
  }
.mb-native-reference .products-item .products-item-price{
    row-gap: 0.375rem;
    padding: 0.5rem 0.5rem;
    font-size: calc(0.625rem + 1px);
    border-radius: 5px;
  }
.mb-native-reference .products-item .products-item-price .primary-price{
    font-size: calc(0.75rem + 1px);
  }
.mb-native-reference .products-item [type=checkbox]{
    width: 18px;
    height: 18px;
    margin-right: 0.25rem;
    border-radius: 3px;
  }
.mb-native-reference .products-body .box-title{
    grid-column: span 2/span 2;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .filter-contents .kv .splide{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
.mb-native-reference .tags-filter .tag-item{
    height: 36px;
    font-size: 0.875rem;
  }
.mb-native-reference .tags-filter .tag-delete-button{
    display: flex;
    align-items: center;
    margin-right: -0.25rem;
  }
.mb-native-reference .products-list{
    grid-template-columns: repeat(4, clamp(240px, (100% - 90px) / 4, 316px));
    column-gap: 34px;
  }}
@media  print, print and (max-width: 1452px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1452px) {.mb-native-reference .products-list{
    grid-template-columns: repeat(3, clamp(240px, (100% - 68px) / 3, 328px));
  }}
@media  print, print and (max-width: 1168px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1168px) {.mb-native-reference .products-list{
    grid-template-columns: repeat(2, clamp(240px, (100% - 34px) / 2, 375px));
  }}
@media  print, (min-width: 992px) {.mb-native-reference .filter-contents .products-list{
    container-type: inline-size;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
.mb-native-reference .products-item{
    margin-bottom: 80px;
  }
.mb-native-reference .products-list .products-item{
    flex: 0 0 clamp(287px, (100vw - 304px - 80px - 34px) / 2, 447px);
  }
.mb-native-reference .is-y-scrollbar-visible .products-list .products-item{
    flex: 0 0 clamp(287px, (100vw - 17px - 304px - 80px - 34px) / 2, 447px);
  }
.mb-native-reference .btn-favorite{
    top: 0.625rem;
    right: 0.625rem;
    width: 40px;
    height: 40px;
  }
.mb-native-reference .colors-controller,.mb-native-reference .cols-controller{
    gap: 0.625rem;
  }
.mb-native-reference .colors-controller .colors-list,.mb-native-reference .cols-controller .cols-list{
    gap: 0.625rem;
  }
.mb-native-reference .colors-controller .colors-list{
    margin: -2px;
    padding: 2px;
  }
.mb-native-reference .colors-controller .colors-item{
    flex-shrink: 0;
  }
.mb-native-reference .colors-controller .colors-item:focus-visible{
    outline-offset: -1px;
  }
.mb-native-reference .colors-controller.show-fade-sm .colors-item:first-child{
    margin-left: auto;
  }
.mb-native-reference .colors-controller.show-fade-sm .colors-item:last-child{
    margin-right: auto;
  }
.mb-native-reference .products-meta{
    font-size: 0.875rem;
  }
.mb-native-reference .products-meta .tags-meta{
    font-size: 0.75rem;
  }
.mb-native-reference .products-item-name{
    min-height: 60px;
    font-size: 1.5rem;
  }
.mb-native-reference .products-item .products-item-price{
    row-gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-radius: 10px;
  }
.mb-native-reference .products-item .products-item-price .primary-price{
    font-size: 1.25rem;
    line-height: var(--line-height-sm, 1.25);
  }
.mb-native-reference .products-item .products-item-price .color-red{
    display: block;
    margin-top: -1px;
  }
.mb-native-reference .products-item .primary-price .color-red{
    margin-top: -3px;
  }
.mb-native-reference .filter-contents .products-item-price ~ .row .btn-outline{
    flex-shrink: 1;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
.mb-native-reference .filter-contents .products-item-price ~ .row .btn-outline + label{
    flex-shrink: 0;
    padding-left: 0.875rem;
  }
.mb-native-reference .products-body .box-title{
    grid-column: span 3/span 3;
  }}
.mb-native-reference .compare-panel{
  background-color: #fff;
  border-top: var(--color-logo, #003D5C) solid 2px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 169px;
  padding: 0.625rem;
  translate: 0 100%;
  transition: translate 0.25s ease-in-out;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-panel{ 
    z-index: 1;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-panel{ 
    gap: 45px;
    height: 160px;
    padding: 1.25rem;
  }}
.mb-native-reference .compare-panel.is-open{
  translate: 0 0;
  z-index: var(--z-index-middle);
}
.mb-native-reference .compare-panel .panel-tab{
  border: none;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  width: 148px;
  height: 36px;
  padding: 0.5rem 0.75rem;
  color: #fff;
  border-radius: 10px 10px 0 0;
  translate: 0 -100%;
  cursor: pointer;
}
@media  print, (min-width: 992px) {.mb-native-reference .compare-panel .panel-tab{ 
    width: 176px;
    left: max(324px, (100vw - 1750px) / 2 + 314px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .is-y-scrollbar-visible .compare-panel .panel-tab{  }}
@media  print, print and (max-width: 1454px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1454px) {.mb-native-reference .is-y-scrollbar-visible .compare-panel .panel-tab{
    left: max(304px, 100vw - 1132px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .fav-products ~ .compare-panel .panel-tab{ 
    translate: -384px -100%;
    left: auto;
  }}
.mb-native-reference .bg-color-logo .icon-arw-bottom{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference .compare-panel:not(.is-open) .bg-color-logo .icon-arw-bottom{
  rotate: 90deg;
}
.mb-native-reference .compare-panel .cols-controller{
  margin-left: -5px;
  margin-right: -5px;
}
@media  print, (min-width: 992px) {.mb-native-reference .compare-panel .cols-controller{ 
    width: 832px;
  }}
.mb-native-reference .compare-panel .cols-controller > .btn{
  flex-shrink: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-panel .controller-track{ 
    width: calc(100vw - 10px - 8px - 42px);
    margin-left: auto;
    margin-right: auto;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-panel .controller-track{ 
    width: 770px;
  }}
.mb-native-reference .compare-panel .cols-list{
  max-width: 770px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-panel .cols-list{ 
    grid-auto-columns: 100px;
    gap: calc(0.5rem - 1px);
    overflow-x: visible;
    transition: margin 0.12s ease-in-out, transform 0.12s ease-out;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-panel .cols-list{ 
    grid-auto-columns: 120px;
  }}
.mb-native-reference .compare-panel .cols-item{
  flex: 0 0 100px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-panel .cols-item{ 
    width: 100px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-panel .cols-item{ 
    flex-basis: 120px;
  }}
.mb-native-reference .cols-item.is-close{
  background-color: var(--accent-color, #E2E0D7);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
  animation: display-flex-none 0.5s ease-out forwards;
}
.mb-native-reference .compare-panel .cols-img{
  border-radius: 10px;
}
.mb-native-reference .compare-panel .cols-item .btn-close{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
@media  print, (min-width: 992px) {.mb-native-reference .compare-panel .cols-item .btn-close{ 
    width: 28px;
    height: 28px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-panel-operation{ 
    width: 200px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-panel-operation .btn-compare{ 
    width: 148px;
    height: 36px;
    font-size: 0.875rem;
  }}
.mb-native-reference .compare-panel .cols-item:hover{
  position: relative;
}
.mb-native-reference .compare-panel .cols-item:hover:before{
  background-color: var(--color-text, #222);
  content: "";
  display: grid;
  position: absolute;
  inset: 0;
  border-radius: 10px;
}
.mb-native-reference .compare-panel .cols-item:hover:after{
  content: attr(data-hover-title);
  display: grid;
  position: absolute;
  top: calc(50% + 0.25rem);
  max-height: 60px;
  margin: auto;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  translate: 0 -50%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media  print, (min-width: 992px) {.mb-native-reference .compare-panel .cols-item:hover:after{ 
    font-size: calc(0.75rem + 1px);
    max-height: 65px;
  }}
.mb-native-reference .compare-panel .cols-item:hover .cols-img{
  opacity: 0.66;
}
.mb-native-reference .kv-controller .item-img{
  border: var(--gray-color, #ccc) solid 1px;
  width: 100%;
  aspect-ratio: 1/1;
}
.mb-native-reference .zoom-modal-dialog .kv-controller .item-img{
  border: none;
}
.mb-native-reference .visual-container .kv-controller video{
  height: auto !important;
}
@media  (hover: hover) and (pointer: fine) {.mb-native-reference .kv-controller video:hover{
    cursor: pointer;
  }}
.mb-native-reference .modal-content .visual-container .kv-controller video{
  height: 100% !important;
}
.mb-native-reference .modal-content .visual-container .kv-controller video,.mb-native-reference .modal-content .visual-container .kv-controller iframe{
  pointer-events: auto;
}
.mb-native-reference .kv-controller .item-img.img-360{
  background-color: var(--gray-dark-color, #999);
  padding: 8%;
}
.mb-native-reference .cloudimage-360-inner-box canvas{
  width: auto !important;
  vertical-align: top;
  aspect-ratio: 1/1;
  max-width: 100%;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cloudimage-360-inner-box canvas{ 
    height: auto !important;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cloudimage-360-inner-box canvas{ 
    height: 100% !important;
  }}
.mb-native-reference .visual-container .cloudimage-360-icons-container,.mb-native-reference .visual-container .cloudimage-360-view-360-icon{
  z-index: auto;
}
.mb-native-reference .kv-pager .btn{
  border: none;
  padding: 0.375rem;
  border-radius: 0.25rem;
}
.mb-native-reference .kv-pager .btn.prev-button,.mb-native-reference .kv-pager .btn.next-button{
  display: none;
  flex: 0 0 24px;
}
.mb-native-reference .visual-container .zoom-button{
  background-color: #fff;
  border: none;
  position: absolute;
  top: 0;
  right: 10px;
  width: 40px;
  height: 40px;
  margin-top: calc(100% - 10px);
  transform: translateY(-100%);
  border-radius: 5px;
}
.mb-native-reference [data-micromodal-trigger]{
  cursor: pointer;
}
.mb-native-reference .modal-dialog [data-micromodal-trigger]{
  cursor: auto;
}
.mb-native-reference .modal .zoom-button{
  display: none;
}
.mb-native-reference .detail-meta{
  flex-direction: column;
  column-gap: 1.5em;
  row-gap: 0.25rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .detail-meta .product-code{ 
    align-self: flex-start;
  }}
.mb-native-reference .detail-meta.not-column{
  flex-direction: unset;
}
.mb-native-reference .tags-detail:has([style*="display: none"] + [style*="display: none"] + [style*="display: none"]){
  margin-bottom: 0;
}
.mb-native-reference .tags-detail .tag-item{
  background-color: var(--logo-color, #003D5C);
  height: 24px;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  border-radius: 0.25rem;
}
.mb-native-reference .tag-item.bg-color-dark-red{
  background-color: var(--red-dark-color, #A70000);
}
.mb-native-reference .products-detail-name{
  font-weight: 500;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .products-detail-name{ 
    font-size: 1.625rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .products-detail-name{ 
    font-size: 2.25rem;
  }}
.mb-native-reference .colors-item > label > .form-control{
  position: absolute;
  transform: translate(50%, 50%);
}
.mb-native-reference .colors-list.overflow-hidden:has(.colors-item-button){
  margin: -2px;
  padding: 2px;
}
.mb-native-reference .colors-information .item-img{
  border: var(--gray-color, #003D5C) solid 1px;
}
.mb-native-reference .delivery-price .row{
  border-bottom: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .delivery-price .operation .is-back-order{
  padding-left: 0.75rem;
  padding-right: 0.25rem;
}
.mb-native-reference .delivery-price .operation .has-icon-before::after{
  width: 0.5em;
}
.mb-native-reference .product-features .article-li{
  list-style: initial;
  margin-left: 20px;
}
.mb-native-reference .product-detail .new_model_link{
  text-align: center;
  text-align: -webkit-center;
}
.mb-native-reference .product-detail .new_model_link .new_model_link_div{
  border: 2px solid #003D5C;
  background-color: #F8F9FE;
  margin: 20px 1.25rem 0;
  max-width: 1366px;
  border-radius: 0.5rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .product-detail .new_model_link .new_model_link_div{ 
    margin: 10px 1.25rem -0.5rem;
  }}
.mb-native-reference .article-title.accordion-head{
  margin-top: 0;
  font-weight: 600;
}
.mb-native-reference .article-body.accordion-body{
  line-height: 2;
}
.mb-native-reference .js-panel-link-details.hover-animation:hover{
  cursor: pointer;
}
.mb-native-reference .article-body a{
  text-decoration: underline;
}
.mb-native-reference .js-panel-link-details .link-details{
  text-decoration: none;
}
.mb-native-reference .article-body .text-underline.color-logo:hover{
  animation: hover 0.2s ease-out forwards;
}
.mb-native-reference .article-body > a,.mb-native-reference .article-body .article-row > a{
  text-decoration: none;
}
.mb-native-reference .article-body a:hover{
  text-decoration: none;
}
.mb-native-reference .js-accordion.is-open .accordion-body{
  max-height: 2000rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .js-accordion.is-open .accordion-body{ 
    max-height: 1200rem;
  }}
.mb-native-reference .pager-item{
  cursor: pointer;
}
.mb-native-reference .link-details.inline-block{
  color: #003D5C;
  border-bottom: solid 3px;
  font-size: 1rem;
  font-weight: bold;
  margin: auto 0 0 auto;
}
.mb-native-reference .article-row .category-select .sub-item:last-child{
  margin-right: auto;
}
.mb-native-reference .table-p0 th,.mb-native-reference .table-p0 td{
  padding: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .table-specs{ 
    margin-left: 1.125rem;
    line-height: 1.5rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .table-specs{ 
    line-height: 1.75rem;
  }}
.mb-native-reference .table-specs th{
  padding-top: 0.125rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .table-specs th{ 
    padding-right: min(3vw, 3rem);
    padding-bottom: 0.375rem;
    white-space: nowrap;
  }}
.mb-native-reference .table-specs td{
  padding-top: 0.125rem;
  padding-bottom: 0.375rem;
}
.mb-native-reference .table-hint{
  position: relative;
}
.mb-native-reference .table-hint table{
  border-collapse: collapse;
}
.mb-native-reference .table-hint .scroll-hint{
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
  width: 70px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
}
.mb-native-reference .table-hint .scroll-hint.scroll-hint--show{
  opacity: 1;
}
.mb-native-reference .delivery-price .table-head.delivery-head{
  background-color: #E2DFD6;
  padding: 5px 15px;
  border-radius: 6px;
  margin-bottom: 1.75rem;
}
.mb-native-reference .delivery-price .delivery-price-cont{
  background-color: #E2DFD6;
  padding: 5px 6px;
  border-radius: 6px;
  margin-right: 10px;
}
.mb-native-reference .kv-controller.has_one_image .prev-button,.mb-native-reference .kv-controller.has_one_image .next-button{
  display: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .detail-grid{
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
.mb-native-reference .detail-compare{
    display: block;
    width: max-content;
    margin: -0.625rem -0.375rem -1.75rem 0;
    padding: 0.625rem 0.375rem;
    text-align: end;
    text-decoration: underline;
  }
.mb-native-reference .detail-compare .form-control{
    width: 18px;
    height: 18px;
  }
.mb-native-reference .visual-container .prev-button,.mb-native-reference .visual-container .next-button{
    border: transparent 1px;
    padding: 0.25rem;
    width: 32px;
    height: 40px;
  }
.mb-native-reference .visual-container .prev-button{
    padding-right: 0.75rem;
    transform: translateX(1px);
  }
.mb-native-reference .visual-container .next-button{
    padding-left: 0.75rem;
    transform: translateX(-1px);
  }
.mb-native-reference .visual-container .kv-controller.has-arrow:not(.has_one_image) .kv-list{
    margin-left: -32px;
    margin-right: -32px;
  }
.mb-native-reference .visual-container .kv-item{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
.mb-native-reference .visual-container .btn-favorite{
    top: 0.625rem;
    right: 0.625rem;
    width: 40px;
    height: 40px;
  }
.mb-native-reference .kv-pager{
    gap: 0.25rem;
    overflow-x: auto;
    overflow-y: hidden;
  }
.mb-native-reference .kv-pager .pager-list{
    flex-shrink: 1;
    gap: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }
.mb-native-reference .pager-list.scroll-x-auto{
    margin-bottom: 0.25rem;
    padding-bottom: 1.25rem;
    overflow-x: auto;
  }
.mb-native-reference .kv-pager .pager-item{
    background-color: #fff;
    border: var(--logo-color, #0f4671) solid 1px;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    margin: 0.875rem calc(1em - 2px) 0;
    padding: 0;
    border-radius: 100vmax;
    text-indent: -9999em;
    overflow: hidden;
    transition: margin 0.2s;
  }
.mb-native-reference .pager-item.thumb-movie{
    border: none;
    width: 12px;
    height: 12px;
    margin-left: calc(1em - 2px);
    margin-right: calc(1em - 4px);
    border-radius: 0;
  }
.mb-native-reference .pager-item.thumb-movie::before{
    content: "";
    display: block;
    width: 11px;
    height: 11px;
  }
.mb-native-reference .pager-item.thumb-360{
    border: none;
    display: flex;
    width: 21px;
    height: 13px;
    margin: 0.75rem calc(1em - 10px) 0;
    text-indent: 0;
    overflow: visible;
  }
.mb-native-reference .pager-item.thumb-360::before{
    content: "360";
    display: block;
    font-size: 0.75rem;
    color: var(--color-logo, #0f4671);
    transform: translateY(-1px);
  }
.mb-native-reference .kv-pager .pager-item.active{
    background-color: var(--logo-color, #0f4671);
    cursor: pointer;
  }
.mb-native-reference .pager-item.thumb-movie.active,.mb-native-reference .pager-item.thumb-360.active{
    background-color: transparent;
  }
.mb-native-reference .pager-item.thumb-movie.active::before{
  }
.mb-native-reference .pager-item.thumb-360.active::before{
    font-weight: 800;
  }
.mb-native-reference .visual-container .pager-img,.mb-native-reference .visual-container .icon-movie{
    display: none;
  }
.mb-native-reference .colors-information .colors-item{
    width: 60px;
  }
.mb-native-reference .select-size-container .type-select-size{
    column-gap: 1.125rem;
    row-gap: 0.375rem;
  }
.mb-native-reference .delivery-price .row{
    margin-bottom: 0.5rem;
  }
.mb-native-reference .delivery-price .operation .btn{
    width: 100%;
    height: 60px;
  }
.mb-native-reference .cart-in-container .btn.has-icon-before .button-label{
    margin-left: 0;
    margin-right: 0;
    padding: 0 0.875rem;
  }
.mb-native-reference .article-group{
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
  }
.mb-native-reference .article-group:not(.is-open) + .article-group{
    margin-top: 0.75rem;
  }
.mb-native-reference .article-title.accordion-head{
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
.mb-native-reference .article-body.accordion-body{
    font-size: calc(0.875rem + 1px);
  }}
@media  screen and (min-width: 1201px) {.mb-native-reference .delivery-price .table-head.delivery-head::after{
    content: "";
    display: block;
    width: calc(var(--operation_ele_width) - 20px);
  }
.mb-native-reference .delivery-price .operation .btn{
    width: var(--operation_ele_width);
    transform: translateY(1px);
    white-space: nowrap;
  }
.mb-native-reference .delivery-price .delivery-head-quick + .row .delivery-info{
    width: 30%;
  }
.mb-native-reference .delivery-price .delivery-head-quick + .row .operation .btn{
    white-space: unset;
  }}
@media  screen and (max-width: 1200px) {.mb-native-reference .delivery-price .operation .btn{
    width: 100% !important;
  }
.mb-native-reference .delivery-price .row:not(.table-head){
    flex-wrap: wrap;
    column-gap: 28px;
    row-gap: 1.125rem;
    padding-bottom: 1.25rem;
  }
.mb-native-reference .delivery-price .row:not(.table-head) .delivery-info{
    width: calc(56% - 14px);
  }
.mb-native-reference .delivery-price .row:not(.table-head) .price-info{
    width: calc(44% - 14px);
  }
.mb-native-reference .delivery-price .row.shipping_impossible .delivery-info{
    width: 100%;
  }
.mb-native-reference .delivery-price .row.shipping_impossible .price-info{
    display: none;
  }
.mb-native-reference .delivery-price .row:not(.table-head) .operation{
    width: 100%;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .detail-compare{ 
    padding: 0.4rem 2rem;
    color: var(--logo-color, #003D5C);
    border: solid 1px;
    border-color: var(--logo-color, #003D5C);
    height: fit-content;
    border-radius: 50px;
  }}
.mb-native-reference .detail-compare:hover{
  cursor: pointer;
}
@media  print, (min-width: 992px) {.mb-native-reference .detail-grid{
    grid-template-areas: "breadcrumb breadcrumb compare" "visual data-1 data-1" "visual data-2 data-2" "visual data-3 data-3" "visual data-4 data-4";
    grid-template-columns: clamp(210px, 50% - 72px - 9px, 540px) 1fr auto;
    grid-template-rows: auto auto auto auto auto;
    column-gap: 72px;
  }
.mb-native-reference .visual-container{
    grid-area: visual;
    grid-row: span 4;
  }
.mb-native-reference .detail-meta-group{
    grid-area: data-1;
  }
.mb-native-reference .colors-information{
    grid-area: data-2;
  }
.mb-native-reference .select-size-container{
    grid-area: data-3;
  }
.mb-native-reference .cart-in-container{
    grid-area: data-4;
  }
.mb-native-reference .visual-container .prev-button,.mb-native-reference .visual-container .next-button{
    display: none;
  }
.mb-native-reference .detail-grid .kv-controller .kv-list{
    margin: 0;
  }
.mb-native-reference .kv-pager{
    gap: 0.625rem;
  }
.mb-native-reference .kv-pager .btn{
    display: none;
  }
.mb-native-reference .kv-pager .pager-list{
    gap: 0.75rem;
    margin: -1px;
    padding: 1px;
  }
.mb-native-reference .kv-pager .pager-item{
    width: 80px;
    height: 80px;
    display: grid;
    place-items: center;
  }
.mb-native-reference .kv-pager .pager-item:focus-visible,.mb-native-reference .colors-list .colors-item:focus-visible{
    outline-offset: -0.5px;
  }
.mb-native-reference .pager-item .pager-img{
    box-sizing: content-box;
  }
.mb-native-reference .pager-item.active:not(.thumb-360) .pager-img,.mb-native-reference .pager-item.thumb-360.active{
    border: var(--logo-color, #003D5C) solid 2px;
  }
.mb-native-reference .pager-item:not(.thumb-360) .pager-img{
    border: var(--gray-color, #ccc) solid 1px;
  }
.mb-native-reference .pager-item.thumb-movie{
    display: grid;
    grid-template-areas: "one";
    place-items: center;
  }
.mb-native-reference .pager-item.thumb-movie:has(.icon-movie)::after{
    grid-area: one;
    background-color: var(--color-text, #222);
    content: "";
    display: block;
    width: 78px;
    height: 78px;
    opacity: 0.2;
  }
.mb-native-reference .pager-item.thumb-movie:not(:has(.icon-movie))::before{
    grid-area: one;
    border: var(--gray-color, #ccc) solid 1px;
    content: "";
    display: block;
    width: 78px;
    height: 78px;
    opacity: 1;
  }
.mb-native-reference .pager-item.thumb-movie:not(:has(.icon-movie))::after{
    grid-area: one;
    content: "";
    display: block;
    width: 80px;
    height: 80px;
  }
.mb-native-reference .pager-item.thumb-movie.active:not(:has(.icon-movie))::after{
    border: var(--logo-color, #003D5C) solid 2px;
  }
.mb-native-reference .pager-item.thumb-movie:not(:has(.icon-movie)) .pager-img{
    border: none !important;
    width: 44px;
    height: 44px;
    filter: brightness(0.45);
  }
.mb-native-reference .pager-item.thumb-movie .pager-img{
    grid-area: one;
  }
.mb-native-reference .pager-item.thumb-movie .icon-movie{
    grid-area: one;
    position: relative;
    z-index: 1;
  }
.mb-native-reference .pager-item.thumb-360{
    background-color: var(--gray-dark-color, #999);
    display: grid;
    place-items: center;
    width: 78px;
    height: 78px;
  }
.mb-native-reference .select-size-container .btn-outline{
    height: auto;
    padding: 0.5rem 1.75rem;
    font-size: 0.875rem;
  }
.mb-native-reference .select-quantity .form-control{
    min-width: 5rem;
    padding: 0.5rem 2.25rem 0.5rem 1.375rem;
    font-size: 1.125rem;
  }
.mb-native-reference .select-quantity .select-label + .form-control{
    margin-left: 1.25rem;
  }
.mb-native-reference .delivery-price .row{
    gap: 1.4rem;
    margin-bottom: 1.125rem;
    padding-bottom: 1.5rem;
  }
.mb-native-reference .delivery-price .delivery-info{
    flex: 1 1 auto;
  }
.mb-native-reference .delivery-price .price-info{
    white-space: nowrap;
  }
.mb-native-reference .modal-dialog .delivery-price .price-info{
    white-space: normal;
  }
.mb-native-reference .modal-content .table-head .price-info{
    margin-right: 0;
  }
.mb-native-reference .article-group{
    margin-top: 4.5rem;
  }
.mb-native-reference .article-title.accordion-head{
    margin-bottom: 2rem;
    font-size: 2.25rem;
  }
.mb-native-reference .accordion-body .article-row + .article-row{
    margin-top: 64px;
  }
.mb-native-reference .cta-buttons .btn-more{
    width: 255px;
    height: 70px;
  }
.mb-native-reference .delivery-price .table-head.delivery-head.delivery-head-quick::after{
    width: calc(var(--operation_ele_width) - 20px);
  }}
.mb-native-reference section.compare{
  padding: 0;
  overflow-x: hidden;
  overflow-y: visible;
}
@media  print, (min-width: 992px) {.mb-native-reference section.compare{
    padding: 0 36px;
  }}
.mb-native-reference .compare .nav-pager{
  height: 26px;
}
.mb-native-reference .compare .nav-pager-button:nth-last-child(1 of :not(.is-close)){
  display: none;
}
.mb-native-reference .compare-slider{
  max-width: 1200px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider{ 
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-slider{
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
  }}
.mb-native-reference .compare-slider > .btn.over-scroll.fixed-end,.mb-native-reference .compare-slider .products-item-name.over-scroll.fixed-end{
  opacity: 0;
  z-index: -1;
  transform: translateY(-100%);
}
.mb-native-reference .compare-slider > .btn.over-scroll:disabled{
  opacity: 0;
  z-index: -1;
}
.mb-native-reference .compare .product-features .article-li{
  list-style: initial;
  margin-left: 20px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider > .btn.prev-button{
    left: 20px;
  }
.mb-native-reference .compare-slider > .btn.next-button{
    right: 20px;
  }
.mb-native-reference .slider-controller.compare-slider > .btn{
    display: none;
  }
.mb-native-reference .compare-slider > .btn.over-scroll{
    position: fixed;
    top: 200px;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.1s ease-in-out, transform 0.25s ease-in-out;
  }
.mb-native-reference .compare-slider .products-item-name.over-scroll{
    background-color: #fff;
    position: fixed;
    top: 90px;
    width: calc((100vw - 20px) / 2.5 - 7.5px);
    border-top: #fff solid 14px;
    padding-bottom: 0;
    box-sizing: content-box;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.1s ease-in-out, transform 0.25s ease-in-out;
  }
.mb-native-reference .compare-slider .products-item-name.over-scroll + .row-line{
    margin-top: 68px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-slider > .btn.over-scroll{
    position: fixed;
    top: 395px;
    opacity: 1;
    transition: width 0.12s ease, height 0.12s ease, opacity 0.1s ease-in-out, transform 0.25s ease-in-out;
  }
.mb-native-reference .compare-slider > .prev-button.over-scroll{
    left: 50%;
    translate: calc(-600px - 50%) -50%;
  }}
@media  print, print and (max-width: 1200px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1200px) {.mb-native-reference .compare-slider > .prev-button.over-scroll{
    left: 0;
    translate: 0 -50%;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-slider > .next-button.over-scroll{
    right: 50%;
    translate: calc(600px + 50%) -50%;
  }}
@media  print, print and (max-width: 1200px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1200px) {.mb-native-reference .compare-slider > .next-button.over-scroll{
    right: 0;
    translate: 0 -50%;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .controller-track{ 
    
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-slider .controller-track{
    
  }}
.mb-native-reference .compare-list{
  --show-compare-rows-repeat-lg: 19;
  --show-compare-rows-repeat-sm: 18;
  grid-auto-flow: column;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-list{ 
    grid-template-columns: repeat(99, calc((100vw - 20px) / 2.5 - 7.5px));
    column-gap: calc(1rem - 1px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-list{
    grid-template-columns: repeat(99, 340px);
    column-gap: 40px;
  }}
.mb-native-reference .compare-list .products-item{
  margin-bottom: 0;
}
@media  print, (min-width: 992px) {.mb-native-reference .compare-list .products-item{
    flex: 0 0 340px;
    margin-bottom: 1rem;
  }}
.mb-native-reference .products-item.is-close,.mb-native-reference .nav-pager-button.is-close{
  background-color: var(--accent-color, #E2E0D7);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
  animation: display-flex-none 0.5s ease-out forwards;
}
.mb-native-reference .compare .products-item.is-close{
  animation: display-inline-none 0.5s ease-out forwards;
}
.mb-native-reference .js-item-delete-all{
  opacity: 1;
}
.mb-native-reference .js-item-delete-all.off-animation,.mb-native-reference .compare .nav-pager.off-animation,.mb-native-reference .related-items.off-animation{
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s ease-in-out;
  animation: off 0.5s ease-out forwards;
  pointer-events: none;
}
.mb-native-reference .compare-list .move-btn,.mb-native-reference .compare-list .remove-btn{
  background-color: transparent;
  border: none;
  padding: 4px;
}
.mb-native-reference .compare-list .move-btn:hover{
  cursor: move;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-list .move-btn,.mb-native-reference .compare-list .move-btn .event-none{ 
    user-select: none;
  }}
.mb-native-reference .compare-list .remove-btn:hover{
  cursor: pointer;
}
.mb-native-reference .compare-list .item-figure{
  display: block;
}
.mb-native-reference .compare-list .item-img{
  border: var(--gray-color) solid 1px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-list .colors-item{ 
    flex-shrink: 0;
    width: 36px;
  }}
.mb-native-reference .compare-list .products-item-price{
  background-color: var(--gray-light-color, #F8F9FE);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-list .products-item-price{ 
    row-gap: 0.375rem;
    padding: 0.5rem 0.625rem;
    font-size: calc(0.625rem + 1px);
    border-radius: 5px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-list .products-item-price{
    row-gap: 0.5rem;
    padding: 1rem 1.25rem;
    border-radius: 10px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-list .products-item-price .primary-price{
    max-height: 1.75rem;
    font-size: 1.25rem;
  }}
.mb-native-reference .row-line{
  min-height: auto;
  margin-bottom: 1.125rem;
  padding-bottom: 1.125rem;
  font-size: 0.875rem;
}
.mb-native-reference .compare-list .row-line.border-none{
  padding-bottom: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .row-line.flex-{ 
    display: block;
  }}
.mb-native-reference .row-label{
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .row-label{ 
    padding-bottom: 0.25rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .row-line.flex- .row-label{
    width: 50%;
    padding-right: 0.75rem;
    padding-bottom: 0;
  }}
.mb-native-reference .row-line.flex- .row-detail{
  word-break: break-all;
}
@media  print, (min-width: 992px) {.mb-native-reference .row-line.flex- .row-detail{
    width: 50%;
    padding-left: 0.75rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .row-line .products-item-price{
    font-size: 1rem;
  }}
.mb-native-reference .products-item-price .delivery-from{
  grid-column: span 2/span 2;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
}
.mb-native-reference .list-style .li{
  display: flex;
  line-height: 1.75;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .list-style .li{ 
    padding-top: calc(0.25rem - 1px);
    padding-bottom: calc(0.25rem - 1px);
  }}
.mb-native-reference .list-style .li::before{
  background-color: var(--text-color, #222);
  content: "";
  display: block;
  flex: 0 0 2px;
  width: 2px;
  height: 2px;
  margin-top: calc(0.5em + 0.125rem);
  margin-right: 3px;
  border-radius: 1rem;
}
.mb-native-reference .compare-slider .controller-track{
  overflow-x: auto;
  overflow-y: hidden;
  transform: translateX(0px) !important;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .controller-track{  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-slider .controller-track{
    max-width: 100vw;
    padding-left: max((100vw - 1100px) / 2, 36px);
    padding-right: max((100vw - 1100px) / 2, 36px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .is-y-scrollbar-visible .compare-slider .controller-track{
    max-width: calc(100vw - 17px);
    padding-left: max((100vw - 17px - 1100px) / 2, 36px);
    padding-right: max((100vw - 17px - 1100px) / 2, 36px);
  }}
.mb-native-reference .compare-slider .compare-list{
  display: table;
  white-space: nowrap;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .compare-list{ 
    margin-left: 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .compare-list:has(.products-item:not(.is-close) ~ .products-item:not(.is-close) ~ .products-item:not(.is-close)){ 
    padding-right: calc((100vw - 20px) / 5 - 1rem + 1px);
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .products-item{ 
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: calc((100vw - 20px) / 2.5 - 8px + 1rem - 1px);
    padding-right: calc(1rem - 1px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-slider .products-item{
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 340px;
    margin-right: 40px;
    padding-top: 0.125rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .products-item:nth-last-child(1 of .is-close){ 
    width: calc((100vw - 20px) / 2.5 - 8px);
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .products-item.is-close{ 
    width: calc((100vw - 20px) / 2.5 - 8px + 1rem - 1px) !important;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .products-item:nth-last-child(1 of :not(.is-close)){ 
    width: calc((100vw - 20px) / 2.5 - 8px + 1rem - 1px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .compare-slider .products-item:nth-last-child(1 of :not(.is-close)){
    margin-right: 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .products-item:nth-last-child(1 of :not(.is-close)):nth-child(1 of :not(.is-close)){ 
    width: calc((100vw - 20px) / 2.5 - 8px);
    padding-right: 0;
  }}
.mb-native-reference .products-item.is-close.off{
  display: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .products-item:nth-child(2 of :not(.is-close)):nth-last-child(1 of :not(.is-close)),.mb-native-reference .compare-slider .products-item:nth-child(2 of :not(.is-close)):has(+ .sortable-drag){ 
    width: calc((100vw - 20px) / 2.5 - 8px);
    padding-right: 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .compare-slider .products-item > *{ 
    width: calc((100vw - 20px) / 2.5 - 8px);
    user-select: none;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .products-item.sortable-fallback{ 
    width: calc((100vw - 20px) / 2.5 - 8px + 1rem - 1px);
    padding-right: calc(1rem - 1px);
    list-style: none;
  }}
.mb-native-reference .products-item.sortable-fallback .move-btn,.mb-native-reference .products-item.sortable-fallback .remove-btn{
  background-color: transparent;
  border: none;
  padding: 4px;
}
.mb-native-reference .products-item.sortable-fallback .item-figure{
  display: block;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .page-cart .max-w1200{ 
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }}
.mb-native-reference .cart-flow::before{
  background-color: var(--gray-blue-color, #9BA4B8);
  content: "";
  position: absolute;
  top: 8px;
  display: block;
  width: 99%;
  height: 2px;
  z-index: -1;
}
.mb-native-reference .cart-flow-item{
  background-color: #fff;
  border: var(--color-logo, #003D5C) solid 2px;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: var(--color-logo, #003D5C);
  border-radius: 100vmax;
}
.mb-native-reference .cart-flow-item.active{
  background-color: var(--color-logo, #003D5C);
  position: relative;
}
.mb-native-reference .active ~ .cart-flow-item{
  background-color: var(--gray-light-color, #F8F9FE);
  border-color: var(--gray-blue-color, #9BA4B8);
}
.mb-native-reference .cart-payment-flow-item.active ~ .icon-arw-next{
  opacity: 0.4;
  filter: grayscale(100%);
}
.mb-native-reference .cart-flow-label{
  letter-spacing: -0.1px;
  
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cart-flow{
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2.25rem;
    width: 90%;
  }
.mb-native-reference .cart-flow-item.active{
    background-color: var(--color-logo, #003D5C);
    position: relative;
    font-weight: 600;
  }
.mb-native-reference .cart-flow-label{
    display: inline-block;
    position: absolute;
    width: 19vw;
    text-align: center;
    line-height: 1.15;
    white-space: normal;
    translate: 0 1.75rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cart-flow-item{
    background-color: #fff;
    border-width: 4px;
    width: 160px;
    height: 160px;
    padding: 0.5rem;
    flex: 1 1 auto;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-width: 164px;
    max-width: min(17.5vw, 7.25em);
  }
.mb-native-reference .cart-flow::before{
    top: 50%;
    height: 4px;
  }
.mb-native-reference .cart-flow-item.active{
    color: #fff;
  }
.mb-native-reference .cart-flow-label{
    font-size: clamp(20px, 1em, 1.25rem);
    display: grid;
    place-items: center;
  }
.mb-native-reference .cart-flow-label > .use-multilingual_caption{
    width: max-content;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cart-shipping-items{ 
    gap: 60px;
  }}
.mb-native-reference .order-history-container .cart-shipping-items{
  width: 100%;
}
@media  print, (min-width: 992px) {.mb-native-reference .order-history-container .cart-shipping-items{ 
    display: grid;
    grid-template-columns: 55% 95%;
  }}
.mb-native-reference .order-history-container .cart-shipping-items .delivery_address{
  width: calc(100% - 120px - 20px);
  position: relative;
  justify-self: right;
}
@media  print, (min-width: 992px) {.mb-native-reference .order-history-container .cart-shipping-items .delivery_address{ 
    width: calc(100% - 200px - 40px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cart-shipping-info.col-5{ 
    gap: 40px;
  }}
.mb-native-reference .cart-item{
  gap: 20px;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-item{ 
    gap: 40px;
  }}
.mb-native-reference .cart-item + .cart-item{
  border-top: var(--gray-color) solid 1px;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-item + .cart-item{ 
    margin-top: 2.5rem;
    padding-top: 2.5rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cart-item-visual{ 
    width: 120px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cart-item-visual{ 
    width: 200px;
  }}
.mb-native-reference .cart-item-img{
  border: var(--gray-color) solid 1px;
  border-radius: 10px;
}
.mb-native-reference .cart-item-control{
  column-gap: 0.875rem;
  row-gap: 0.625rem;
}
.mb-native-reference .cart-item-remove-button,.mb-native-reference .cart-item-later-button{
  background-color: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 2px 1px;
  font-size: 0.875rem;
  color: var(--color-logo, #003D5C);
  letter-spacing: -0.1px;
  white-space: nowrap;
}
.mb-native-reference .cart-item-remove-button:hover,.mb-native-reference .cart-item-later-button:hover{
  cursor: pointer;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cart-item-remove-button .icon-remove,.mb-native-reference .cart-item-later-button .icon-favorite{ 
    width: 24px;
    height: 17px;
    padding-right: 4px;
  }}
.mb-native-reference .cart-item-later-button .icon-favorite{
  translate: 1px 0;
}
.mb-native-reference .cart-item-later-button.active .icon-favorite{
}
.mb-native-reference .cart-item-detail{
  flex: 1 1 auto;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cart-item-detail{ 
    max-width: calc(100% - 120px - 20px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cart-item-detail{ 
    width: calc(100% - 200px - 40px);
  }}
.mb-native-reference .modal .cart-item-detail{
  width: auto;
  max-width: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .select-quantity select.form-control{ 
    background-position: right 0.25rem center;
    min-width: 3.5rem;
    height: 32px;
    padding: 0.25rem 1.5rem 0.25rem 0.75rem;
  }}
.mb-native-reference .gift-options{
  background-color: var(--gray-light-color, #F8F9FE);
  padding: 0.75rem 0.875rem;
  border-radius: 10px;
}
@media  print, (min-width: 992px) {.mb-native-reference .gift-options{ 
    padding: 1rem 1.25rem;
  }}
.mb-native-reference .gift-options dt,.mb-native-reference .gift-options dd{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.mb-native-reference .gift-options dt{
  font-weight: 500;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gift-options dt{ 
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
  }}
.mb-native-reference .info-bordered{
  border: var(--gray-color, #ccc) solid 1px;
  border-top: var(--logo-color, #003D5C) solid 7px;
}
.mb-native-reference .info-bordered .row:not(:first-of-type){
  border-top: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .info-bordered-dt,.mb-native-reference .info-bordered-dd{
  padding: 0.5rem 1.125rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .info-bordered-dt,.mb-native-reference .info-bordered-dd{ 
    padding: 0.625rem 2rem;
  }}
.mb-native-reference .info-bordered-dt + .info-bordered-dd{
  white-space: nowrap;
}
.mb-native-reference .info-bordered .row.flex- > .info-bordered-dd{
  padding-left: 0;
}
.mb-native-reference .info-bordered .sub{
  padding-top: 0.5rem;
  font-size: calc(1em - 2px);
}
.mb-native-reference .page-cart .cta-block{
  gap: 30px;
}
@media  print, (min-width: 992px) {.mb-native-reference .page-cart .cta-block{ 
    gap: 60px;
  }}
.mb-native-reference .is-gift-options{
  height: 60px;
  padding: 0.75rem 1.75rem;
}
.mb-native-reference .page-cart .cta-block .btn{
  height: 60px;
}
@media  print, (min-width: 992px) {.mb-native-reference .page-cart .cta-block .btn{ 
    height: 80px;
  }}
.mb-native-reference .cart-shipping-items + .box-title{
  margin-top: 40px;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-shipping-items + .box-title{ 
    margin-top: 80px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .modal.cart-option .layout-l-lg{ 
    width: calc(100% - 200px - 3rem);
  }}
.mb-native-reference .check-on-trigger:not(:checked) + .gift-massage-checkbox-label{
  margin-bottom: 0;
}
.mb-native-reference .check-on-trigger:not(:checked) ~ .check-on-content{
  display: none;
}
@media  print, (min-width: 992px) {.mb-native-reference .gift-massage-figure{ 
    width: 240px;
    flex-shrink: 0;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gift-massage-write{ 
    width: calc(100% - 240px);
  }}
.mb-native-reference .gift-massage-write .textarea-label{
  flex-grow: 0;
  flex-shrink: 0;
}
.mb-native-reference .gift-massage-write .textarea{
  flex-grow: 0;
  flex-shrink: 1;
  height: auto;
}
@media  print, (min-width: 992px) {.mb-native-reference .gift-massage-group + .box-title{ 
    margin-top: 4rem;
  }}
.mb-native-reference .gift-massage-group #gift_message_field{
  display: none;
}
.mb-native-reference .gift-massage-group #gift_message_field.open{
  display: block;
}
.mb-native-reference .cart-address{
  gap: 1.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-address{ 
    gap: 1.5rem;
  }}
.mb-native-reference .cart-address-box{
  border: var(--color-logo, #003D5C) solid 2px;
  width: 100%;
  padding: 24px 30px 20px;
  border-radius: 10px;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-address-box{ 
    width: 50%;
    padding: 36px 40px 32px;
  }}
.mb-native-reference .cart-address-head{
  flex-shrink: 0;
}
.mb-native-reference .cart-address-body{
  height: 100%;
}
.mb-native-reference .cart-address-letter{
  margin-bottom: auto;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cart-address-body .btn{ 
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }}
.mb-native-reference .cart-address-newsletter .newsletter-icon{
  margin-left: -0.5rem;
}
.mb-native-reference button.accordion-head{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: left;
}
.mb-native-reference .scrollbar-control .card-list-item:not(.not-use).checked{
  outline: currentColor none medium;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-payment-flow{ 
    margin-top: -3rem;
  }}
.mb-native-reference .balloon{
  background-color: var(--gray-blue-light-color, #F8F9FE);
  padding: 1rem;
  border-radius: 10px;
}
@media  print, (min-width: 992px) {.mb-native-reference .balloon{ 
    padding: 2rem 60px 48px;
  }}
.mb-native-reference .balloon-bordered{
  border: var(--gray-blue-color, #9BA4B8) solid 2px;
}
.mb-native-reference .balloon-bordered.tail-on-top::before{
  background-color: var(--gray-blue-light-color, #F8F9FE);
  border-top: var(--gray-blue-color, #9BA4B8) solid 2px;
  border-right: var(--gray-blue-color, #9BA4B8) solid 2px;
  content: "";
  position: absolute;
  top: -15px;
  left: 66.6%;
  left: calc(75vw - 60px);
  width: 30px;
  height: 30px;
  transform: scaleX(0.8) rotate(-45deg);
}
@media  print, (min-width: 992px) {.mb-native-reference .balloon-bordered.tail-on-top::before{ 
    top: -20px;
    left: 70.6%;
    width: 40px;
    height: 40px;
  }}
.mb-native-reference .is-y-scrollbar-visible .balloon-bordered.tail-on-top::before{
  left: calc(75vw - 60px - 12px);
}
@media  print, (min-width: 992px) {.mb-native-reference .is-y-scrollbar-visible .balloon-bordered.tail-on-top::before{ 
    left: calc(70.6% - 12px);
  }}
.mb-native-reference .cart-payment-flow-list{
  gap: 7px;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-payment-flow-list{ 
    gap: 20px;
  }}
.mb-native-reference .cart-payment-flow-item{
  background-color: var(--gray-pure-color, #707070);
  width: calc(33.3333% - 14px);
  padding: 0.75rem 0.25rem;
  color: #fff;
  border-radius: 10px;
}
@media  screen and (max-width: 359px) {.mb-native-reference .cart-payment-flow-item .fz-13px-sm{
    font-size: 0.75rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cart-payment-flow-item{ 
    width: calc(33.3333% - 25px);
    padding: 1.75rem 1.5rem 2rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cart-payment-flow-list .icon-arw-next{ 
    width: 6px;
    align-self: center;
  }}
.mb-native-reference .cart-payment-flow-item{
  background-color: #fff;
  border-color: var(--color-logo, #003D5C);
  border: var(--color-logo, #003D5C) solid 2px;
  color: var(--color-logo, #003D5C);
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-payment-flow-item{ 
    border-width: 4px;
  }}
.mb-native-reference .cart-payment-flow-item.active ~ .cart-payment-flow-item{
  background-color: var(--gray-light-color, #F8F9FE);
  border-color: var(--gray-blue-color, #9BA4B8);
}
.mb-native-reference .cart-payment-flow-item.active{
  font-weight: 600;
  opacity: 1;
  color: #FFF;
  background-color: var(--color-logo, #003D5C);
}
.mb-native-reference .cart-payment-flow-item.active .status{
  color: #FFF;
}
.mb-native-reference .cart-payment-flow-item .status{
  color: var(--color-logo, #003D5C);
}
@media  print, (min-width: 668px) {.mb-native-reference .balloon.ctrl-step-item-2{ 
    width: 66.6666%;
    margin-left: auto;
    margin-right: auto;
  }}
.mb-native-reference .balloon.ctrl-step-item-2 .cart-payment-flow-item{
  width: calc(50% - 25px);
}
.mb-native-reference .cart-item-head + .cart-item{
  margin-top: 1.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-order-number{ 
    margin-top: -0.25rem;
  }}
.mb-native-reference .cart-item + .cart-item-head,.mb-native-reference .cart-order-number + .cart-item-head{
  border-top: var(--gray-color) solid 1px;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-item + .cart-item-head,.mb-native-reference .cart-order-number + .cart-item-head{ 
    margin-top: 2.5rem;
    padding-top: 2.25rem;
  }}
.mb-native-reference .cart-order-number + .cart-item-head{
  margin-top: 1rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .cart-order-number + .cart-item-head{ 
    margin-top: 1.75rem;
  }}
.mb-native-reference .paying-points{
  padding-bottom: 1rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .paying-points{ 
    gap: 3.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .card-list-set .w-380px-lg{ 
    width: 100%;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .card-list-set .w-380px-lg{ 
    max-width: calc(33.3333% - 21px);
  }}
.mb-native-reference .card-list-item{
  background-color: #fff;
  border: var(--color-logo, #003D5C) solid 1px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 144px;
  padding: 20px 20px 15px;
}
@media  print, (min-width: 992px) {.mb-native-reference .card-list-item{ 
    border-width: 2px;
    width: 380px;
    max-width: 100%;
    min-height: 240px;
    padding: 1.875rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .card-list-item.single{ 
    min-width: 220px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .card-list-item .icon-remove{ 
    width: 18px;
    height: 21px;
  }}
.mb-native-reference .cta-block .btn.h-100px-lg{
  font-size: 1rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .cta-block .btn.h-100px-lg{ 
    height: 100px;
    font-size: 1.125rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference label.not-use:hover{ 
    cursor: default;
  }}
.mb-native-reference .front-form-group.-point .front-form-control{
  width: 12em;
  margin-right: 0.75rem;
  font-size: 1rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .front-form-group.-point .front-form-control{ 
    font-size: 1.125rem;
  }}
.mb-native-reference .js-radio-accordion .radio-label-group .radio-accordion-content{
  display: none;
}
.mb-native-reference .js-radio-accordion .radio-label-group.is-active .radio-accordion-content{
  display: block;
}
.mb-native-reference .security-code-grid{
  margin-top: 1.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .security-code-grid{ 
    grid-template-areas: "date date info" "name name info" "register register info" ". . info";
    margin-top: 1.875rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .grid-date{
    grid-area: date;
  }
.mb-native-reference .grid-info{
    grid-area: info;
  }
.mb-native-reference .grid-register{
    grid-area: register;
  }}
.mb-native-reference .js-accordion.is-open .box-absolute-guide{
  max-height: 0;
  transform: scaleY(0);
  transform-origin: top center;
  overflow: hidden;
  transition: transform 0.12s ease, max-height 0.12s ease;
}
@media  print, (min-width: 992px) {.mb-native-reference .modal-dialog .box-absolute-guide.col-6{ 
    width: calc(100vw - 28rem - 4rem - 2rem - 200px - 2.5rem - 28px);
    max-width: 50%;
  }}
@media  print, print and (max-width: 1024px), print and (min-width: 992px), (min-width: 992px) and (max-width: 1024px) {.mb-native-reference .modal-dialog .box-absolute-guide.col-6{
    width: calc(100vw - 28rem - 4rem - 2rem - 200px - 2.5rem - 28px + 4rem);
    font-size: calc(1em - 1px);
  }}
.mb-native-reference .js-accordion.is-open > .box-absolute-guide,.mb-native-reference .security-code-grid.js-accordion.is-open .box-absolute-guide{
  overflow: visible;
  transform: scaleY(1);
  max-height: 260em;
}
.mb-native-reference .btn-q.accordion-head{
  padding: 0;
  text-align: center;
  font-size: 1.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .box-absolute-guide{
    left: 28rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .box-absolute-guide .image_cvn{
    width: 375px;
    height: auto;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .stores-area ~ .stores-area.box-title{ 
    margin-top: 40px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .stores-area ~ .stores-area.box-title{ 
    margin-top: 60px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .stores-area ~ .row.border-bottom{ 
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .stores-area ~ .row.border-bottom{ 
    margin-bottom: 1.5rem;
    padding-bottom: 2rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .stores-area ~ .row.border-bottom + .row.border-bottom{ 
    margin-top: 2rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .stores-area ~ .row.border-bottom + .row.border-bottom{ 
    margin-top: 2rem;
  }}
.mb-native-reference .stores-area ~ .row.border-bottom:last-child,.mb-native-reference .stores-area ~ .row.border-bottom:has(+ [id]),.mb-native-reference .row.border-bottom:has(+ .stores-area){
  border-bottom: none;
  padding-bottom: 0;
}
.mb-native-reference .stores-list{
  grid-template-columns: auto 1fr;
  gap: 5px 10px;
}
.mb-native-reference .stores-list dd{
  text-indent: -10px;
  padding-left: 10px;
}
.mb-native-reference .stores-list dd::before{
  content: ": ";
  margin-right: 5px;
}
@media  print, (min-width: 992px) {.mb-native-reference .store-more .btn{
    width: 100%;
  }
.mb-native-reference .japan-store-list{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 0 2.5rem;
    margin-left: 3em;
    height: 280px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .store-more .btn{
    width: 240px;
    height: 60px;
  }
.mb-native-reference .japan-store-list{
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px 15px;
  }}
.mb-native-reference .general-html .gp-container{
  width: 100%;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .store-detail.detail-grid{
    padding-left: 0;
    padding-right: 0;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .store-detail.detail-grid{
    grid-template-areas: "visual data-1" "visual data-2";
    grid-template-columns: clamp(210px, 50% - 72px - 9px, 540px) 1fr;
    grid-template-rows: auto auto;
    column-gap: 72px;
  }
.mb-native-reference .grid-area-data-2{
    grid-area: data-2;
  }}
.mb-native-reference .sizing-explanation-list dd{
  min-height: 1.5em;
  padding-left: 5.5em;
}
.mb-native-reference .tab-group.-sizingchart .tab-item{
  padding: 0.5rem;
  width: 80px;
  height: auto;
  font-size: 1rem;
  cursor: pointer;
}
.mb-native-reference .tab-group.-sizingchart .tab-list{
  border: none;
}
.mb-native-reference .tab-group.-sizingchart .tab-item.active{
  background-color: var(--color-logo, #003D5C);
  color: #FFF;
  transition: all 0.2s ease-out;
}
.mb-native-reference .tab-group.-sizingchart .tab-item:not(.active){
  color: var(--color-logo, #003D5C);
}
.mb-native-reference .table-chart{
  width: 100%;
  border-collapse: collapse;
  overflow-x: auto;
  overflow-y: visible;
}
.mb-native-reference .table-chart th{
  padding: 0.4rem 0.6rem;
  width: 10%;
  white-space: nowrap;
}
.mb-native-reference .table-chart th:first-child{
  width: 15%;
}
.mb-native-reference .table-chart td{
  padding: 0.6rem;
  border-bottom: var(--gray-color) solid 1px;
  white-space: nowrap;
}
.mb-native-reference .table-chart.-sizing th{
  width: 10%;
}
.mb-native-reference .sticky-cell-left{
  background-color: #fff;
  position: sticky;
  left: 0;
}
.mb-native-reference .table-chart .sticky-cell-left.bg-color-logo{
  background-color: var(--color-logo, #003D5C);
}
@media  print, (min-width: 992px) {.mb-native-reference .table-chart th:first-child{
    width: 15%;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .table-chart th{
    padding: 0.4rem;
  }
.mb-native-reference .table-chart td{
    padding: 0.6rem 0.4rem;
  }
.mb-native-reference .tab-group.-sizingchart .tab-item{
    width: 65px;
    padding: 0.4rem 0.5rem;
    font-size: 14px;
  }}
.mb-native-reference section.news-release{
  padding-bottom: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .initiatives-list.-news-release{ 
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .initiatives-list.-news-release{
    column-gap: 42px;
  }}
@media  print, print and (min-width: 1366px), print and (min-width: 992px), (min-width: 992px) and (min-width: 1366px) {.mb-native-reference .initiatives-list.-news-release{
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }}
.mb-native-reference .-news-release .initiatives-item{
  padding-left: 0;
  padding-right: 0;
}
.mb-native-reference .-news-release .initiatives-item > a.flex-{
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  color: var(--text-color);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cart-item-visual.-gift{
    width: 70px;
  }
.mb-native-reference .table.sm-table-cell td:not(.only-lg){
    display: table-cell;
  }
.mb-native-reference .table-th-control.-wrapping td{
    padding: 1rem;
  }}
@media  screen and (max-width: 991.98px) and (max-width: 359px) {.mb-native-reference .table-th-control.-wrapping td{
    padding: 0.75rem 0.5rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .select-quantity.-wrapping select.form-control{
    height: 28px;
  }}
.mb-native-reference #modal-shipto-confirm .selected_shipto{
  text-decoration: underline;
  text-underline-offset: 0.5em;
  margin-bottom: 1.5em;
  line-height: 2em;
  font-size: 1.3em;
}
.mb-native-reference .products-review-fig{
  max-width: 50%;
}
@media  print, (min-width: 992px) {.mb-native-reference .review-item-img{
    max-width: 280px;
  }}
.mb-native-reference .about-price h1.title_text{
  font-weight: 500;
  font-size: 2.2rem;
  margin-bottom: 0.2rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .about-price h1.title_text{ 
    font-size: 1.8rem;
  }}
.mb-native-reference .about-price h2.title_text{
  color: #fff;
  font-size: calc(1.5rem - 2px);
  font-weight: 500;
  background-color: var(--logo-color, #003D5C);
  border: var(--logo-color, #003D5C) solid 2px;
  border-radius: 2px;
  margin-block-end: 1.125rem;
  padding: calc(0.625rem - 2px) calc(0.75rem - 2px);
  text-align: center;
}
.mb-native-reference .table{
  background-color: #fff;
  border-collapse: collapse;
  display: table;
}
.mb-native-reference .thead th{
  white-space: nowrap;
}
.mb-native-reference tbody > tr > th{
  vertical-align: top;
  text-align: left;
}
.mb-native-reference .table.normal th{
  font-weight: 400;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .table-th-control thead{
    display: none;
  }
.mb-native-reference .table-th-control tbody td[data-th-text]{
    display: flex;
  }
.mb-native-reference .table-th-control td[data-th-text]::before{
    background-color: var(--gray-light-color, #F8F9FE);
    content: attr(data-th-text);
    display: grid;
    place-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    width: 7rem;
    margin: -1.5rem 1.5rem -1.5rem -1.5rem;
    padding: 0.75rem;
    text-align: center;
  }}
.mb-native-reference .table-cell-padding th,.mb-native-reference .table-cell-padding td{
  padding: 1em 1.5rem;
}
.mb-native-reference .table-cell-padding td{
  padding: 1.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .table-cell-padding td{ 
    padding: 1.875rem 1.5rem;
  }}
.mb-native-reference .table > thead > tr > th,.mb-native-reference .table > tbody > tr > .th{
  background-color: var(--gray-light-color, #F8F9FE);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .table,.mb-native-reference .table > tbody,.mb-native-reference .table > thead > tr,.mb-native-reference .table > tbody > tr,.mb-native-reference .table th:not(.only-lg),.mb-native-reference .table td:not(.only-lg){
    display: block;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .table{
    font-size: 1em;
  }}
.mb-native-reference .table-bordered th,.mb-native-reference .table-bordered td{
  border-top: var(--gray-color, #ccc) solid 1px;
  border-bottom: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .table-bordered > thead > tr > th{
  min-height: 60px;
}
.mb-native-reference .-cell-flex .th,.mb-native-reference .-cell-flex .td{
  display: flex;
  align-items: center;
}
.mb-native-reference .-th-bg-color .th{
  background-color: #eaeaf3;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .table-bordered > tbody > tr > th,.mb-native-reference .table-bordered > tbody > tr > td{
    margin-bottom: -1px;
    font-size: 0.75rem;
  }}
.mb-native-reference .popup-dialog:not(:has(.fade-dialog)){
  border-color: var(--gray-color, #ccc);
  border-width: 3px;
  position: fixed;
  bottom: 0;
  max-width: 600px;
  margin: 0.5rem;
  padding: 1em;
  box-shadow: 0 1px 1rem rgba(0, 0, 0, 0.2);
  z-index: 3;
}
@media  print, (min-width: 992px) {.mb-native-reference .popup-dialog:not(:has(.fade-dialog)){ 
    margin: 0.5rem auto;
    padding: 1em 1.5rem;
  }}
.mb-native-reference .popup-dialog .btn{
  display: block !important;
}
.mb-native-reference .popup-dialog{
  background-color: transparent;
  position: fixed;
  bottom: 0;
  border: none;
  padding: 0;
  z-index: 3;
}
.mb-native-reference .popup-dialog.cookie{
  background-color: #fff;
}
.mb-native-reference .dialog-content.fade-dialog{
  background-color: #fff;
  border: var(--gray-color, #ccc) solid 3px;
  max-width: 600px;
  margin: 0.5rem;
  padding: 1em 1.5rem;
  box-shadow: 0 1px 1rem rgba(0, 0, 0, 0.2);
}
@media  print, (min-width: 992px) {.mb-native-reference .dialog-content.fade-dialog{ 
    margin: 0.5rem auto;
    padding: 1em 2.5rem;
  }}
.mb-native-reference .dialog-content{
  opacity: 0;
  transform: translateY(100%);
}
.mb-native-reference .dialog-content.visible{
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.mb-native-reference .dialog-content.fade-off{
  opacity: 0;
  transform: translateY(20%);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.mb-native-reference svg{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.mb-native-reference svg a:hover{
  animation: none !important;
}
.mb-native-reference #japan-map .st0{
  fill: none;
  stroke: #B3B3B3;
  stroke-width: 0.6263;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.mb-native-reference #japan-map .st1{
  fill: #8B5BA2;
}
.mb-native-reference #japan-map .st2{
  fill: #1A1A1A;
}
.mb-native-reference #japan-map .st4{
  font-size: 14.2548px;
}
.mb-native-reference #japan-map .st5{
  fill: #EC6D45;
}
.mb-native-reference #japan-map .st6{
  fill: #FFFFFF;
}
.mb-native-reference #japan-map .st7{
  fill: #EA6D90;
}
.mb-native-reference #japan-map .st8{
  fill: #F7B756;
}
.mb-native-reference #japan-map .st9{
  fill: #FDD75C;
}
.mb-native-reference #japan-map .st10{
  fill: #009245;
}
.mb-native-reference #japan-map .st11{
  fill: #B5D469;
}
.mb-native-reference #japan-map .st12{
  fill: #29B5B2;
}
.mb-native-reference #japan-map .st13{
  fill: #31A3DD;
}
.mb-native-reference #japan-map .st14{
  fill: #5A72B6;
}
.mb-native-reference .toast{
  display: none;
  background-color: rgba(54, 54, 54, 0.93);
  position: fixed;
  padding: 10px;
  padding-left: 15px;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 0.5rem rgba(0, 0, 0, 0.2);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.4s; 
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .toast{ 
    top: 100px;
    left: 20px;
    width: 640px;
    max-width: 90vw;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .toast{ 
    top: 144px;
    left: 50%;
    width: fit-content;
    max-width: 90vw;
    translate: -50% 0;
  }}
.mb-native-reference .toast.show{
  display: flex;
  opacity: 1;
}
.mb-native-reference .close-button{
  padding: 1px 0.25rem;
  font-size: 1.25rem;
  cursor: pointer;
  opacity: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .close-button{ 
    margin-top: -1px;
    margin-left: auto;
    line-height: 1.125rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .close-button{ 
    margin-left: 0.5em;
    line-height: 1.375rem;
  }}
.mb-native-reference .loading-spinner{
  display: flex;
  place-content: center;
  opacity: 1;
}
.mb-native-reference .loading-spinner.show{
  display: flex;
  animation: opacity-0-to-1 0.3s ease-in-out forwards, display-none-to-flex 0.3s;
  opacity: 1;
}
.mb-native-reference .loading-spinner.hide{
  opacity: 0;
  animation: display-flex-to-none 0.3s 0.3s ease-in-out forwards, opacity-1-to-0 0.3s;
  transition: opacity 0.3s;
}
.mb-native-reference .loading-spinner .spinner{
  height: 60px;
  width: 60px;
  display: inline-block;
  animation: spin 0.9s steps(9, end) infinite;
}
.mb-native-reference .spinner i{
  height: 10px;
  width: 10px;
  margin-left: -5px;
  display: flex;
  transition: height 1s;
  position: absolute;
  left: 50%;
  transform-origin: center 30px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.mb-native-reference .spinner i::before{
  background: #000;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.mb-native-reference .spinner i:nth-child(1){
  opacity: 0;
}
.mb-native-reference .spinner i:nth-child(1)::before{
  scale: 0.44;
}
.mb-native-reference .spinner i:nth-child(2){
  transform: rotate(40deg);
  opacity: 0.125;
}
.mb-native-reference .spinner i:nth-child(2)::before{
  scale: 0.51;
}
.mb-native-reference .spinner i:nth-child(3){
  transform: rotate(80deg);
  opacity: 0.25;
}
.mb-native-reference .spinner i:nth-child(3)::before{
  scale: 0.58;
}
.mb-native-reference .spinner i:nth-child(4){
  transform: rotate(120deg);
  opacity: 0.375;
}
.mb-native-reference .spinner i:nth-child(4)::before{
  scale: 0.65;
}
.mb-native-reference .spinner i:nth-child(5){
  transform: rotate(160deg);
  opacity: 0.5;
}
.mb-native-reference .spinner i:nth-child(5)::before{
  scale: 0.72;
}
.mb-native-reference .spinner i:nth-child(6){
  transform: rotate(200deg);
  opacity: 0.625;
}
.mb-native-reference .spinner i:nth-child(6)::before{
  scale: 0.79;
}
.mb-native-reference .spinner i:nth-child(7){
  transform: rotate(240deg);
  opacity: 0.75;
}
.mb-native-reference .spinner i:nth-child(7)::before{
  scale: 0.86;
}
.mb-native-reference .spinner i:nth-child(8){
  transform: rotate(280deg);
  opacity: 0.875;
}
.mb-native-reference .spinner i:nth-child(8)::before{
  scale: 0.93;
}
.mb-native-reference .spinner i:nth-child(9){
  transform: rotate(320deg);
  opacity: 1;
}
.mb-native-reference .spinner i:nth-child(9)::before{
  scale: 1;
}
.mb-native-reference .my-page{
  padding: 1.25rem 1.25rem 0;
}
@media  print, (min-width: 992px) {.mb-native-reference .my-page{ 
    padding-top: 2.5rem;
  }}
.mb-native-reference main:has(.my-page){
  min-height: unset;
}
.mb-native-reference .box-member-information{
  border: var(--gray-blue-color, #9BA4B8) solid 2px;
  border-radius: 10px;
  overflow-wrap: break-word;
}
.mb-native-reference .box-member-information.-card{
  padding: 5.5rem 2rem 4.5rem;
  margin-bottom: 3.75rem;
}
.mb-native-reference .box-member-information .card-infomation{
  width: 1024px;
  max-width: 100%;
  padding-bottom: 1.875rem;
  gap: 2.5rem;
}
.mb-native-reference .card-infomation .myname-text{
  font-size: 2.25rem;
  color: var(--logo-color, #003D5C);
  margin-bottom: 1.875rem;
}
.mb-native-reference .card-infomation .card-infomation-list li + li{
  margin-top: 0.625rem;
}
.mb-native-reference .card-infomation .card-pic{
  width: 280px;
  height: auto;
}
.mb-native-reference .box-member-information .member-infomation-list{
  width: 1024px;
  max-width: 100%;
  margin: auto;
  grid-template-columns: auto 1fr;
  gap: 20px;
  border-top: var(--gray-blue-color, #9BA4B8) solid 1px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .box-member-information .member-infomation-list{ 
    grid-template-columns: 1fr auto;
  }}
.mb-native-reference .member-infomation-list dd::before{
  content: ": ";
}
.mb-native-reference .box-member-information .box-title{
  font-size: 1.25rem;
  min-height: 80px;
  padding: 1.57rem;
  border-radius: 10px 10px 0 0;
  background-color: #F8F9FE;
}
.mb-native-reference .box-member-information .box-inner{
  padding: 2.5rem;
}
.mb-native-reference .box-member-information .menulink .mypage-link-label{
  color: #222222;
  font-size: 1.25rem;
  font-weight: normal;
  margin-left: 0.625rem;
}
.mb-native-reference .member-infomation-list .link-detail{
  background-color: var(--logo-color, #003D5C);
  width: 30px;
  height: 30px;
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
  border-radius: 50%;
  margin-left: 1rem;
}
.mb-native-reference .box-member-information .menulink{
  row-gap: 20px;
}
.mb-native-reference .box-member-information .menulink .menuicon{
  flex-shrink: 0;
  width: 60px;
}
.mb-native-reference .box-member-information .menulink a{
  min-height: 60px;
}
@media  print, (min-width: 992px) {.mb-native-reference .my-page .group-mypage-menu{
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
.mb-native-reference .box-member-information .box-inner > dl{
    padding-bottom: 0.25rem;
  }
.mb-native-reference .my-page .form-white-button{
    width: 300px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .card-infomation .card-pic{
    width: 176px;
    height: auto;
    margin: auto auto 1.25rem;
  }
.mb-native-reference .card-infomation .myname-text{
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
.mb-native-reference .box-member-information.-card{
    padding: 1.25rem;
    margin-bottom: 1.25rem;
  }
.mb-native-reference .box-member-information .card-infomation{
    width: 100%;
    padding-bottom: 1.25rem;
  }
.mb-native-reference .box-member-information .box-inner{
    padding: 1.25rem;
  }
.mb-native-reference .box-member-information .member-infomation-list{
    width: 100%;
    font-size: calc(0.875rem + 1px);
    row-gap: 15px;
    column-gap: 8px;
  }
.mb-native-reference .box-member-information .box-inner > dl > dt{
    padding-bottom: 0.25rem;
  }
.mb-native-reference .my-page .group-mypage-menu{
    grid-template-rows: auto;
    row-gap: 20px;
  }
.mb-native-reference .box-member-information .menulink .mypage-link-label{
    font-size: 1rem;
  }
.mb-native-reference .box-member-information .box-title{
    font-size: 1.125rem;
    padding: 1.125rem 0.875rem;
    min-height: 60px;
  }
.mb-native-reference .box-member-information .menulink{
    row-gap: 10px;
  }}
.mb-native-reference .membership-reference .box-inner{
  line-height: var(--line-height-base, 1.5);
}
.mb-native-reference .membership-reference .btn.edit{
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .membership-reference .btn.edit:hover{
  color: #fff;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .membership-reference{
    font-size: calc(0.875rem + 1px);
  }
.mb-native-reference .membership-reference .box-title{
    padding: 1.125rem 0;
    height: 60px;
  }
.mb-native-reference .membership-reference .member-points{
    margin-left: auto;
    padding-left: 1.25rem;
  }
.mb-native-reference .membership-reference .content-head{
    font-size: 1.125rem;
    margin-bottom: 20px;
    padding: 0.625rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .membership-reference .box-title{
    padding: 1.6875rem 3.75rem;
  }
.mb-native-reference .membership-reference .box-inner{
    padding: 2.3rem 3.75rem;
  }
.mb-native-reference .membership-reference dt{
    width: 300px;
  }
.mb-native-reference .membership-reference dd{
    flex-grow: 1;
  }
.mb-native-reference .membership-reference .fz-1rem-lg{
    font-size: 1rem;
  }
.mb-native-reference .membership-reference .content-head{
    font-size: 1.5rem;
    margin-bottom: 40px;
    padding: 1.25rem;
  }
.mb-native-reference .membership-reference .btn.edit{
    height: 50px;
    width: 160px;
  }}
.mb-native-reference .membership-edit #edit-address1,.mb-native-reference .membership-edit #edit-address2{
  resize: vertical;
  padding: 1rem 1.25rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .membership-edit{
    font-size: 0.875rem;
  }
.mb-native-reference .membership-edit .form-item{
    margin-top: 1rem;
  }
.mb-native-reference .membership-edit #edit-address1,.mb-native-reference .membership-edit #edit-address2{
    min-height: 100px;
    padding: 1rem 1.25rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .membership-edit #edit-address1,.mb-native-reference .membership-edit #edit-address2{
    min-height: 60px;
  }}
.mb-native-reference section.mypage-mail-change{
  padding-bottom: 2.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .mypage-mail-change .front-form-inner{
    margin-top: 3.75rem;
  }}
.mb-native-reference section.billing-address{
  background-color: #F8F9FE;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding: 3.75rem 1.25rem;
}
.mb-native-reference .card-design-list .list-box{
  background-color: #fff;
  border: var(--gray-blue-color, #9BA4B8) solid 1px;
  padding: 1.875rem;
  width: 380px;
}
@media  print, (min-width: 992px) {.mb-native-reference .card-design-list .list-box{ 
    max-width: calc((100vw - 100px) / 3);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .card-design-list .w-380px-lg{
    max-width: calc((100vw - 100px) / 3);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .is-y-scrollbar-visible .card-design-list .list-box,.mb-native-reference .is-y-scrollbar-visible .card-design-list .w-380px-lg{ 
    max-width: calc((100vw - 100px - 17px) / 3);
  }}
.mb-native-reference .card-design-list{
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.875rem;
}
.mb-native-reference .billing-address .card-design-list dl{
  margin-bottom: 0;
}
.mb-native-reference .card-design-list dl,.mb-native-reference .card-design-list dt{
  margin-bottom: 1.875rem;
}
.mb-native-reference .card-design-list dd{
  line-height: 1.8;
}
.mb-native-reference .card-design-list .icon-remove,.mb-native-reference .card-design-list .icon-document{
  height: 21px;
  display: block;
  margin: auto;
}
.mb-native-reference .card-design-list .icon-document{
  margin-right: 0.625rem;
}
.mb-native-reference .card-design-list .list-setup,.mb-native-reference .item-setup{
  border: var(--gray-blue-color, #9BA4B8) dashed 1px;
  padding: 0;
}
.mb-native-reference .card-design-list .list-box button,.mb-native-reference .remove-button{
  background: none;
  padding: 5px;
  margin: -5px;
  border: none;
  color: var(--logo-color);
  cursor: pointer;
}
.mb-native-reference .card-design-list .list-setup button{
  width: 100%;
  height: 100%;
  padding: 1.875rem;
  border: none;
  background: none;
  border-radius: 10px;
}
.mb-native-reference .item-setup{
  background: none;
  border-radius: 10px;
  max-width: 100%;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .item-setup{ 
    width: 100%;
    min-height: 177px;
    padding: 20px 17px 12px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .item-setup{ 
    width: 380px;
    min-height: 240px;
    padding: 1.875rem;
  }}
.mb-native-reference .card-design-list .accordion-head{
  padding-bottom: 0;
}
.mb-native-reference .card-design-list .list-setup .icon-addcircle,.mb-native-reference .item-setup .icon-addcircle{
  margin: auto auto 1.875rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .billing-address .card-design-list .list-box{
    min-height: 240px;
  }
.mb-native-reference .card-design-list .list-box{
    min-height: 280px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.billing-address{
    padding: 2.5rem;
  }
.mb-native-reference .card-design-list{
    grid-template-columns: 1fr;
    row-gap: 1.25rem;
  }
.mb-native-reference .card-design-list .list-box{
    width: 100%;
    min-height: 180px;
    padding: 1.25rem;
  }
.mb-native-reference .card-design-list dd{
    font-size: 0.875rem;
  }
.mb-native-reference .card-design-list dt{
    margin-bottom: 1.25rem;
  }
.mb-native-reference .card-design-list .list-setup .icon-addcircle,.mb-native-reference .icon-addcircle .icon-addcircle{
    margin: auto auto 1.25rem;
  }
.mb-native-reference .card-design-list .list-setup button,.mb-native-reference .icon-addcircle button{
    min-height: 215px;
  }}
.mb-native-reference .text-break-all{
  word-break: break-all;
}
.mb-native-reference .credit-checkbox [type=checkbox],.mb-native-reference .card-list-item .checkbox{
  background: none;
  background-position: center;
  width: 25px;
  height: 25px;
  border: var(--logo-color, #003D5C) solid 2px;
  border-radius: 50px;
}
.mb-native-reference .mypage-credit-card .card-box.checked,.mb-native-reference .card-list-item:not(.not-use).checked{
  background-color: #F8F9FE;
  outline: var(--logo-color, #003D5C) solid 1px;
  border-color: var(--logo-color, #003D5C);
}
.mb-native-reference .card-design-list .card-box{
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mb-native-reference .card-design-list .card-box .credit-infomation{
  margin: auto 0 0 auto;
}
.mb-native-reference .card-design-list .card-box.not-use,.mb-native-reference .card-list-item.not-use{
  position: relative;
  background-color: var(--gray-eee-color, #eee);
  border: var(--gray-mid-color, #999) solid 1px;
  color: var(--gray-mid-color, #999);
}
.mb-native-reference .card-design-list .card-box.not-use [type=checkbox],.mb-native-reference .card-list-item.not-use .checkbox{
  display: none;
}
.mb-native-reference .card-design-list .card-box.not-use .notuse-text,.mb-native-reference .card-list-item.not-use .notuse-text{
  max-width: 90%;
  padding: 0.5rem;
  color: #C50000;
  max-width: calc(100% + 1rem);
  margin: -0.5rem -0.5rem 0;
  padding: 0 0 0.375rem;
  font-size: clamp(0.875rem, 2vw, 1.125rem);
}
@media  print, (min-width: 992px) {.mb-native-reference .card-design-list .card-box.not-use .notuse-text,.mb-native-reference .card-list-item.not-use .notuse-text{ 
    margin-top: -0.625rem;
    font-size: clamp(0.75rem, 1.4vw, 1.125rem);
  }}
.mb-native-reference .front-form-group .front-input-list.-credit{
  grid-template-columns: 120px 120px;
  margin-right: 1.25rem;
}
.mb-native-reference .w-120px{
  width: 120px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .credit-infomation li{
    font-size: 0.875rem;
  }
.mb-native-reference .card-design-list .card-box{
    min-height: 177px;
    padding: 20px 17px 12px;
  }
.mb-native-reference .card-design-list .card-box p{
    font-size: 1.25rem;
  }
.mb-native-reference .card-design-list .card-box .icon-remove{
    width: 18px;
    height: 21px;
  }
.mb-native-reference .credit-checkbox [type=checkbox]{
    width: 22px;
    height: 22px;
    border: var(--logo-color, #003D5C) solid 2px;
    border-radius: 50px;
  }
.mb-native-reference .mypage-credit-card .list-setup button{
    min-height: 177px;
  }}
.mb-native-reference .fav-products .remove-btn{
  position: absolute;
  top: -38px;
  right: 8px;
  border: none;
  background: transparent;
  padding: 4px;
}
.mb-native-reference .fav-products .remove-btn:hover{
  cursor: pointer;
}
.mb-native-reference .fav-products .products-body .btn.prev-button:hover,.mb-native-reference .fav-products .products-body .btn.next-button:hover,.mb-native-reference .fav-products .products-body .slide-prev-button:hover,.mb-native-reference .fav-products .products-body .slide-next-button:hover{
  background-color: inherit;
  color: inherit;
  transition: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .fav-products .products-body{
    overflow: hidden;
  }
.mb-native-reference .fav-products-empty[style="display: block;"]{
    margin-top: -1.875rem;
    padding-left: 0.675rem;
    padding-right: 0.675rem;
  }
.mb-native-reference .fav-products .products-list{
    row-gap: 2.25rem;
  }
.mb-native-reference .fav-products .products-body .slide-prev-button,.mb-native-reference .fav-products .products-body .slide-next-button{
    position: absolute;
    top: 118px;
    z-index: 1;
    width: 2.2em;
    height: 2.2em;
    border: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 0;
  }
.mb-native-reference .fav-products .products-body .slide-prev-button{
    left: 1%;
  }
.mb-native-reference .fav-products .products-body .slide-next-button{
    right: 1%;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .fav-products .grid-lg{
    display: grid;
  }
.mb-native-reference .fav-products .products-body{
    container-type: inline-size;
  }
.mb-native-reference .products-list-cols-4-lg{
    grid-template-columns: repeat(3, minmax(287px, 1fr));
  }}
@media  print, print and (min-width: 1250px), print and (min-width: 992px), (min-width: 992px) and (min-width: 1250px) {.mb-native-reference .products-list-cols-4-lg{
    grid-template-columns: repeat(4, minmax(274px, 1fr));
  }}
@media  print, (min-width: 992px) {.mb-native-reference .fav-products .products-item{
    margin-bottom: 85px;
  }}
.mb-native-reference .cancel-membership .cancel-attention-list li{
  position: relative;
  padding-left: 1rem;
  word-break: break-all;
}
.mb-native-reference .cancel-membership .cancel-attention-list .indent--1rem *{
  text-indent: 0;
}
.mb-native-reference .cancel-attention-list li::before{
  content: "・";
  margin-right: -0.25rem;
}
.mb-native-reference .cancel-membership .cancel-attention-list li + li{
  margin-top: 1.875rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .cancel-membership .front-form-group:has(.front-form-control){
    margin-top: 0;
  }
.mb-native-reference .cancel-membership .front-group-radio{
    gap: 2.5rem;
    margin-top: 2.5rem;
  }
.mb-native-reference .cancel-membership .front-form-group .btn.has-arw-r{
    width: 300px;
  }
.mb-native-reference .cancel-membership .pin-button-group{
    gap: 3.75rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cancel-membership .front-group-radio{
    gap: 1.5rem;
    margin-top: 1.5rem;
  }
.mb-native-reference .cancel-membership .cancel-attention-list{
    font-size: 0.875rem;
  }
.mb-native-reference .cancel-membership .form-white-button{
    width: 240px;
  }}
.mb-native-reference .setting-2factor .front-form-group:has(.front-form-control){
  margin-top: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .setting-2factor,.mb-native-reference .setting-2factor-cmpl{
    font-size: 0.875rem;
  }
.mb-native-reference .setting-2factor .front-group-radio{
    padding: 1.25rem;
    line-height: 2;
    border-radius: 10px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .setting-2factor .front-group-radio{
    padding: 2.5rem;
    line-height: 2;
    border-radius: 20px;
  }}
.mb-native-reference .newsletter-setting .word-wrap{
  word-wrap: break-word;
}
.mb-native-reference .newsletter-setting .front-form-group:has(.front-form-control){
  margin-top: 0;
}
.mb-native-reference .newsletter-setting .front-form-group .connection-img{
  transform: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .newsletter-setting,.mb-native-reference .newsletter-setting-cmpl{
    font-size: calc(1rem - 1px);
  }}
@media  screen and (max-width: 991.98px) and (max-width: 359px) {.mb-native-reference .newsletter-setting,.mb-native-reference .newsletter-setting-cmpl{ 
    font-size: 0.875rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .newsletter-setting .front-group-radio{
    padding: 1.25rem;
    line-height: 2;
    border-radius: 10px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .newsletter-setting .front-group-radio{
    padding: 2.5rem;
    line-height: 2;
    border-radius: 20px;
  }}
.mb-native-reference .item-order-number .order-cancel-button{
  background-color: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--color-logo, #003D5C);
}
.mb-native-reference .cart-shipping-info .background-blue{
  background-color: #F8F9FE;
}
.mb-native-reference .cart-shipping-items .shipped-data{
  border: solid 1px;
  display: inline-block;
  height: 30px;
  padding: 3px 15px;
}
.mb-native-reference .cart-item-control .cart-item-repair-button,.mb-native-reference .cart-item-control .cart-item-return-button{
  background-color: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 2px 1px;
  font-size: 0.875rem;
  color: var(--color-logo, #003D5C);
  letter-spacing: -0.1px;
  white-space: nowrap;
  cursor: pointer;
}
.mb-native-reference .cart-item-control.-shipped{
  column-gap: 1.25rem;
  row-gap: 0.625rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .btn-cancel-block .btn{
    width: 100%;
    height: 60px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .item-order-number{
    margin: 1.875rem auto;
  }
.mb-native-reference .btn-cancel-block{
    gap: 60px;
  }
.mb-native-reference .btn-cancel-block .btn{
    width: 250px;
    height: 80px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .btn-cancel-block .btn{
    width: 100%;
    height: 60px;
  }}
.mb-native-reference .order-status,.mb-native-reference .order-status-list,.mb-native-reference .cs-contact{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .order-status .sub-links{
    font-size: 0.875rem;
  }}
.mb-native-reference .order-status-list .repurchase-button{
  background-color: transparent;
  border: none;
  outline: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .order-status-list{
    font-size: 0.875rem;
  }
.mb-native-reference .order-status-list .return-btn,.mb-native-reference .order-status-list .cancel-btn{
    height: 38px;
    width: 48%;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .order-status-list > .container{
    margin-bottom: 200px;
  }
.mb-native-reference .order-status-list .return-btn,.mb-native-reference .order-status-list .cancel-btn{
    height: 50px;
    width: 160px;
  }}
.mb-native-reference .purchase-history-list .period_filter{
  grid-template-columns: 120px 30px 120px;
  gap: 20px;
}
.mb-native-reference .purchase-history-list .period_filter .filter_hyphen{
  margin-top: 50px;
}
.mb-native-reference .cs-contact .front-form-control.topic-select,.mb-native-reference .cs-contact .front-form-control.category-select{
  padding: 0.5rem 2.25rem 0.5rem 1rem;
  color: inherit;
}
@media  print, (min-width: 992px) {.mb-native-reference .cs-contact .front-form-control.topic-select,.mb-native-reference .cs-contact .front-form-control.category-select{ 
    padding-left: 1.125rem;
    height: auto;
    min-height: 54px;
  }}
.mb-native-reference .cs-contact .front-form-group.bg-on{
  background-color: #F8F9FE;
}
.mb-native-reference .cs-contact .opt-g.bg-blue{
  background-color: var(--gray-blue-light-color, #E1E6F1);
  font-size: 1.125rem;
  font-weight: lighter;
}
.mb-native-reference .cs-contact .opt-g.bg-blue option{
  background-color: #fff;
  font-size: 1rem;
}
.mb-native-reference .cs-contact #contact-next{
  
  background-color: var(--logo-color, #003D5C);
  color: #fff;
  width: 400px;
  height: 80px;
  font-size: 1.125rem;
  transition: all 0.16s;
}
.mb-native-reference .cs-contact #contact-next:hover{
  background-color: #fff;
  color: var(--logo-color, #003D5C);
  border: solid 1px;
}
.mb-native-reference .cs-contact #contact-next:disabled{
  background-color: var(--gray-safe-color, #767676);
  opacity: 1;
  cursor: not-allowed;
}
.mb-native-reference .cs-contact #contact-next:disabled:hover{
  pointer-events: none;
  color: #ccc;
}
.mb-native-reference .cs-contact .form-blue-button.has-arw-r#contact-next:disabled:hover > .icon-arw-next{
  filter: brightness(0%) invert(100%);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cs-contact{
    font-size: 1rem;
  }
.mb-native-reference .cs-contact .front-form-group.bg-on{
    margin: 2.5rem -1.25rem 0;
    padding: 2.25rem 1.25rem 3.5rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .front-form-group .front-select-width.-contact{
    width: 800px;
  }
.mb-native-reference .cs-contact .front-form-group.bg-on{
    border-radius: 20px;
    margin: 2.5rem auto 0;
    padding: 3rem 2.5rem 3.5rem;
  }}
.mb-native-reference .cs-contact .form-inner-block textarea{
  resize: vertical;
  padding: 0.75rem 1rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .cs-contact .form-inner-block textarea{ 
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }}
.mb-native-reference .cs-contact .form-inner-block #cs-desctiption,.mb-native-reference .cs-contact .form-inner-block #cs-question{
  height: 278px;
  line-height: 1.75;
}
.mb-native-reference .front-form-group label[for=cs-description]{
  margin-bottom: 0.25rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cs-contact .form-inner-block #cs-desctiption{
    height: 258px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cs-contact .form-inner-block{
    padding: 0 2.5rem;
  }
.mb-native-reference .front-form-group label[for=cs-description],.mb-native-reference .front-form-group label[for=cs-question]{
    margin-bottom: 0.5rem;
  }
.mb-native-reference .cs-contact .w-640px-lg{
    width: 640px;
  }}
.mb-native-reference .cs-contact .upload-btn{
  line-height: 1.5;
  border: 1px solid #ffffff;
  border-radius: 5px;
}
@media  print, (min-width: 992px) {.mb-native-reference .cs-contact .upload-btn{ 
    width: 400px;
  }}
.mb-native-reference .cs-contact .cs-label-upload.front-form-label{
  display: block;
  margin-bottom: 0.75rem;
}
.mb-native-reference .cs-contact .cs-input-upload{
  display: inline-flex;
  width: 200px;
  padding: 10px 40px;
  color: #ffffff;
  background-color: #6B7494;
  border-radius: 5px;
  height: 45px;
  justify-content: center;
  align-items: center;
}
.mb-native-reference .cs-contact input[type=file]{
  display: none;
}
@media  print, (min-width: 992px) {.mb-native-reference .cs-contact .cs-input-upload{
    width: 260px;
  }}
.mb-native-reference .cs-contact.-return .mt-10px{
  margin-top: 10px;
}
.mb-native-reference .cs-contact.-return .table-return{
  display: table;
  border: var(--gray-color) solid 1px;
  box-sizing: border-box;
  width: 944px;
  background-color: #fff;
  border-collapse: collapse;
}
@media  print, (min-width: 992px) {.mb-native-reference .cs-contact.-return .table-return{ 
    max-width: 100%;
  }}
.mb-native-reference .cs-contact.-return .front-form-control.h-35px-lg{
  height: 35px;
  padding: 0.25rem 0.5rem;
}
.mb-native-reference .cs-contact.-return .table-return > thead > tr > th{
  background-color: var(--logo-color, #003D5C);
  color: #fff;
  padding: 0.85rem 0.5rem;
}
.mb-native-reference .cs-contact.-return .table-return > tbody{
  background-color: #F8F9FE;
}
.mb-native-reference .cs-contact.-return .table-return > tbody > tr > td{
  padding: 0.5rem;
}
.mb-native-reference .cs-contact.-return .table-return > thead > tr > th:first-child,.mb-native-reference .cs-contact.-return .table-return .table-row-return td:first-child{
  padding-left: 1rem;
}
.mb-native-reference .cs-contact.-return .table-return > thead > tr > th:last-child,.mb-native-reference .cs-contact.-return .table-return .table-row-return td:last-child{
  padding-right: 1rem;
}
.mb-native-reference .cs-contact.-return .table-row-return{
  border-bottom: var(--gray-color) solid 1px;
}
.mb-native-reference .cs-contact.-return .form-inner-block textarea{
  resize: vertical;
  padding: 1rem 1.25rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cs-contact.-return .x-scroll{
    overflow-x: scroll;
  }
.mb-native-reference .cs-contact.-return .table-row-return > td{
    height: 76px;
  }
.mb-native-reference .cs-contact.-return .scrollbar-control::-webkit-scrollbar{
    height: 3px;
  }
.mb-native-reference .cs-contact.-return .scrollbar-control::-webkit-scrollbar-track{
    background-color: var(--gray-color, #ccc);
  }
.mb-native-reference .cs-contact.-return .scrollbar-control::-webkit-scrollbar-thumb{
    background-color: var(--logo-color, #003D5C);
  }
.mb-native-reference .cs-contact.-return .scrollbar-control{
    scrollbar-width: thin;
    scrollbar-color: #003D5C #ccc;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cs-contact.-return .form-inner-block{
    padding: 0 2.5rem;
  }
.mb-native-reference .cs-contact.-return .table-row-return{
    height: 90px;
  }}
.mb-native-reference .cs-contact .file-upload + .file-upload,.mb-native-reference .cs-contact [id^=file-error-container] + .file-upload{
  margin-top: 1.75rem;
}
.mb-native-reference .cs-contact .file-upload input[type=file]{
  display: block;
  padding-top: 6px;
  border-radius: 5px;
  height: auto;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .cs-contact .file-upload input[type=file]{ 
    height: 35px;
    font-size: 0.875rem;
    width: 100%;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .cs-contact .file-upload input[type=file]{ 
    min-height: 36px;
  }}
.mb-native-reference .cs-contact .file-upload input[type=file]:hover{
  cursor: pointer;
}
.mb-native-reference .form-control::file-selector-button{
  padding: 0.5rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 4px 0 0 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mb-native-reference .red-button{
  background-color: #C50000;
}
.mb-native-reference .red-button.-filedelete{
  border: none;
  height: 35px;
  white-space: nowrap;
}
.mb-native-reference .red-button.-filedelete:hover{
  background-color: #C50000;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .file-upload .figure-group{ 
    margin-top: -2.125rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .file-upload .figure-group:has([src=""]),.mb-native-reference .file-upload .figure-group:has(.upload-file-img[style*="display: none"]){ 
    margin-top: -0.25rem;
  }}
.mb-native-reference .upload-file-fig{
  border: var(--gray-color) solid 1px;
  border-radius: 0.25rem;
  overflow: hidden;
}
.mb-native-reference .upload-file-img{
  aspect-ratio: 80/80;
  object-fit: cover;
}
.mb-native-reference .figure-group .upload-fime-title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 20px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .figure-group .upload-fime-title{ 
    width: calc(100% - 82px - 1rem);
    max-height: 2.625rem;
    -webkit-line-clamp: 2;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .figure-group .upload-fime-title{ 
    max-height: 80px;
    -webkit-line-clamp: 4;
  }}
.mb-native-reference .cs-contact .cs-text-block{
  padding: 2rem 1.25rem 2.5rem;
  border-radius: 10px;
  border: var(--logo-color, #003D5C) solid 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: left;
}
.mb-native-reference .cs-contact .cs-text-block p{
  line-height: 1.75;
}
@media  print, (min-width: 992px) {.mb-native-reference .cs-contact .cs-text-block{
    border-radius: 20px;
    padding: 3.25rem 3.75rem 3.75rem;
  }
.mb-native-reference .cs-contact .cs-text-block p{
    line-height: 2;
  }
.mb-native-reference .cs-contact .cs-text-block p:first-of-type{
    margin-top: 0.5em;
  }}
.mb-native-reference{
  --contents-max-width: 1366px;
  --text-color: #222;
  --logo-color: #003D5C;
  --gray-color: #ccc;
  --gray-dark-color: #666;
  --gray-pure-color: #7F7F7F;
  --gray-light-color: #F8F9FE;
  --gray-blue-color: #9BA4B8;
  --gray-blue-light-color: #E1E6F1;
  --accent-color: #E2E0D7;
  --red-text-color: #C50000;
  --red-dark-color: #A70000;
  --blue-pick-color: #0070C0;
  --red-pick-color: #FF0000;
  --yellow-pick-color: #FED533;
  --green-pick-color: #77933C;
  --purple-pick-color: #7030A0;
  --orange-pick-color: #FF6600;
  --brown-pick-color: #984807;
  --pink-pick-color: #F0728F;
  --skin-pick-color: #FCD5B5;
  --line-height-sm: 1.25;
  --line-height-base: 1.5;
  --list-padding-y: 0.25rem;
  --z-index--1: -1;
  --z-index-0: 0;
  --z-index-low: 1;
  --z-index-middle: 2;
  --z-index-high: 3;
}
.mb-native-reference .general-page-link:hover,.mb-native-reference [class*=link-word-id]:hover{
  cursor: pointer;
}
.mb-native-reference .gp-block{
  display: block;
  padding-block: 0.25rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-block{ 
    font-size: 0.875rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-block{ 
    padding-block: 0.5rem;
  }}
.mb-native-reference .contents > .gp-block{
  padding-inline: 1rem;
}
.mb-native-reference .container.max-w1200-with-px-1rem{
  padding-inline: 1rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .container.max-w1200-with-px-1rem{ 
    width: calc(1200px + 2rem);
  }}
.mb-native-reference .gp-container{
  width: var(--contents-max-width, 1366px);
  max-width: 100%;
  margin-inline: auto;
  margin-block-end: 1rem;
}
.mb-native-reference .gp-container-border-bottom{
  border-bottom: #ccc solid 1px;
  padding-bottom: 1.125rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-container-border-bottom{ 
    padding-bottom: 1.75rem;
  }}
.mb-native-reference hr.gp-container-border-bottom{
  border: none;
  border-bottom: #ccc solid 1px;
  margin-block: 1.125rem;
  padding-bottom: 0;
}
@media  print, (min-width: 992px) {.mb-native-reference hr.gp-container-border-bottom{ 
    margin-block: 1.75rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-figure{ 
    width: 100px;
    margin-block-end: 1.25rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-figure{ 
    margin-block-end: 1.25rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-figure .gp-img{ 
    width: 100%;
  }}
.mb-native-reference .gp-link{
  text-decoration: underline;
}
.mb-native-reference .gp-link:hover{
  text-decoration: none;
}
.mb-native-reference .gp-img-border{
  border: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .gp-title{
  order: 0;
  width: 100%;
}
.mb-native-reference .gp-p:first-child{
  margin-top: 0;
}
.mb-native-reference .gp-ul,.mb-native-reference .gp-ol{
  margin-block: 0.75rem;
  padding-inline: 1.25rem 0.75rem;
}
.mb-native-reference .gp-li{
  margin-block: 0.125rem;
}
.mb-native-reference .gp-list-mark{
  list-style: disc;
}
.mb-native-reference .gp-action{
  margin-block: 1.125rem 0.625rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-action{ 
    margin-block-start: 0.875rem;
  }}
.mb-native-reference .gp-action:last-child{
  margin-block-end: 0;
}
.mb-native-reference .gp-h2 + br,.mb-native-reference .gp-h3 + br,.mb-native-reference .gp-h4 + br,.mb-native-reference .gp-action + br,.mb-native-reference .gp-ul + br,.mb-native-reference .gp-ol + br{
  display: none;
}
.mb-native-reference .gp-btn{
  --gp-btn-font-size: 0.875rem;
  background-color: var(--gray-light-color, #F8F9FE);
  border: var(--gray-blue-color, #9BA4B8) solid 1px;
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0.25rem;
  padding: 0.375rem 1rem;
  font-size: var(--gp-btn-font-size, 0.875rem);
  border-radius: 0.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-btn{ 
    --gp-btn-font-size: 1.125rem;
    padding: 0.5rem 1.125rem;
  }}
.mb-native-reference .gp-title-text{
  font-weight: 500;
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-title-text{ 
    font-size: 1.8rem;
  }}
.mb-native-reference .gp-block .gp-h2:first-child,.mb-native-reference .gp-block .gp-h3:first-child,.mb-native-reference .gp-block .gp-h4:first-child{
  margin-block-start: 0;
}
.mb-native-reference .gp-h2{
  --gp-font-size: 1.67rem;
  margin-block-start: 1.25rem;
  margin-block-end: 1.25rem;
  font-size: calc(var(--gp-font-size) - 2px);
  font-weight: 500;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-h2{ 
    --gp-font-size: 1.67rem;
    margin-block-start: 2rem;
    margin-block-end: 2rem;
  }}
.mb-native-reference .gp-h3{
  --gp-font-size: 1.5rem;
  margin-block-start: 1.125rem;
  margin-block-end: 1.125rem;
  font-size: calc(var(--gp-font-size) - 2px);
  font-weight: 500;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-h3{ 
    --gp-font-size: 1.5rem;
    margin-block-start: 1.5rem;
    margin-block-end: 1.5rem;
  }}
.mb-native-reference .gp-h4{
  --gp-font-size: 1.4rem;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
  font-size: calc(var(--gp-font-size) - 2px);
  font-weight: 400;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-h4{ 
    --gp-font-size: 1.4rem;
    margin-block-start: 1.25rem;
    margin-block-end: 1.25rem;
  }}
.mb-native-reference .gp-p + .gp-h2{
  margin-block-start: 1.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-p + .gp-h2{ 
    margin-block-start: 2rem;
  }}
.mb-native-reference .gp-p + .gp-h3{
  margin-block-start: 1.125rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-p + .gp-h3{ 
    margin-block-start: 1.5rem;
  }}
.mb-native-reference .gp-p + .gp-h4{
  margin-block-start: 1rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-p + .gp-h4{ 
    margin-block-start: 1.25rem;
  }}
.mb-native-reference .gp-text-color{
  --gp-text-color: #222;
  color: var(--gp-text-color, #222);
}
.mb-native-reference .gp-type-band,.mb-native-reference .gp-title-type_a,.mb-native-reference .gp-title-type_b,.mb-native-reference .gp-title-type_c{
  --gp-bg-color: #003D5C;
  background-color: var(--gp-bg-color, #003D5C);
  padding: 0.625rem 0.75rem;
  font-size: calc(var(--gp-font-size) - 2px);
  border-radius: 2px;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-type-band,.mb-native-reference .gp-title-type_a,.mb-native-reference .gp-title-type_b,.mb-native-reference .gp-title-type_c{ 
    font-size: calc(var(--gp-font-size) - 2px);
  }}
.mb-native-reference .gp-h2.gp-type-band,.mb-native-reference .gp-title-type_a{
  color: var(--gp-text-color, #fff);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-h2.gp-type-band,.mb-native-reference .gp-title-type_a{ 
    line-height: var(--line-height-sm, 1.25);
  }}
.mb-native-reference .gp-h3.gp-type-band,.mb-native-reference .gp-title-type_b{
  --gp-bg-color: #003D5C;
  background-color: transparent;
  border: var(--gp-bg-color, #003D5C) solid 2px;
  padding: calc(0.625rem - 2px) calc(0.75rem - 2px);
  color: var(--gp-text-color, #003D5C);
}
.mb-native-reference .gp-h4.gp-type-band,.mb-native-reference .gp-title-type_c{
  --gp-bg-color: #003D5C;
  background-color: transparent;
  border-bottom: var(--gp-bg-color, #003D5C) solid 1px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-h4.gp-type-band,.mb-native-reference .gp-title-type_c{ 
    font-size: calc(var(--gp-font-size) - 2px);
    line-height: var(--line-height-sm, 1.25);
  }}
.mb-native-reference .gp-title-type_d{
  --gp-bg-color: #003D5C;
  border-left: solid 10px var(--gp-bg-color, #003D5C);
  padding: 0.35rem 0.75rem;
}
.mb-native-reference .gp-title-type_e{
  padding-left: 2rem;
  position: relative;
  text-indent: -1.6rem;
}
.mb-native-reference .gp-title-type_e::before{
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 0.4rem solid var(--gp-bg-color, #003D5C); 
  border-radius: 50%;
  margin-right: 0.5rem;
  vertical-align: -0.1em;
}
.mb-native-reference .gp-h4.gp-type-band:not([style*=background-color]),.mb-native-reference .gp-title-type_c:not([style*=background-color]){
  padding-inline: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-h4.gp-type-band:not([style*=background-color]),.mb-native-reference .gp-title-type_c:not([style*=background-color]){ 
    padding-inline: 0;
  }}
.mb-native-reference h1 .gp-link,.mb-native-reference h2 .gp-link,.mb-native-reference h3 .gp-link,.mb-native-reference h4 .gp-link,.mb-native-reference h5 .gp-link{
  text-decoration: none;
}
.mb-native-reference .gp-figure .gp-link{
  display: block;
  text-decoration: none;
}
.mb-native-reference .gp-figure-top .gp-link,.mb-native-reference .gp-figure-top .gp-link,.mb-native-reference .gp-figure-top .gp-link,.mb-native-reference .gp-figure-top .gp-link{
  width: fit-content;
}
.mb-native-reference .gp-figure-bottom .gp-link,.mb-native-reference .gp-figure-bottom .gp-link,.mb-native-reference .gp-figure-bottom .gp-link,.mb-native-reference .gp-figure-bottom .gp-link{
  width: fit-content;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-type-1 .gp-figure-top .gp-link,.mb-native-reference .gp-article-type-1 .gp-figure-bottom .gp-link,.mb-native-reference .gp-article-type-2 .gp-figure-top .gp-link,.mb-native-reference .gp-article-type-2 .gp-figure-bottom .gp-link,.mb-native-reference .gp-article-type-3 .gp-figure-top .gp-link,.mb-native-reference .gp-article-type-3 .gp-figure-bottom .gp-link,.mb-native-reference .gp-article-type-4 .gp-figure-top .gp-link,.mb-native-reference .gp-article-type-4 .gp-figure-bottom .gp-link{ 
    width: auto;
  }}
.mb-native-reference .gp-article-type-1{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-block-end: 1.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-type-1{ 
    gap: 2.5rem;
    margin-block-end: 2.5rem;
  }}
.mb-native-reference .gp-article-type-2{
  display: grid;
  gap: 1.5rem;
  margin-block-end: 1.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-type-2{ 
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3.625rem;
    row-gap: 2.5rem;
    margin-block-end: 2.5rem;
  }}
.mb-native-reference .gp-article-type-3{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-block-end: 1.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-type-3{ 
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(3.25rem + 1px);
    row-gap: 2.5rem;
    margin-block-end: 2.5rem;
  }}
.mb-native-reference .gp-article-type-4{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-block-end: 1.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-type-4{ 
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2.625rem;
    row-gap: 2.5rem;
    margin-block-end: 2.5rem;
  }}
.mb-native-reference .gp-article-1-item,.mb-native-reference .gp-article-2-item,.mb-native-reference .gp-article-3-item,.mb-native-reference .gp-article-4-item{
  display: flex;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-1-item,.mb-native-reference .gp-article-2-item,.mb-native-reference .gp-article-3-item,.mb-native-reference .gp-article-4-item{ 
    flex-direction: column;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-right,.mb-native-reference .gp-article-2-item.gp-figure-right,.mb-native-reference .gp-article-3-item.gp-figure-right,.mb-native-reference .gp-article-4-item.gp-figure-right{ 
    flex-direction: row-reverse;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-block:not(:has(.gp-title)) .gp-article-3-item.gp-figure-right,.mb-native-reference .gp-block:not(:has(.gp-title)) .gp-article-4-item.gp-figure-right{ 
    flex-direction: column-reverse;
    justify-content: flex-end;
  }}
.mb-native-reference .gp-article-1-item.gp-figure-top,.mb-native-reference .gp-article-2-item.gp-figure-top,.mb-native-reference .gp-article-3-item.gp-figure-top,.mb-native-reference .gp-article-4-item.gp-figure-top{
  flex-direction: column;
}
.mb-native-reference .gp-article-1-item.gp-figure-bottom,.mb-native-reference .gp-article-2-item.gp-figure-bottom,.mb-native-reference .gp-article-3-item.gp-figure-bottom,.mb-native-reference .gp-article-4-item.gp-figure-bottom{
  flex-direction: column-reverse;
  justify-content: flex-end;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-1-item,.mb-native-reference .gp-article-1-item.gp-figure-right,.mb-native-reference .gp-article-2-item.gp-figure-right{ 
    flex-direction: column;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-left,.mb-native-reference .gp-article-1-item.gp-figure-right,.mb-native-reference .gp-article-2-item.gp-figure-left,.mb-native-reference .gp-article-2-item.gp-figure-right,.mb-native-reference .gp-article-3-item.gp-figure-left,.mb-native-reference .gp-article-3-item.gp-figure-right,.mb-native-reference .gp-article-4-item.gp-figure-left,.mb-native-reference .gp-article-4-item.gp-figure-right{ 
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto 1fr;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-left,.mb-native-reference .gp-article-2-item.gp-figure-left{ 
    grid-template-columns: auto 1fr;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-right,.mb-native-reference .gp-article-2-item.gp-figure-right{ 
    grid-template-columns: 1fr auto;
  }}
.mb-native-reference .gp-article-1-item.gp-figure-left .gp-title,.mb-native-reference .gp-article-1-item.gp-figure-right .gp-title,.mb-native-reference .gp-article-2-item.gp-figure-left .gp-title,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-title,.mb-native-reference .gp-article-3-item.gp-figure-left .gp-title,.mb-native-reference .gp-article-3-item.gp-figure-right .gp-title,.mb-native-reference .gp-article-4-item.gp-figure-left .gp-title,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-title{
  grid-column-start: 1;
  grid-column-end: 3;
}
.mb-native-reference .gp-article-1-item.gp-figure-bottom .gp-title,.mb-native-reference .gp-article-2-item.gp-figure-bottom .gp-title,.mb-native-reference .gp-article-3-item.gp-figure-bottom .gp-title,.mb-native-reference .gp-article-4-item.gp-figure-bottom .gp-title{
  order: 1;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-1-item.gp-figure-bottom .gp-title,.mb-native-reference .gp-article-2-item.gp-figure-bottom .gp-title,.mb-native-reference .gp-article-3-item.gp-figure-bottom .gp-title,.mb-native-reference .gp-article-4-item.gp-figure-bottom .gp-title{  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-bottom .gp-title,.mb-native-reference .gp-article-2-item.gp-figure-bottom .gp-title,.mb-native-reference .gp-article-3-item.gp-figure-bottom .gp-title,.mb-native-reference .gp-article-4-item.gp-figure-bottom .gp-title{  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-1-item .gp-figure,.mb-native-reference .gp-article-2-item .gp-figure,.mb-native-reference .gp-article-3-item .gp-figure,.mb-native-reference .gp-article-4-item .gp-figure{ 
    margin: 0 auto 1.25rem;
  }}
.mb-native-reference .gp-article-1-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-3-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-figure{
  order: 2;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-1-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-3-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-figure{ 
    margin-block-start: 1.25rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-3-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-figure{  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-2-item.gp-figure-left .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-figure{ 
    max-width: 240px;
  }}
.mb-native-reference .gp-article-1-item.gp-figure-top .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-top .gp-figure,.mb-native-reference .gp-article-3-item.gp-figure-top .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-top .gp-figure{
  width: auto;
  text-align: center;
}
.mb-native-reference .gp-article-1-item.gp-figure-left .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-left .gp-figure{
  width: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-left .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-left .gp-figure{ 
    margin-block-end: 0.625rem;
    margin-inline-end: 2rem;
    max-width: 500px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-3-item.gp-figure-left .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-left .gp-figure{ 
    width: auto;
    margin-inline-end: 0;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-3-item.gp-figure-left .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-left .gp-figure{ 
    width: 150px;
    margin-block-end: 0.625rem;
    margin-inline-end: 1.5rem;
  }}
.mb-native-reference .gp-article-1-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-figure{
  width: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-figure{ 
    margin-inline-start: 2rem;
    max-width: 500px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-3-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-figure{ 
    width: auto;
    margin-block-start: 1.25rem;
    margin-block-end: auto;
    margin-inline-start: 0;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-3-item.gp-figure-right .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-figure{ 
    width: 150px;
    margin-block-end: 0.625rem;
    margin-inline-start: 1.5rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-4-item.gp-figure-left .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-figure{ 
    width: 100px;
  }}
.mb-native-reference .gp-article-1-item.gp-figure-bottom .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-bottom .gp-figure,.mb-native-reference .gp-article-3-item.gp-figure-bottom .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-bottom .gp-figure{
  flex-grow: 0;
  flex-shrink: 0;
  margin-block-end: 0.625rem;
  text-align: center;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-1-item.gp-figure-bottom .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-bottom .gp-figure,.mb-native-reference .gp-article-3-item.gp-figure-bottom .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-bottom .gp-figure{ 
    width: auto;
    margin-block-start: 1.5rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-bottom .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-bottom .gp-figure,.mb-native-reference .gp-article-3-item.gp-figure-bottom .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-bottom .gp-figure{ 
    margin-block-start: 1.5rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-1-item.gp-figure-bottom:last-child .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-bottom:last-child .gp-figure,.mb-native-reference .gp-article-3-item.gp-figure-bottom:last-child .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-bottom:last-child .gp-figure,.mb-native-reference .gp-article-1-item.gp-figure-right:last-child .gp-figure,.mb-native-reference .gp-article-2-item.gp-figure-right:last-child .gp-figure,.mb-native-reference .gp-article-3-item.gp-figure-right:last-child .gp-figure,.mb-native-reference .gp-article-4-item.gp-figure-right:last-child .gp-figure{ 
    margin-block-end: 0.125rem;
  }}
.mb-native-reference .gp-article-1-item .gp-title + .gp-content,.mb-native-reference .gp-article-2-item .gp-title + .gp-content,.mb-native-reference .gp-article-3-item .gp-title + .gp-content,.mb-native-reference .gp-article-4-item .gp-title + .gp-content{
  grid-column: span 2;
}
.mb-native-reference .gp-article-1-item.gp-figure-right .gp-content,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-content,.mb-native-reference .gp-article-3-item.gp-figure-right .gp-content,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-content{
  order: 1;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-1-item.gp-figure-right .gp-content,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-content,.mb-native-reference .gp-article-3-item.gp-figure-right .gp-content,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-content{  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-article-1-item.gp-figure-right .gp-content,.mb-native-reference .gp-article-2-item.gp-figure-right .gp-content,.mb-native-reference .gp-article-3-item.gp-figure-right .gp-content,.mb-native-reference .gp-article-4-item.gp-figure-right .gp-content{  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-article-1-item .gp-h2{ 
    margin-block-end: 1rem;
    --gp-font-size: 1.67rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-letter .gp-h2,.mb-native-reference .gp-letter .gp-h3,.mb-native-reference .gp-letter .gp-h4{ 
    margin-block-end: 0.875rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-letter .gp-h2{ 
    --gp-font-size: 1.67rem;
  }}
.mb-native-reference .gp-list-type-a{
  display: grid;
  column-gap: 2.625rem;
  row-gap: 1.25rem;
  margin-bottom: 2rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-list-type-a{ 
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2rem;
  }}
.mb-native-reference .gp-list-a-item{
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto auto;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-list-a-item{ 
    column-gap: 1rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-list-a-item{ 
    column-gap: 1.5rem;
  }}
.mb-native-reference .gp-list-a-item:has(> .gp-figure){
  grid-template-columns: 112px auto;
}
.mb-native-reference .gp-list-a-item .gp-figure{
  flex-grow: 0;
  flex-shrink: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-list-a-item .gp-figure{ 
    width: 112px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-list-a-item .gp-figure{ 
    max-width: 200px;
  }}
.mb-native-reference .gp-list-title{
  --gp-font-size: 1.25rem;
  border-bottom: var(--gray-blue-light-color, #E1E6F1) solid 2px;
  margin-block-start: 0;
  margin-block-end: 1rem;
  padding-block-end: 0.625rem;
  font-size: var(--gp-font-size, 1.25rem);
  font-weight: 400;
}
.mb-native-reference .gp-list-a-item .gp-action,.mb-native-reference .gp-list-b-item .gp-action{
  margin-block: 1rem 0.625rem;
}
.mb-native-reference .gp-list-a-item .gp-btn,.mb-native-reference .gp-list-b-item .gp-btn{
  margin-inline-start: 0;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-list-a-item .gp-btn,.mb-native-reference .gp-list-b-item .gp-btn{ 
    padding: 0.375rem 1.375rem;
    --gp-btn-font-size: 1rem;
  }}
.mb-native-reference .gp-list-type-b{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  column-gap: 1.5rem;
  row-gap: 1.5rem;
  margin-bottom: 2rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-list-type-b{ 
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2.5rem;
    row-gap: 2rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-list-b-body{ 
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto 1fr;
    column-gap: 1.5rem;
  }}
.mb-native-reference .gp-list-type-b .gp-list-title{
  grid-column: 1/span 2;
}
.mb-native-reference .gp-list-b-body .gp-figure{
  flex-grow: 0;
  flex-shrink: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-list-b-body .gp-figure{ 
    width: 100%;
    margin-inline-end: 1rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-list-b-body .gp-figure{ 
    margin-block-start: 0.25rem;
  }}
.mb-native-reference .gp-list-b-body .gp-letter{
  font-size: 0.875rem;
}
.mb-native-reference .gp-list-b-body .gp-p:first-child{
  margin-block-start: 0;
}
.mb-native-reference .gp-list-b-body .gp-btn{
  padding: 0.375rem 0.875rem;
  --gp-btn-font-size: 0.875rem;
}
.mb-native-reference .gp-gallery-controller,.mb-native-reference .gp-gallery-pager{
  width: 1024px;
  max-width: 100%;
  margin-inline: auto;
}
.mb-native-reference .gp-gallery-item{
  flex-shrink: 0;
  width: 100%;
}
.mb-native-reference .gp-gallery-img{
  width: 100%;
  object-fit: contain;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-gallery-img{ 
    aspect-ratio: 16/9;
  }}
.mb-native-reference .gp-gallery-item .caption{
  padding: 0.5rem 0.75rem;
}
.mb-native-reference .gp-gallery-pager-container{
  max-width: 1124px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-gallery-pager{ 
    max-width: calc(100% - 34px - 34px);
  }}
.mb-native-reference .gp-gallery-pager .btn{
  display: none;
}
.mb-native-reference .gp-gallery-pager .btn{
  border: none;
  padding: 0.375rem;
  border-radius: 0.25rem;
}
.mb-native-reference .gp-gallery-pager-container .splide__arrow{
  width: 44px;
  height: 44px;
}
.mb-native-reference .gp-gallery-pager .pager-item{
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-gallery-pager .pager-item{ 
    width: 80px;
    height: 80px;
  }}
.mb-native-reference .splide__track--nav > .splide__list > .pager-item,.mb-native-reference .splide__track--nav > .splide__list > .pager-item.is-active{
  border: none;
}
.mb-native-reference .gp-gallery-pager .pager-img{
  border: var(--gray-color, #ccc) solid 1px;
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  object-fit: contain;
  box-sizing: content-box;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-gallery-pager .pager-img{ 
    width: 76px;
    height: 76px;
  }}
.mb-native-reference .gp-gallery-pager .pager-item.active .pager-img,.mb-native-reference .gp-gallery-pager .pager-item.is-active .pager-img{
  border: var(--logo-color, #003D5C) solid 2px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .has-arrow .gp-gallery-item{
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-gallery-controller .btn{
    height: 100px;
  }}
.mb-native-reference .gp-slide-splide{
  padding-bottom: 0.5rem;
}
.mb-native-reference .gp-slide-item{
  flex-shrink: 0;
  width: 100%;
  text-align: center;
}
.mb-native-reference .gp-products-list-type{
  margin-block-end: 2rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-products-list-type{ 
    margin-block-end: 53px;
  }}
.mb-native-reference .gp-products-list-type .cols-items-list{
  grid-auto-flow: row;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-products-list-type .cols-items-list{ 
    grid-template-columns: repeat(2, calc(50% - 7.5px));
    gap: 14.5px;
    column-gap: 14.5px;
    row-gap: 24px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-products-list-type .cols-items-list{ 
    grid-template-columns: repeat(3, clamp(240px, (100% - 76px) / 3, 331px));
    column-gap: 38px;
    margin-top: -38px;
  }}
@media  print, (min-width: 1119px) {.mb-native-reference .gp-products-list-type .cols-items-list{ 
    grid-template-columns: repeat(4, clamp(240px, (100% - 132px) / 4, 267px));
    column-gap: 44px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-products-list-type .related-items-item{ 
    margin-top: 53px;
  }}
.mb-native-reference .gp-anchor-side-list{
  background-color: var(--gray-light-color, #F8F9FE);
  row-gap: 1rem;
  margin-block-end: 1.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-anchor-side-list{ 
    margin-block-end: 2.5rem;
  }}
.mb-native-reference .gp-anchor-side-list .anchor-side-item{
  padding: 0 16px 0 15px;
  margin-left: -1px;
}
.mb-native-reference .gp-anchor-side-list .anchor-side-item + .anchor-side-item{
  border-left: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .anchor-arw-bottom{
  rotate: -90deg;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-anchor-side-list .anchor-side-item{
    margin-right: 1px;
    padding: 0 12px 0 10px;
  }}
.mb-native-reference .gp-anchor-contents-list{
  background-color: var(--gray-light-color, #F8F9FE);
  row-gap: 1rem;
  margin-block-end: 1.5rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-anchor-contents-list{ 
    width: fit-content;
    min-width: 60%;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-anchor-contents-list{ 
    max-width: 50%;
    margin-block-end: 2.5rem;
  }}
.mb-native-reference .gp-anchor-block-list{
  flex-wrap: wrap;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-anchor-block-list{ 
    gap: 2.5rem;
    margin-block-end: 2.5rem;
  }}
@media  screen and (max-width: 1151.98px) {.mb-native-reference .gp-anchor-block-list{ 
    gap: 1.25rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-anchor-block-list{ 
    gap: 0.625rem;
    margin-block-end: 1.5rem;
  }}
.mb-native-reference .gp-anchor-block-item{
  width: calc(25% - 1.875rem);
}
@media  screen and (max-width: 1151.98px) {.mb-native-reference .gp-anchor-block-item{ 
    width: calc(33.3333% - 0.8333333333rem);
  }}
@media  screen and (max-width: 767.98px) {.mb-native-reference .gp-anchor-block-item{ 
    width: calc(50% - 0.3125rem);
  }}
.mb-native-reference .gp-anchor-block-item .gp-anchor-block-link{
  background-color: var(--gray-light-color, #F8F9FE);
  border: var(--logo-color, #003D5C) solid 2px;
  border-radius: 10px;
  padding: 1.25rem;
  width: 100%;
  height: 100%;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-anchor-block-item .gp-anchor-block-link{ 
    padding: 0.625rem;
    line-height: 1.25;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-anchor-block-item .gp-anchor-block-link{ 
    min-width: 250px;
    min-height: 88px;
    padding: 1.125rem 1.25rem;
  }}
.mb-native-reference .gp-anchor-block-item .gp-anchor-block-label{
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.mb-native-reference .gp-anchor-block-item .anchor-arw-bottom{
  margin-block-start: 3px;
  margin-inline: auto;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-anchor-margin{ 
    scroll-margin-top: 120px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-anchor-margin{ 
    scroll-margin-top: 160px;
  }}
.mb-native-reference .gp-faq-list-type .panel{
  margin-block-start: 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-faq-list-type .panel{ 
    padding: 0.5rem;
  }}
.mb-native-reference .gp-faq-list-type .accordion-head{
  padding-block-end: 0.5rem;
  color: var(--logo-color, #003D5C);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-faq-list-type .accordion-head{ 
    font-size: 0.875rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-faq-list-type .accordion-head{ 
    font-size: 1.125rem;
    font-weight: 600;
  }}
.mb-native-reference .gp-faq-list-type .accordion-head::before,.mb-native-reference .gp-faq-list-type .accordion-body::before{
  display: block;
  flex-shrink: 0;
  width: 2.25rem;
  padding-inline: 0.25rem;
  font-size: 1.375rem;
  font-weight: 500;
  text-align: center;
  translate: 0 -0.25em;
  opacity: 0.85;
}
.mb-native-reference .gp-faq-list-type .accordion-body{
  margin-block-start: 0;
  padding-inline: 0.125rem;
  transition: transform 0.12s ease, max-height 0.12s ease, margin 0.12s ease;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-faq-list-type .accordion-body{ 
    font-size: 0.875rem;
  }}
.mb-native-reference .gp-faq-list-type .panel.is-open .accordion-body{
  margin-block-start: 1rem;
}
.mb-native-reference .gp-box-content-type{
  margin-inline: auto;
}
.mb-native-reference .gp-box-item{
  border: var(--gp-border-color, #003D5C) solid 2px;
  margin-block-start: 1rem;
  padding: 1.5rem 1.25rem;
  border-radius: 0.625rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-box-item{ 
    padding: 2.25rem 2.25rem;
    border-radius: 0.75rem;
  }}
.mb-native-reference .gp-box-label{
  justify-content: center;
  margin-block-start: -1.5rem;
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
@media  print, (min-width: 992px) {.mb-native-reference .gp-box-label{ 
    font-size: 1.25rem;
  }}
.mb-native-reference .gp-box-item.gp-figure-top .gp-box-inner{
  flex-direction: column;
}
.mb-native-reference .gp-box-item.gp-figure-right .gp-box-inner{
  flex-direction: row-reverse;
}
.mb-native-reference .gp-box-item.gp-figure-bottom .gp-box-inner{
  flex-direction: column-reverse;
}
.mb-native-reference .gp-box-inner .gp-figure{
  flex-shrink: 0;
  margin-inline-end: 1.5rem;
  margin-block-end: 0;
}
.mb-native-reference .gp-box-item.gp-figure-top .gp-figure{
  margin: 0 auto 1.5rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-box-item.gp-figure-top .gp-figure{ 
    width: auto;
  }}
.mb-native-reference .gp-box-item.gp-figure-right .gp-figure{
  margin-inline: 1.5rem 0;
}
.mb-native-reference .gp-box-item.gp-figure-bottom .gp-figure{
  margin: 1.5rem auto 0;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-box-item.gp-figure-bottom .gp-figure{ 
    width: auto;
  }}
.mb-native-reference .gp-box-inner .gp-p:first-child{
  margin-block-start: 0;
}
.mb-native-reference .gp-box-label-on-border{
  margin-block-start: 1.625rem;
  padding-block-start: 2.5rem;
}
.mb-native-reference .gp-box-label-on-border .gp-box-label{
  background-color: #fff;
  width: fit-content;
  margin-block-start: calc(-3.25rem - 15px);
  margin-block-end: 0.5rem;
  color: var(--gp-border-color, #003D5C);
}
.mb-native-reference .gp-tab-type .gp-tab-list{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.875rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-tab-type .gp-tab-list{ 
    gap: 0.75rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-tab-type .gp-tab-list{ 
    border-bottom: var(--gray-blue-color, #9BA4B8) solid 1px;
  }}
.mb-native-reference .gp-tab-type .gp-tab-item{
  padding: 0.875rem;
  font-weight: 600;
  border-radius: 0.375rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-tab-type .gp-tab-item{ 
    margin-right: -1px;
  }}
.mb-native-reference .gp-tab-type .gp-tab-item:not(.active){
  color: var(--logo-color, #003D5C);
  cursor: pointer;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-tab-type .gp-tab-item:not(.active){ 
    border: var(--gray-blue-color, #9BA4B8) solid 1px;
  }}
.mb-native-reference .gp-tab-type .gp-tab-item.active{
  border: var(--gray-blue-color, #9BA4B8) solid 1px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-tab-type .gp-tab-item.active{ 
    background-color: var(--logo-color, #003D5C);
    color: #fff;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-tab-type .gp-tab-item.active{ 
    border-bottom: #fff solid 1px;
    margin-bottom: -1px;
    border-radius: 0.375rem 0.375rem 0 0;
  }}
.mb-native-reference .gp-tab-content{
  max-width: 0px;
  max-height: 0px;
  padding-block: 1px;
  overflow: hidden;
}
.mb-native-reference .gp-tab-content.show{
  max-width: 100%;
  max-height: none;
  overflow: visible;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-block[style*=background-color]{ 
    padding: 0.75rem 0.75rem 0.5rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-block[style*=background-color]{ 
    padding: 1.25rem 1.25rem 0.75rem;
  }}
.mb-native-reference .gp-tab-content[style*=background-color]:not(.show){
  padding: 0;
}
.mb-native-reference .gp-tag-ex{
  padding-left: 1em;
  font-size: calc(1em - 1px);
  text-indent: -0.75em;
}
.mb-native-reference .gp-tag-ex::before{
  content: "*";
}
.mb-native-reference .gp-tag-ex + br{
  display: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-box-content-type:has(+ div),.mb-native-reference .gp-gallery-type:has(+ div){ 
    margin-block-end: 1.75rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-box-content-type:has(+ div),.mb-native-reference .gp-gallery-type:has(+ div){ 
    margin-block-end: 2.5rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .gp-slide-type:has(+ div){ 
    margin-block-end: 1.5rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .gp-slide-type:has(+ div){ 
    margin-block-end: 2rem;
  }}
.mb-native-reference .gp-text-center{
  text-align: center;
}
.mb-native-reference .gp-w-420px{
  width: 420px;
  max-width: 100%;
}
.mb-native-reference .gp-border-dotted{
  border-style: dotted;
}
.mb-native-reference .gp-border-dashed{
  border-style: dashed;
}
@media  screen and (max-width: 991.98px) {}
@media  print, (min-width: 992px) {}
@media  screen and (max-width: 991.98px) {.mb-native-reference [type=text].form-control,.mb-native-reference [type=search].form-control{ 
    font-size: 1rem;
  }}
.mb-native-reference label.flex-{
  width: fit-content;
}
.mb-native-reference :focus-visible{
  outline-color: var(--logo-color, #003D5C);
}
.mb-native-reference .form-control{
  border: var(--gray-blue-color, #9BA4B8) solid 1px;
  height: 36px;
  padding: 0.25rem 0.75rem;
  line-height: var(--line-height-sm, 1.25);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .form-control{ 
    height: 40px;
  }}
.mb-native-reference [type=search]{
  border-radius: 100vmax;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference [type=search]{ 
    width: 100%;
  }}
.mb-native-reference .flex-row-reverse [type=search]{
  padding-left: 2.5rem;
  padding-right: 1.75rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .flex-row-reverse [type=search]{ 
    padding-right: 2rem;
  }}
.mb-native-reference .search-button{
  background: transparent none;
  border: none;
  flex-shrink: 0;
  position: relative;
  padding: 4px;
  cursor: pointer;
}
.mb-native-reference .search-box .search-button{
  translate: calc(100% + 0.5rem) 0;
}
.mb-native-reference .has-input + .search-cancel-button{
  display: grid;
}
.mb-native-reference .search-cancel-button{
  background-color: var(--logo-color, #003D5C);
  border: none;
  display: none;
  place-items: center;
  border-radius: 100vmax;
}
.mb-native-reference .search-cancel-button > .close-icon{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference .search-box-group .search-cancel-button{
  position: absolute;
  right: 0.375rem;
  width: 22px;
  height: 22px;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .search-box-group .search-cancel-button{ 
    right: 0.625rem;
    width: 24px;
    height: 24px;
  }}
.mb-native-reference .search-box-group .search-cancel-button:hover{
  cursor: pointer;
}
.mb-native-reference input[type=search i]::-webkit-search-cancel-button{
  display: none;
}
.mb-native-reference [type=checkbox],.mb-native-reference [type=radio]{
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  background: #fff;
  border: 0;
  padding: 0;
  flex-shrink: 0;
  margin-left: 1px;
}
.mb-native-reference [type=checkbox]:hover,.mb-native-reference [type=radio]:hover{
  cursor: pointer;
}
.mb-native-reference .in-label [type=checkbox],.mb-native-reference .in-label [type=radio]{
  margin-left: 0;
}
.mb-native-reference [type=checkbox]:invalid,.mb-native-reference [type=checkbox].invalid,.mb-native-reference [type=checkbox].form-control:invalid,.mb-native-reference [type=checkbox].form-control.invalid,.mb-native-reference [type=checkbox].front-form-control:invalid,.mb-native-reference [type=checkbox].front-form-control.invalid{
  padding: 0;
  background-size: 24px 24px;
}
.mb-native-reference [type=radio]:invalid,.mb-native-reference [type=radio].invalid,.mb-native-reference [type=radio].form-control:invalid,.mb-native-reference [type=radio].form-control.invalid,.mb-native-reference [type=radio].front-form-control:invalid,.mb-native-reference [type=radio].front-form-control.invalid{
  padding: 0;
  background-size: 22px 22px;
}
.mb-native-reference [type=checkbox],.mb-native-reference .checkbox{
  background-size: contain;
  width: 24px;
  height: 24px;
  border-radius: 5px;
}
.mb-native-reference [type=checkbox]:checked,.mb-native-reference .checkbox:checked{
}
.mb-native-reference .radio-button{
  background-size: contain;
  width: 22px;
  height: 22px;
  border-radius: 100vmax;
}
.mb-native-reference .radio-button.mr-0\.5em + .front-form-label-radio{
  margin-left: -0.5em;
  padding-left: 0.5em;
}
.mb-native-reference .radio-button:checked{
}
.mb-native-reference .in-label [type=checkbox],.mb-native-reference .type-select-size [type=radio]{
  background-image: none;
  border: var(--logo-color, #003D5C) solid 1px;
  border-radius: 5px;
}
.mb-native-reference .in-label [type=checkbox]:not([class*=bg-]):checked,.mb-native-reference .type-select-size [type=radio]:not([class*=bg-]):checked{
  background-color: var(--logo-color, #003D5C);
  border: var(--logo-color, #003D5C) solid 1px;
}
.mb-native-reference .in-label > .cover-label{
  position: absolute;
  inset: 0;
  bottom: auto;
  display: grid;
  height: 40px;
  place-items: center;
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .in-label [type=checkbox]:checked + .cover-label,.mb-native-reference .type-select-size [type=radio]:checked + .cover-label{
  color: #fff;
}
.mb-native-reference .dropdown{
  cursor: pointer;
}
.mb-native-reference .dropdown-show-display{
  background-color: var(--gray-light-color, #F8F9FE);
  border: var(--gray-blue-color, #9BA4B8) solid 1px;
  border-radius: 8px;
  margin-left: auto;
  padding: 10px 20px 10px 10px;
  color: var(--text-color, #222);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .dropdown-show-display{ 
    height: 40px;
    max-width: calc(100vw - 112px - 60px);
    padding: 10px 12px 10px 10px;
  }}
@media  screen and (max-width: 374px) {.mb-native-reference .dropdown-show-display{ 
    height: 42px;
    max-width: calc(100vw - 112px - 40px);
    padding: 10px 10px 10px 8px;
    line-height: 1.1;
    transform: translateY(-1px);
  }}
@media  print, (min-width: 992px) {.mb-native-reference .dropdown-show-display{ 
    height: 48px;
  }}
@media  screen and (max-width: 390px) {.mb-native-reference html[lang=de]{  }
.mb-native-reference html[lang=de] .dropdown-show-display{
    padding: 10px 8px 10px 5px;
  }
.mb-native-reference html[lang=de] .nowrap:has(+ .dropdown-selected-display){
    flex-shrink: 0;
    width: 5.2em;
    white-space: normal;
  }}
.mb-native-reference html[lang=ja] .utility-ctrl .btn-filter{
  font-feature-settings: "palt";
}
@media  screen and (max-width: 991.98px) {.mb-native-reference html[lang=ja] .utility-ctrl .btn-filter{ 
    letter-spacing: -1px;
  }}
.mb-native-reference .dropdown-list{
  position: absolute;
  right: 0;
  display: none;
  border: var(--logo-color, #003D5C) solid 1px;
  border-radius: 8px;
  overflow: hidden;
  z-index: 1;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .dropdown-list{ 
    top: 40px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .dropdown-list{ 
    top: 48px;
  }}
.mb-native-reference .dropdown-list.is-open{
  display: block;
}
.mb-native-reference .dropdown-item{
  background-color: #fff;
  border: none;
  display: grid !important;
  grid-template-columns: auto 7px;
  gap: 1rem;
  width: 100%;
  padding: 1rem 1.25rem;
  text-align: left;
  color: var(--text-color, #222);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .dropdown-item{ 
    height: 52px;
    padding: 0.875rem 1.125rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .dropdown-item{ 
    height: 60px;
    padding: 1rem 1.25rem;
  }}
.mb-native-reference .dropdown-item:hover{
  cursor: pointer;
}
.mb-native-reference .dropdown-item:not(:first-child){
  border-top: var(--logo-color, #003D5C) solid 1px;
}
.mb-native-reference .dropdown-item:hover{
  background-color: var(--logo-color, #003D5C);
  color: #fff;
}
.mb-native-reference .dropdown-item:hover .icon-arw-next{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference select.form-control{
  background-position: right 0.5rem center;
  border: var(--logo-color, #003D5C) solid 1px;
  border-radius: 5px;
  min-width: 4rem;
  height: 40px;
  padding: 0.5rem 2rem 0.5rem 1rem;
  appearance: none !important;
}
.mb-native-reference select.form-control.invalid{
  border: var(--red-text-color, #C50000) solid 2px;
}
.mb-native-reference select.form-control.attention{
  animation: form-attention 5s ease-out forwards;
}
.mb-native-reference select.text-center{
  text-align-last: center;
}
.mb-native-reference textarea.form-control,.mb-native-reference .textarea.form-control,.mb-native-reference textarea.front-form-control,.mb-native-reference .textarea.front-form-control{
  border: var(--gray-blue-color, #9BA4B8) solid 2px;
  border-radius: 5px;
  width: 100%;
  min-height: 50px;
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  color: var(--logo-color, #003D5C);
  border-radius: 5px;
}
.mb-native-reference textarea.bg-blue,.mb-native-reference .textarea.bg-blue{
  background-color: var(--gray-light-color, #F8F9FE);
}
.mb-native-reference .textarea.form-control:empty:before{
  content: attr(placeholder);
  color: var(--gray-blue-color, #9BA4B8);
}
.mb-native-reference section.page-sign-in{
  padding: 0 1.25rem 2.5rem;
}
.mb-native-reference .member-form{
  background-color: #F8F9FE;
  border-radius: 20px;
  margin: 2.5rem auto 0;
  padding: 3.75rem 0;
}
.mb-native-reference .form-text-red{
  color: #C50000;
}
.mb-native-reference .member-form .member-form-inner{
  width: 400px;
  margin: auto;
}
.mb-native-reference .front-form-group .front-form-label:not(.select-label-wrapping),.mb-native-reference .select-label-wrapping.required > .use-multilingual_caption{
  display: inline-block;
  position: relative;
  font-size: 1.125rem;
  margin-bottom: 0.25rem;
}
.mb-native-reference .front-form-group .front-form-label.col-4{
  text-wrap-mode: wrap;
}
.mb-native-reference .front-form-group .front-form-label.cs-label-upload{
  text-wrap-mode: wrap;
}
.mb-native-reference .front-form-label.required:not(.select-label-wrapping)::after{
  position: absolute;
  content: "*";
  display: inline-block;
  top: 3px;
  right: -13px;
  color: #C50000;
  font-style: normal;
}
.mb-native-reference .select-label-wrapping.required > .use-multilingual_caption::after{
  position: absolute;
  content: "*";
  display: inline-block;
  top: 3px;
  right: -13px;
  color: #C50000;
  font-style: normal;
}
.mb-native-reference .front-form-group .front-form-control{
  border: var(--gray-blue-color, #9BA4B8) solid 2px;
  border-radius: 5px;
  color: var(--logo-color, #003D5C);
  padding: 0.25rem 1rem;
  font-size: 1rem;
  width: 100%;
  height: 54px;
}
@media  print, (min-width: 992px) {.mb-native-reference .front-form-group .front-form-control{ 
    padding-left: 1.125rem;
    font-weight: 500;
  }}
.mb-native-reference .front-form-control.-date{
  letter-spacing: 1px;
}
.mb-native-reference .front-form-group .front-form-control.h-166px{
  height: 166px;
}
.mb-native-reference .front-form-control:focus-visible{
  border: var(--logo-color, #003D5C) solid 2px;
  outline: none;
}
.mb-native-reference .front-form-control.invalid,.mb-native-reference .front-form-control.bg-blue.invalid,.mb-native-reference .form-control.invalid,.mb-native-reference .form-control.bg-blue.invalid{
  border: #C50000 solid 2px;
  background-color: #fff;
  outline: none;
}
.mb-native-reference .radio-button.invalid:focus-visible{
  outline-width: 2px;
  outline-style: solid;
}
.mb-native-reference .front-group-radio .text-feedback,.mb-native-reference .front-form-group .text-feedback{
  color: #C50000;
  margin-top: 0.5rem;
}
.mb-native-reference .form-blue-button{
  background-color: var(--logo-color, #003D5C);
  color: #fff;
  width: 400px;
  height: 80px;
  font-size: 1.125rem;
  transition: all 0.16s;
}
.mb-native-reference .form-blue-button:focus-visible{
  outline-offset: 3px;
  outline-color: ButtonText;
}
.mb-native-reference .form-blue-button:disabled{
  background-color: var(--gray-safe-color, #767676) !important;
  color: #fff !important;
  opacity: 1 !important;
  cursor: not-allowed;
}
.mb-native-reference .btn.has-arw-r:disabled:hover > .icon-arw-next{
  filter: brightness(0%) invert(100%) !important;
}
.mb-native-reference .form-blue-button:hover{
  background-color: #fff;
  color: var(--logo-color, #003D5C);
  border: solid 1px;
}
.mb-native-reference .btn.form-blue-button:not(.next-button, .prev-button):hover{
  background-color: #fff;
  color: var(--logo-color, #003D5C);
  border: solid 1px;
}
.mb-native-reference .form-orange-button{
  background-color: #d83827;
  color: #fff;
  height: 80px;
  font-size: 1.125rem;
  transition: all 0.16s;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .form-orange-button{ 
    width: 100%;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .form-orange-button{ 
    width: 400px;
  }}
.mb-native-reference .form-orange-button:hover{
  background-color: #fff;
  color: #d83827;
  border: solid 1px;
}
.mb-native-reference .btn.form-orange-button:not(.next-button, .prev-button):hover{
  background-color: #fff;
  color: #d83827;
  border: solid 1px;
}
.mb-native-reference .member-form .front-form-group + .front-form-group{
  margin-top: 1.25rem;
}
.mb-native-reference .member-sign-in .form-blue-button{
  margin-top: 1.25rem;
}
.mb-native-reference .new-customer{
  border: var(--logo-color, #003D5C) solid 1px;
  border-radius: 20px;
  padding: 3.75rem;
}
.mb-native-reference .form-link-text{
  margin-top: 1.25rem;
}
.mb-native-reference .mt-1rem .form-link-text{
  margin-top: 0;
}
@media  print, (min-width: 992px) {.mb-native-reference .member-sign-in,.mb-native-reference .new-customer{
    margin-top: 3.75rem;
  }
.mb-native-reference .member-sign-in .form-blue-button,.mb-native-reference .new-customer .form-blue-button{
    width: 300px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.page-sign-in{
    padding: 0 1.25rem;
  }
.mb-native-reference .page-sign-in h3{
    font-size: 1.125rem;
  }
.mb-native-reference .member-form .member-form-inner{
    width: 100%;
    margin: auto;
  }
.mb-native-reference .member-form{
    margin: 2.5rem -1.25rem 0;
    padding: 2.5rem 1.25rem;
    border-radius: 0;
  }
.mb-native-reference .front-form-group .text-feedback{
    font-size: 0.875rem;
  }
.mb-native-reference .front-form-label.required::after{
    top: 2px;
  }
.mb-native-reference .front-form-group .front-form-label{
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
.mb-native-reference .form-blue-button{
    width: 100%;
    height: 60px;
    font-size: 1rem;
  }
.mb-native-reference .new-customer{
    margin-top: 3.75rem;
    padding: 2.5rem 1.25rem;
    border-radius: 10px;
  }
.mb-native-reference .form-link-text{
    font-size: 0.875rem;
  }
.mb-native-reference .front-form-group .front-form-control{
    height: 48px;
  }}
@media  screen and (max-width: 359px) {.mb-native-reference .front-form-group .front-form-label{
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
  }}
.mb-native-reference section.page-sign-in-pin{
  padding: 0 1.25rem 2.5rem;
}
.mb-native-reference .page-sign-in-pin .sign-in-address,.mb-native-reference .my-page .sign-in-address{
  background-color: #F8F9FE;
  border-radius: 10px;
  padding: 1.25rem;
  margin-top: 2.75rem;
}
.mb-native-reference .sign-in-address dd{
  margin-left: 1.25rem;
}
.mb-native-reference .sign-in-pin .pincode-form{
  margin: 3.125rem auto 6.25rem;
}
.mb-native-reference .pincode-form .box-pincode{
  gap: 20px;
}
.mb-native-reference .box-pincode .front-form-control{
  width: 90px;
  height: 100px;
  padding: 0.375rem 1px;
  font-size: 2.5rem;
  text-align: center;
}
.mb-native-reference .box-pincode .front-form-control.bg-blue.invalid{
  color: #C50000;
}
.mb-native-reference .sign-in-pin .area-pin-button{
  width: 740px;
  margin: 6.25rem auto 3.75rem;
}
.mb-native-reference .form-white-button{
  border: var(--logo-color, #003D5C) solid 1px;
  color: var(--logo-color, #003D5C);
  height: 80px;
  font-size: 1.125rem;
  transition: all 0.16s;
}
.mb-native-reference .form-white-button:hover{
  color: #fff;
}
.mb-native-reference .area-pin-button .pin-resend-group{
  gap: 0 60px;
  margin-top: 3.75rem;
}
.mb-native-reference .pin-resend-group .form-white-button{
  height: 50px;
  font-size: 1rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .pin-resend-group .form-white-button{ 
    min-width: 200px;
  }}
.mb-native-reference .front-form-group .btn.has-arw-l .icon-arw-next{
  rotate: 0deg;
}
.mb-native-reference .front-form-group .btn.has-arw-l,.mb-native-reference .front-form-group .btn.has-arw-r{
  justify-content: space-between;
}
.mb-native-reference .front-form-group .btn.has-arw-l::after{
  content: "";
  display: inline-block;
  width: 7px;
  height: 14px;
}
.mb-native-reference .form-white-button.has-arw-l:hover > .icon-arw-next{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference .form-blue-button .icon-arw-next,.mb-native-reference .form-orange-button .icon-arw-next{
  filter: brightness(0%) invert(100%);
}
.mb-native-reference .form-blue-button.has-arw-r:hover > .icon-arw-next,.mb-native-reference .form-orange-button.has-arw-r:hover > .icon-arw-next{
  filter: unset;
}
@media  print, (min-width: 992px) {.mb-native-reference .front-form-group .btn.has-arw-l::after,.mb-native-reference .front-form-group .has-arw-l .icon-arw-next{
    margin: 0 0.75rem;
  }
.mb-native-reference .pin-button-group .btn{
    width: 340px;
    padding: 0 1.125rem;
  }
.mb-native-reference .sign-in-pin .pin-button-group{
    gap: 60px;
  }
.mb-native-reference .pin-button-group .front-form-group{
    margin-top: 0;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.page-sign-in-pin{
    padding: 0 1.25rem;
  }
.mb-native-reference .page-sign-in-pin .sign-in-address,.mb-native-reference .my-page .sign-in-address{
    margin-top: 2.5rem;
  }
.mb-native-reference .form-white-button{
    width: 100%;
    height: 60px;
    font-size: 1rem;
  }
.mb-native-reference .pincode-form .box-pincode{
    gap: 7px;
  }
.mb-native-reference .box-pincode .front-form-control{
    font-size: 1.5rem;
  }
.mb-native-reference .box-pincode .front-form-control{
    width: 100%;
    height: 60px;
    max-width: 50px;
  }
.mb-native-reference .sign-in-pin .pincode-form{
    width: 100%;
    margin: 2.5rem auto 3.75rem;
  }
.mb-native-reference .sign-in-address dd{
    margin-left: 0;
  }
.mb-native-reference .sign-in-pin .area-pin-button{
    width: 100%;
    margin: 3.75rem auto 2.75rem;
  }
.mb-native-reference .area-pin-button .pin-resend-group{
    margin-top: 2.5rem;
  }
.mb-native-reference .pin-resend-group p{
    text-align: center;
    margin-bottom: 1.25rem;
  }
.mb-native-reference .pin-resend-group .form-white-button{
    width: 100%;
    height: 60px;
  }
.mb-native-reference .page-sign-in-pin .guide-list li{
    font-size: 0.875rem;
  }}
.mb-native-reference section.page-password-reset{
  padding: 0 1.25rem 2.5rem;
}
.mb-native-reference .front-form-group{
  margin-top: 1rem;
  padding: 0;
  border: none;
  margin-inline: 0;
}
@media  print, (min-width: 992px) {.mb-native-reference .front-form-group{ 
    margin-top: 1.375rem;
  }}
.mb-native-reference .input-row .front-form-group{
  width: 100%;
  margin-top: 0;
}
.mb-native-reference .front-form-group:first-child{
  margin-top: 0;
}
@media  print, (min-width: 992px) {.mb-native-reference .front-form-inner{
    width: 640px;
    margin: auto;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.page-password-reset{
    padding: 0 1.25rem;
  }}
.mb-native-reference section.page-password-change-pin{
  padding: 0 1.25rem 2.5rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .page-password-change-pin .sign-in-pin .pincode-form{
    margin: 5rem auto 6.25rem;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.page-password-change-pin{
    padding: 0 1.25rem;
  }
.mb-native-reference .area-pin-button .flex-column-reverse-sm .front-form-group:first-child{
    margin-top: 1.25rem;
  }}
.mb-native-reference section.page-password-change{
  padding: 0 1.25rem 2.5rem;
}
.mb-native-reference .front-form-group .text-detail{
  margin-top: 0.625rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.page-password-change{
    padding: 0 1.25rem;
  }
.mb-native-reference .front-form-group .text-detail{
    font-size: 0.875rem;
  }}
.mb-native-reference section.page-password-fix{
  padding: 0 1.25rem 2.5rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.page-password-fix{
    padding: 0 1.25rem;
  }}
.mb-native-reference section.page-password-registration{
  padding: 0 1.25rem 2.5rem;
}
.mb-native-reference .front-form-group .text-detail{
  margin-top: 0.625rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.page-password-registration{
    padding: 0 1.25rem;
  }
.mb-native-reference .front-form-group .text-detail{
    font-size: 0.875rem;
  }}
.mb-native-reference section.page-password-registration-fix{
  padding: 0 1.25rem 2.5rem;
}
.mb-native-reference .customer-service-list{
  width: 100%;
  grid-template-columns: auto 1fr;
  margin-top: 2.8rem;
  border-top: var(--logo-color, #003D5C) solid 7px;
  background-color: #F8F9FE;
}
.mb-native-reference .customer-service-list dt{
  font-size: 1.125rem;
  padding: 1.5rem 2.5rem;
  border-left: var(--gray-color, #ccc) solid 1px;
  border-bottom: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .customer-service-list dd{
  font-size: 1.125rem;
  padding: 1.5rem 2.5rem 1.5rem 0;
  border-right: var(--gray-color, #ccc) solid 1px;
  border-bottom: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .customer-service-list dd a{
  font-weight: 400;
}
@media  print, (min-width: 992px) {.mb-native-reference .customer-service{
    width: 640px;
    margin: auto;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.page-password-registration-fix{
    padding: 0 1.25rem;
  }
.mb-native-reference .page-password-registration-fix h3{
    font-size: 1.125rem;
  }
.mb-native-reference .customer-service-list{
    margin-top: 1.5rem;
  }
.mb-native-reference .customer-service-list dt{
    padding: 1.25rem;
  }
.mb-native-reference .customer-service-list dd{
    padding: 1.25rem 1.25rem 1.25rem 0;
  }
.mb-native-reference .customer-service-list dd:last-child{
    padding-bottom: 1.875rem;
  }
.mb-native-reference .customer-service-list dt,.mb-native-reference .customer-service-list dd{
    font-size: 1rem;
  }}
.mb-native-reference section.page-membership{
  padding: 0 1.25rem 2.5rem;
}
.mb-native-reference .front-form-group .front-form-label-radio{
  font-size: 1.125rem;
}
.mb-native-reference .page-membership .front-group-radio{
  margin-bottom: 3.75rem;
}
.mb-native-reference .front-form-group input[type=radio]{
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  margin-right: 10px;
  padding: 0;
  border: none;
}
.mb-native-reference .front-form-group input[type=radio]::before,.mb-native-reference .front-form-group input[type=radio]::after{
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.mb-native-reference .front-form-group input[type=radio]::before{
  background-color: #fff;
  border: var(--logo-color, #003D5C) solid 2px;
  height: 22px;
  width: 22px;
  left: 0px;
}
.mb-native-reference .front-form-group input[type=radio]::after{
  background-color: var(--logo-color, #003D5C);
  opacity: 0;
  height: 14px;
  width: 14px;
  left: 4px;
  transition: 0.2s;
}
.mb-native-reference .front-form-group input[type=radio]:checked::after{
  opacity: 1;
}
.mb-native-reference .front-form-group input[type=radio] + .front-form-label-radio{
  margin-left: -10px;
  padding-left: 10px;
}
.mb-native-reference .front-form-group .front-select-width.-country{
  width: 400px;
}
.mb-native-reference .front-select-width .icon-arw-down{
  position: absolute;
  right: 30px;
  top: 40%;
  transform: rotate(270deg);
}
.mb-native-reference .front-select-width .front-form-control{
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
}
.mb-native-reference .front-select-width .front-form-control::-ms-expand{
  display: none;
}
.mb-native-reference .front-select-width .front-form-control{
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
}
.mb-native-reference .front-form-group .front-input-list{
  gap: 20px;
}
.mb-native-reference .front-form-group .front-form-control::placeholder{
  color: var(--gray-blue-color, #9BA4B8);
  font-weight: 300;
}
.mb-native-reference .front-form-group .front-input-list.-tel{
  grid-template-columns: 120px 20px 220px;
}
.mb-native-reference .front-form-group .front-input-list.-tel .phone_number_label{
  font-size: 0.79rem;
}
.mb-native-reference .front-form-group .front-input-list.-tel .tel_hyphen{
  margin-top: 44px;
}
.mb-native-reference .front-input-list hr{
  height: 2px;
  border: none;
  background-color: var(--logo-color, #003D5C);
}
.mb-native-reference .front-form-group .front-input-list.-date{
  grid-template-columns: 140px 120px 120px;
}
.mb-native-reference .front-form-group .small-label{
  font-size: 0.79rem;
}
.mb-native-reference .front-form-control::-webkit-inner-spin-button,.mb-native-reference .front-form-control::-webkit-outer-spin-button{
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference section.page-membership{
    padding: 0 1.25rem;
  }
.mb-native-reference .page-membership .front-group-radio{
    margin-bottom: 2.5rem;
  }
.mb-native-reference .front-form-group .front-form-label-radio{
    font-size: 1rem;
  }
.mb-native-reference .front-group-radio .front-form-group .front-form-label-radio{
    padding-left: 0.625rem;
  }
.mb-native-reference .front-form-group .front-select-width.-country{
    width: 100%;
  }
.mb-native-reference .front-form-group .front-input-list.-tel{
    grid-template-columns: 100px 10px auto;
  }
.mb-native-reference .front-form-group .front-input-list{
    gap: 10px;
  }
.mb-native-reference .front-form-group .front-input-list.-date{
    grid-template-columns: 115px auto auto;
  }
.mb-native-reference .front-select-width .icon-arw-down{
    right: 25px;
  }
.mb-native-reference .front-form-label.-eraname{
    margin-bottom: 1.25rem;
  }
.mb-native-reference .cancel-membership .area-pin-button .front-form-group:first-child{
    margin-top: 2.5rem;
  }}
.mb-native-reference .radio-switch-group .js-radio-switch-content:not(.show){
  display: none;
}
.mb-native-reference .form-massage-box{
  background-color: rgba(197, 0, 0, 0.05);
  background-color: rgba(226, 224, 215, 0.3);
  border: var(--red-text-color, #C50000) solid 3px;
  border-radius: 0.5rem;
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}
@media  print, (min-width: 992px) {.mb-native-reference .form-massage-box{ 
    border-width: 4px;
  }}
.mb-native-reference .contents > .form-massage-box{
  margin-top: 2.5rem;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .contents > .form-massage-box{ 
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }}
.mb-native-reference .cannot-location-change .area-select,.mb-native-reference .cannot-location-change .country-select,.mb-native-reference .cannot-location-change .state-select{
  background-color: #a8a8a8 !important;
  color: #fff;
  opacity: 0.45;
  filter: grayscale(0.66);
  pointer-events: none;
}
.mb-native-reference .cannot-location-change .front-select-width:has(.area-select),.mb-native-reference .cannot-location-change .front-select-width:has(.country-select),.mb-native-reference .cannot-location-change .front-select-width:has(.state-select){
  cursor: not-allowed;
}
.mb-native-reference .cannot-location-change .location-notion-text{
  display: block !important;
}
.mb-native-reference .front-form-control.bg-blue,.mb-native-reference .front-form-control.bg-blue:read-only{
  background-color: var(--gray-light-color, #F8F9FE);
}
.mb-native-reference .front-form-control:disabled,.mb-native-reference .front-form-control.bg-blue:disabled,.mb-native-reference .front-form-control.bg-blue.invalid:disabled{
  background-color: var(--gray-color, #ccc);
}
.mb-native-reference .front-form-control:read-only,.mb-native-reference .front-form-control.bg-blue.invalid:read-only{
  background-color: #fff;
}
.mb-native-reference .front-form-control.bg-blue::placeholder{
  color: #67718E;
}
@media  print, (min-width: 992px) {.mb-native-reference .form-bg-group{ 
    border-radius: 20px;
  }}
@media  screen and (max-width: 991.98px) {.mb-native-reference .form-bg-group{ 
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }}
.mb-native-reference .setting,.mb-native-reference .phase2{
  display: none !important;
}
.mb-native-reference .event-none{
  pointer-events: none;
}
.mb-native-reference .ellipsis{
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mb-native-reference .filter-grayscale-1{
  filter: grayscale(1);
}
.mb-native-reference .block,.mb-native-reference .block-link{
  display: block;
}
.mb-native-reference .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.mb-native-reference .table{
  display: table;
}
.mb-native-reference .inline-block,.mb-native-reference .inline-link{
  display: inline-block;
}
.mb-native-reference .inline-flex{
  display: inline-flex;
}
.mb-native-reference .off{
  display: none;
  z-index: -1;
}
.mb-native-reference .off-imp{
  display: none !important;
  z-index: -1;
}
@media  print, (min-width: 992px) {.mb-native-reference .inline-lg{
    display: inline-block;
  }
.mb-native-reference .block-lg{
    display: block;
  }}
.mb-native-reference .visibility-hidden{
  visibility: hidden;
}
.mb-native-reference .visibility-visible{
  visibility: visible;
}
.mb-native-reference .opacity-0{
  opacity: 0;
}
.mb-native-reference .opacity-1{
  opacity: 1;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .visibility-hidden-sm{
    visibility: hidden;
  }
.mb-native-reference .visibility-visible-sm{
    visibility: visible;
  }
.mb-native-reference .opacity-0-sm{
    opacity: 0;
  }
.mb-native-reference .opacity-1-sm{
    opacity: 1;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .visibility-hidden-lg{
    visibility: hidden;
  }
.mb-native-reference .visibility-visible-lg{
    visibility: visible;
  }
.mb-native-reference .opacity-0-lg{
    opacity: 0;
  }
.mb-native-reference .opacity-1-lg{
    opacity: 1;
  }}
.mb-native-reference .fade{
  opacity: 0;
  transition: opacity 1s;
}
.mb-native-reference .fade-in{
  opacity: 1;
  -moz-transition: opacity 1.2s, transform 0.7s;
  -webkit-transition: opacity 1.2s, transform 0.7s;
  -ms-transition: opacity 1.2s, transform 0.7s;
  transition: opacity 1.2s, transform 0.7s;
}
.mb-native-reference .fade-in:nth-child(2),.mb-native-reference .fade-in:nth-child(even){
  transition-delay: 0.15s;
}
@media  print, (min-width: 992px) {.mb-native-reference .fade-in:nth-child(3){
    transition-delay: 0.3s;
  }
.mb-native-reference .fade-in:nth-child(4){
    transition-delay: 0.45s;
  }
.mb-native-reference .fade-in:nth-child(5){
    transition-delay: 0.6s;
  }
.mb-native-reference .fade-in:nth-child(6){
    transition-delay: 0.75s;
  }
.mb-native-reference .fade-in:nth-child(7){
    transition-delay: 0.9s;
  }
.mb-native-reference .fade-in:nth-child(8){
    transition-delay: 1.05s;
  }
.mb-native-reference .fade-in:nth-child(9){
    transition-delay: 1.2s;
  }}
.mb-native-reference .relative{
  position: relative;
}
.mb-native-reference .absolute{
  position: absolute;
}
.mb-native-reference .fixed{  }
.mb-native-reference .centered,.mb-native-reference .x-auto{
  margin-left: auto;
  margin-right: auto;
}
.mb-native-reference .y-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.mb-native-reference .margin-auto{
  margin: auto;
}
.mb-native-reference .mt-auto{
  margin-top: auto;
}
.mb-native-reference .mb-auto{
  margin-bottom: auto;
}
.mb-native-reference .ml-auto{
  margin-left: auto;
}
.mb-native-reference .mr-auto{
  margin-right: auto;
}
.mb-native-reference .float-left{
  float: left;
}
.mb-native-reference .float-right{
  float: right;
}
.mb-native-reference .border-bottom{
  border-bottom: var(--gray-color) solid 1px;
}
.mb-native-reference .border-bottom-logo{
  border-bottom: var(--logo-color, #003D5C) solid 1px;
}
.mb-native-reference .border{
  border: solid 1px;
}
.mb-native-reference .border-color-light-gray{
  border-color: var(--gray-color);
}
.mb-native-reference .border-color-logo{
  border-color: var(--logo-color, #003D5C);
}
.mb-native-reference .border-bold{
  border-width: 2px;
}
.mb-native-reference .border-none,.mb-native-reference .content .border-none{
  border: none !important;
}
.mb-native-reference .border-top{
  border-top: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .border-y{
  border-top: var(--gray-color, #ccc) solid 1px;
  border-bottom: var(--gray-color, #ccc) solid 1px;
}
.mb-native-reference .border-radius-sm{
  border-radius: 5px;
}
.mb-native-reference .border-radius-md{
  border-radius: 10px;
}
.mb-native-reference .border-radius-lg{
  border-radius: 1rem;
}
.mb-native-reference .border-radius-xl{
  border-radius: 1.25rem;
}
.mb-native-reference .fit-cover{
  object-fit: cover;
}
.mb-native-reference .fit-cover.height100{
  height: 100%;
}
.mb-native-reference .list-inline > .item{
  display: inline-block;
}
.mb-native-reference .list-inline > .item + .item{
  margin-left: 1.3em;
}
.mb-native-reference .list-mark{
  margin-left: 1em;
}
.mb-native-reference .list-mark::before{
  content: "・";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  margin-right: -3px;
}
.mb-native-reference .list-padding-y-0{
  --list-padding-y: 0;
}
.mb-native-reference .list-padding-y-0\.125rem{
  --list-padding-y: 0.125rem;
}
.mb-native-reference .list-padding-y-0\.25rem{
  --list-padding-y: 0.25rem;
}
.mb-native-reference .list-padding-y-0\.375rem{
  --list-padding-y: 0.375rem;
}
.mb-native-reference .clear{
  clear: both;
}
.mb-native-reference .clearfix::after{
  clear: both;
  content: " ";
  display: block;
}
.mb-native-reference .cols-radius-large .col a{
  border-radius: 2rem;
  overflow: hidden;
}
.mb-native-reference .cols-circle-clip .col figure{
  border-radius: 50%;
  overflow: hidden;
}
.mb-native-reference .shadow{
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.mb-native-reference .shadow-drop{
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.mb-native-reference [class*=shadow] > img{
  vertical-align: bottom;
}
.mb-native-reference .mt--0\.25rem{
  margin-top: -0.25rem;
}
.mb-native-reference .mt--0\.5rem{
  margin-top: -0.5rem;
}
.mb-native-reference .mp-0{
  margin: 0 !important;
  padding: 0 !important;
}
.mb-native-reference .m-0{
  margin: 0;
}
.mb-native-reference .mx-0{
  margin-left: 0;
  margin-right: 0;
}
.mb-native-reference .my-0{
  margin-top: 0;
  margin-bottom: 0;
}
.mb-native-reference .mt-0{
  margin-top: 0;
}
.mb-native-reference .ml-0{
  margin-left: 0;
}
.mb-native-reference .mr-0{
  margin-right: 0;
}
.mb-native-reference .mb-0{
  margin-bottom: 0;
}
.mb-native-reference .mt-0\.5em{
  margin-top: 0.5em;
}
.mb-native-reference .mb-0\.5em{
  margin-bottom: 0.5em;
}
.mb-native-reference .ml-0\.5em{
  margin-left: 0.5em;
}
.mb-native-reference .mr-0\.5em{
  margin-right: 0.5em;
}
.mb-native-reference .mx-1em{
  margin-left: 1em;
  margin-right: 1em;
}
.mb-native-reference .my-1em{
  margin-top: 1em;
  margin-bottom: 1em;
}
.mb-native-reference .mb-1em{
  margin-bottom: 1em;
}
.mb-native-reference .mt-1em{
  margin-top: 1em;
}
.mb-native-reference .ml-1em{
  margin-left: 1em;
}
.mb-native-reference .mr-1em{
  margin-right: 1em;
}
.mb-native-reference .mb-1\.5em{
  margin-bottom: 1.5em;
}
.mb-native-reference .mt-1\.5em{
  margin-top: 1.5em;
}
.mb-native-reference .mx-2em{
  margin-left: 2em;
  margin-right: 2em;
}
.mb-native-reference .my-2em{
  margin-top: 2em;
  margin-bottom: 2em;
}
.mb-native-reference .mb-2em{
  margin-bottom: 2em;
}
.mb-native-reference .mt-2em{
  margin-top: 2em;
}
.mb-native-reference .ml-2em{
  margin-left: 2em;
}
.mb-native-reference .mr-2em{
  margin-right: 2em;
}
.mb-native-reference .mx-3em{
  margin-left: 3em;
  margin-right: 3em;
}
.mb-native-reference .my-3em{
  margin-top: 3em;
  margin-bottom: 3em;
}
.mb-native-reference .mt-3em{
  margin-top: 3em;
}
.mb-native-reference .mb-3em{
  margin-bottom: 3em;
}
.mb-native-reference .mx-4em{
  margin-left: 4em;
  margin-right: 4em;
}
.mb-native-reference .my-4em{
  margin-top: 4em;
  margin-bottom: 4em;
}
.mb-native-reference .mt-4em{
  margin-top: 4em;
}
.mb-native-reference .mb-4em{
  margin-bottom: 4em;
}
.mb-native-reference .mt-0\.25rem{
  margin-top: 0.25rem;
}
.mb-native-reference .mb-0\.25rem{
  margin-bottom: 0.25rem;
}
.mb-native-reference .ml-0\.25rem{
  margin-left: 0.25rem;
}
.mb-native-reference .mr-0\.25rem{
  margin-right: 0.25rem;
}
.mb-native-reference .mt-0\.375rem{
  margin-top: 0.375rem;
}
.mb-native-reference .mb-0\.375rem{
  margin-bottom: 0.375rem;
}
.mb-native-reference .my-0\.5rem{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mb-native-reference .mx-0\.5rem{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mb-native-reference .mt-0\.5rem{
  margin-top: 0.5rem;
}
.mb-native-reference .mb-0\.5rem{
  margin-bottom: 0.5rem;
}
.mb-native-reference .ml-0\.5rem{
  margin-left: 0.5rem;
}
.mb-native-reference .mr-0\.5rem{
  margin-right: 0.5rem;
}
.mb-native-reference .my-0\.75rem{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.mb-native-reference .mt-0\.75rem{
  margin-top: 0.75rem;
}
.mb-native-reference .mb-0\.75rem{
  margin-bottom: 0.75rem;
}
.mb-native-reference .ml-0\.75rem{
  margin-left: 0.75rem;
}
.mb-native-reference .mr-0\.75rem{
  margin-right: 0.75rem;
}
.mb-native-reference .my-1rem{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mb-native-reference .mt-1rem{
  margin-top: 1rem;
}
.mb-native-reference .mb-1rem{
  margin-bottom: 1rem;
}
.mb-native-reference .ml-1rem{
  margin-left: 1rem;
}
.mb-native-reference .mr-1rem{
  margin-right: 1rem;
}
.mb-native-reference .my-1\.25rem{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.mb-native-reference .mx-1\.25rem{
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
.mb-native-reference .mt-1\.25rem{
  margin-top: 1.25rem;
}
.mb-native-reference .mb-1\.25rem{
  margin-bottom: 1.25rem;
}
.mb-native-reference .ml-1\.25rem{
  margin-left: 1.25rem;
}
.mb-native-reference .mr-1\.25rem{
  margin-right: 1.25rem;
}
.mb-native-reference .mt-1\.5rem{
  margin-top: 1.5rem;
}
.mb-native-reference .mb-1\.5rem{
  margin-bottom: 1.5rem;
}
.mb-native-reference .ml-1\.5rem{
  margin-left: 1.5rem;
}
.mb-native-reference .mr-1\.5rem{
  margin-right: 1.5rem;
}
.mb-native-reference .mt-1\.75rem{
  margin-top: 1.75rem;
}
.mb-native-reference .mb-1\.75rem{
  margin-bottom: 1.75rem;
}
.mb-native-reference .ml-1\.75rem{
  margin-left: 1.75rem;
}
.mb-native-reference .mr-1\.75rem{
  margin-right: 1.75rem;
}
.mb-native-reference .mt-2rem{
  margin-top: 2rem;
}
.mb-native-reference .ml-2rem{
  margin-left: 2rem;
}
.mb-native-reference .mr-2rem{
  margin-right: 2rem;
}
.mb-native-reference .mb-2rem{
  margin-bottom: 2rem;
}
.mb-native-reference .my-2\.5rem{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.mb-native-reference .mt-2\.5rem{
  margin-top: 2.5rem;
}
.mb-native-reference .ml-2\.5rem{
  margin-left: 2.5rem;
}
.mb-native-reference .mb-2\.5rem{
  margin-bottom: 2.5rem;
}
.mb-native-reference .mt-3rem{
  margin-top: 3rem;
}
.mb-native-reference .mb-3rem{
  margin-bottom: 3rem;
}
.mb-native-reference .mt-4rem{
  margin-top: 4rem;
}
.mb-native-reference .mb-4rem{
  margin-bottom: 4rem;
}
.mb-native-reference .mb-10px{
  margin-bottom: 0.625rem;
}
.mb-native-reference .mb-40px{
  margin-bottom: 2.5rem;
}
.mb-native-reference .p-0{
  padding: 0;
}
.mb-native-reference .px-0{
  padding-left: 0;
  padding-right: 0;
}
.mb-native-reference .py-0{
  padding-top: 0;
  padding-bottom: 0;
}
.mb-native-reference .pt-0{
  padding-top: 0;
}
.mb-native-reference .pb-0{
  padding-bottom: 0;
}
.mb-native-reference .pl-0{
  padding-left: 0;
}
.mb-native-reference .pr-0{
  padding-right: 0;
}
.mb-native-reference .px-0\.5em{
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.mb-native-reference .py-0\.5em{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.mb-native-reference .pt-0\.5em{
  padding-top: 0.5em;
}
.mb-native-reference .pb-0\.5em{
  padding-bottom: 0.5em;
}
.mb-native-reference .p-1em{
  padding: 1em;
}
.mb-native-reference .px-1em{
  padding-left: 1em;
  padding-right: 1em;
}
.mb-native-reference .py-1em{
  padding-top: 1em;
  padding-bottom: 1em;
}
.mb-native-reference .pt-1em{
  padding-top: 1em;
}
.mb-native-reference .pb-1em{
  padding-bottom: 1em;
}
.mb-native-reference .pl-1em{
  padding-left: 1em;
}
.mb-native-reference .pr-1em{
  padding-right: 1em;
}
.mb-native-reference .px-2em{
  padding-left: 2em;
  padding-right: 2em;
}
.mb-native-reference .py-2em{
  padding-top: 2em;
  padding-bottom: 2em;
}
.mb-native-reference .pt-2em{
  padding-top: 2em;
}
.mb-native-reference .pb-2em{
  padding-bottom: 2em;
}
.mb-native-reference .pl-2em{
  padding-left: 2em;
}
.mb-native-reference .pr-2em{
  padding-right: 2em;
}
.mb-native-reference .px-3em{
  padding-left: 3em;
  padding-right: 3em;
}
.mb-native-reference .py-3em{
  padding-top: 3em;
  padding-bottom: 3em;
}
.mb-native-reference .pt-3em{
  padding-top: 3em;
}
.mb-native-reference .pb-3em{
  padding-bottom: 3em;
}
.mb-native-reference .pt-4em{
  padding-top: 4em;
}
.mb-native-reference .pb-4em{
  padding-bottom: 4em;
}
.mb-native-reference .p-0\.25rem{
  padding: 0.25rem;
}
.mb-native-reference .py-0\.25rem{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.mb-native-reference .px-0\.25rem{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.mb-native-reference .pt-0\.25rem{
  padding-top: 0.25rem;
}
.mb-native-reference .pb-0\.25rem{
  padding-bottom: 0.25rem;
}
.mb-native-reference .pl-0\.25rem{
  padding-left: 0.25rem;
}
.mb-native-reference .pr-0\.25rem{
  padding-right: 0.25rem;
}
.mb-native-reference .p-0\.5rem{
  padding: 0.5rem;
}
.mb-native-reference .px-0\.5rem{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.mb-native-reference .pt-0\.5rem{
  padding-top: 0.5rem;
}
.mb-native-reference .pb-0\.5rem{
  padding-bottom: 0.5rem;
}
.mb-native-reference .pl-0\.5rem{
  padding-left: 0.5rem;
}
.mb-native-reference .pr-0\.5rem{
  padding-right: 0.5rem;
}
.mb-native-reference .px-0\.75rem{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.mb-native-reference .pt-0\.75rem{
  padding-top: 0.75rem;
}
.mb-native-reference .pb-0\.75rem{
  padding-bottom: 0.75rem;
}
.mb-native-reference .p-1rem{
  padding: 1rem;
}
.mb-native-reference .px-1rem{
  padding-left: 1rem;
  padding-right: 1rem;
}
.mb-native-reference .py-1rem{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.mb-native-reference .pt-1rem{
  padding-top: 1rem;
}
.mb-native-reference .pb-1rem{
  padding-bottom: 1rem;
}
.mb-native-reference .pl-1rem{
  padding-left: 1rem;
}
.mb-native-reference .pr-1rem{
  padding-right: 1rem;
}
.mb-native-reference .pt-1\.25rem{
  padding-top: 1.25rem;
}
.mb-native-reference .pb-1\.25rem{
  padding-bottom: 1.25rem;
}
.mb-native-reference .px-1\.25rem{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.mb-native-reference .pl-1\.25rem{
  padding-left: 1.25rem;
}
.mb-native-reference .pr-1\.25rem{
  padding-right: 1.25rem;
}
.mb-native-reference .pl-1\.5rem{
  padding-left: 1.5rem;
}
.mb-native-reference .pr-1\.5rem{
  padding-right: 1.5rem;
}
.mb-native-reference .px-1\.75rem{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.mb-native-reference .pt-1\.75rem{
  padding-top: 1.75rem;
}
.mb-native-reference .pb-1\.75rem{
  padding-bottom: 1.75rem;
}
.mb-native-reference .pl-1\.75rem{
  padding-left: 1.75rem;
}
.mb-native-reference .pr-1\.75rem{
  padding-right: 1.75rem;
}
.mb-native-reference .px-2rem{
  padding-left: 2rem;
  padding-right: 2rem;
}
.mb-native-reference .py-2rem{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.mb-native-reference .pt-2rem{
  padding-top: 2rem;
}
.mb-native-reference .pb-2rem{
  padding-bottom: 2rem;
}
.mb-native-reference .pl-2rem{
  padding-left: 2rem;
}
.mb-native-reference .pr-2rem{
  padding-right: 2rem;
}
.mb-native-reference .py-2\.5rem{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.mb-native-reference .pt-2\.5rem{
  padding-top: 2.5rem;
}
.mb-native-reference .pb-2\.5rem{
  padding-bottom: 2.5rem;
}
.mb-native-reference .px-3rem{
  padding-left: 3rem;
  padding-right: 3rem;
}
.mb-native-reference .py-3rem{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.mb-native-reference .pb-2px{
  padding-bottom: 2px;
}
.mb-native-reference .w-fit-content{
  width: fit-content;
}
.mb-native-reference .w-40px{
  width: 40px;
}
.mb-native-reference .w-1366px{
  width: var(--contents-max-width, 1366px);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .w-80px-sm{
    width: 80px;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .w-200px-lg{
    width: 200px;
  }
.mb-native-reference .w-280px-lg{
    width: 280px;
  }
.mb-native-reference .w-340px-lg{
    width: 340px;
  }
.mb-native-reference .w-380px-lg{
    width: 380px;
  }
.mb-native-reference .w-400px-lg{
    width: 400px;
  }
.mb-native-reference .w-640px-lg{
    width: 640px;
  }
.mb-native-reference .w-900px-lg{
    width: 900px;
  }
.mb-native-reference .w-1024px-lg{
    width: 1024px;
    max-width: 100%;
  }
.mb-native-reference .w-1100px-lg{
    width: 1100px;
    max-width: 100%;
  }
.mb-native-reference .w-1200px-lg{
    width: 1200px;
    max-width: 100%;
  }}
.mb-native-reference .x-ex-0\.5em{
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.mb-native-reference .x-ex-1em{
  margin-left: -1em;
  margin-right: -1em;
}
.mb-native-reference .x-ex-15em{
  margin-left: -1.5em;
  margin-right: -1.5em;
}
.mb-native-reference .h-60px{
  height: 60px;
}
.mb-native-reference .h-166px{
  height: 166px;
}
@media  print, (min-width: 992px) {.mb-native-reference .h-5\.75rem-lg{
    height: 5.75rem;
  }
.mb-native-reference .h-50px-lg{
    height: 50px;
  }
.mb-native-reference .h-72px-lg{
    height: 72px;
  }
.mb-native-reference .h-80px-lg{
    height: 80px;
  }
.mb-native-reference .h-90px-lg{
    height: 90px;
  }
.mb-native-reference .h-100px-lg{
    height: 100px;
  }}
.mb-native-reference .h1{
  font-size: 1.8rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .h1{ 
    font-size: 2.2rem;
  }}
.mb-native-reference .h2{
  font-size: 1.625rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .h2{ 
    font-size: 1.67rem;
  }}
.mb-native-reference .h3{
  font-size: 1.25rem;
}
@media  print, (min-width: 992px) {.mb-native-reference .h3{ 
    font-size: 1.625rem;
  }}
.mb-native-reference .large{
  font-size: calc(1em + 2px);
}
.mb-native-reference .x-large{
  font-size: calc(1em + 4px);
}
.mb-native-reference .xx-large{
  font-size: calc(1em + 6px);
}
.mb-native-reference .medium{
  font-size: calc(1em - 1px);
}
.mb-native-reference .small{
  font-size: calc(1em - 2px);
}
.mb-native-reference .x-small{
  font-size: calc(1em - 4px);
}
.mb-native-reference .fz-1em{
  font-size: 1em;
}
.mb-native-reference .fz-1\.25em{
  font-size: 1.25em;
}
.mb-native-reference .fz-1\.5em{
  font-size: 1.5em;
}
.mb-native-reference .fz-1\.75em{
  font-size: 1.75em;
}
.mb-native-reference .fz-2em{
  font-size: 2em;
}
.mb-native-reference .fz-0\.875em{
  font-size: 0.875em;
}
.mb-native-reference .fz-0\.75em{
  font-size: 0.75em;
}
.mb-native-reference .fz-12{
  font-size: 0.75rem;
}
.mb-native-reference .fz-13{
  font-size: calc(0.75rem + 1px);
}
.mb-native-reference .fz-14{
  font-size: 0.875rem;
}
.mb-native-reference .fz-15{
  font-size: calc(1rem - 1px);
}
.mb-native-reference .fz-1rem{
  font-size: 1rem;
}
.mb-native-reference .fz-17{
  font-size: calc(1rem + 1px);
}
.mb-native-reference .fz-1\.125rem{
  font-size: 1.125rem;
}
.mb-native-reference .fz-1\.25rem{
  font-size: 1.25rem;
}
.mb-native-reference .fz-1\.5rem{
  font-size: 1.5rem;
}
.mb-native-reference .fz-40{
  font-size: 2.5rem;
}
.mb-native-reference .fz-60{
  font-size: 3.75rem;
}
.mb-native-reference .stuffing{
  display: inline-block;
  margin-left: -0.35em;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .medium-sm{
    font-size: 0.9375em;
  }
.mb-native-reference .small-sm{
    font-size: 0.875em;
  }
.mb-native-reference .x-small-sm{
    font-size: 0.75em;
  }
.mb-native-reference .large-sm{
    font-size: 1.1875em;
  }
.mb-native-reference .x-large-sm{
    font-size: 1.375em;
  }
.mb-native-reference .xx-large-sm{
    font-size: 1.625em;
  }
.mb-native-reference .fz-2em-sm{
    font-size: 2em;
  }
.mb-native-reference .fz-1em-sm{
    font-size: 1em;
  }
.mb-native-reference .fz-1rem-sm{
    font-size: 1rem;
  }
.mb-native-reference .fz-1\.3rem-sm{
    font-size: 1.3rem;
  }
.mb-native-reference .fz-1\.5rem-sm{
    font-size: 1.5rem;
  }
.mb-native-reference .fz-1\.8rem-sm{
    font-size: 1.8rem;
  }
.mb-native-reference .fz-10px-sm{
    font-size: 0.625rem;
  }
.mb-native-reference .fz-11px-sm{
    font-size: calc(0.625rem + 1px);
  }
.mb-native-reference .fz-12px-sm{
    font-size: 0.75rem;
  }
.mb-native-reference .fz-13px-sm{
    font-size: calc(0.75rem + 1px);
  }
.mb-native-reference .fz-14px-sm{
    font-size: 0.875rem;
  }
.mb-native-reference .fz-15px-sm{
    font-size: calc(0.875rem + 1px);
  }
.mb-native-reference .fz-2rem-sm{
    font-size: 2rem;
  }
.mb-native-reference .fz-28px-sm{
    font-size: 1.75rem;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .fz-20-lg{
    font-size: 1.25rem;
  }
.mb-native-reference .fz-24-lg{
    font-size: 1.5rem;
  }
.mb-native-reference .fz-36-lg{
    font-size: 2.25rem;
  }
.mb-native-reference .fz-48-lg{
    font-size: 3rem;
  }
.mb-native-reference .medium-lg{
    font-size: 0.9375em;
  }
.mb-native-reference .small-lg{
    font-size: 0.875em;
  }
.mb-native-reference .x-small-lg{
    font-size: 0.8em;
  }
.mb-native-reference .large-lg{
    font-size: 1.125em;
  }
.mb-native-reference .x-large-lg{
    font-size: 1.375em;
  }
.mb-native-reference .xx-large-lg{
    font-size: 1.625em;
  }
.mb-native-reference .fz-2em-lg{
    font-size: 2em;
  }
.mb-native-reference .fz-1em-lg{
    font-size: 1em;
  }}
.mb-native-reference .text-right{
  text-align: right;
}
.mb-native-reference .text-center{
  text-align: center;
}
.mb-native-reference .text-left{
  text-align: left;
}
.mb-native-reference .letter-spacing-1{
  letter-spacing: 1px;
}
.mb-native-reference .letter-spacing-2{
  letter-spacing: 2px;
}
.mb-native-reference .letter-spacing--1{
  letter-spacing: -1px;
}
.mb-native-reference .indent-1{
  text-indent: 1em;
}
.mb-native-reference .indent-1rem{
  text-indent: 1rem;
}
.mb-native-reference .indent--05{
  text-indent: -0.5em;
}
.mb-native-reference .indent--1{
  text-indent: -1em;
}
.mb-native-reference .indent--1rem{
  text-indent: -1rem;
}
.mb-native-reference .line-height-sm{
  line-height: var(--line-height-sm, 1.25);
}
.mb-native-reference .line-height-base{
  line-height: var(--line-height-base, 1.5);
}
.mb-native-reference .line-14{
  line-height: 1.4;
}
.mb-native-reference .line-18{
  line-height: 1.8;
}
.mb-native-reference .line-28{
  line-height: 2.8;
}
.mb-native-reference .burette{
  margin-left: -0.25em;
  margin-right: -0.25em;
}
.mb-native-reference .heavy{
  font-weight: 700;
}
.mb-native-reference .bold{
  font-weight: 600;
}
.mb-native-reference .semibold{
  font-weight: 500;
}
.mb-native-reference .fw-medium{
  font-weight: 400;
}
.mb-native-reference .normal{
  font-weight: 400;
  font-style: normal;
  white-space: normal;
}
.mb-native-reference .text-uppercase{
  text-transform: uppercase;
}
.mb-native-reference .space-normal{
  white-space: normal;
}
.mb-native-reference .nowrap{
  white-space: nowrap;
}
.mb-native-reference .word-break-all{
  word-break: break-all;
}
.mb-native-reference .hover-color:hover{
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .hover-pointer{
  cursor: pointer;
}
.mb-native-reference .hover-underline:hover{
  text-decoration: underline;
}
.mb-native-reference .text-underline{
  text-decoration: underline;
}
.mb-native-reference .text-underline:hover,.mb-native-reference button:hover .text-underline{
  text-decoration: none;
}
.mb-native-reference .nodecoration{
  text-decoration: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .text-center-sm{
    text-align: center;
  }}
.mb-native-reference .color-white{
  color: #fff;
}
.mb-native-reference .color-logo{
  color: var(--logo-color, #003D5C);
}
.mb-native-reference .color-red{
  color: var(--red-text-color, #C50000);
}
.mb-native-reference .color-gray-pure{
  color: var(--gray-pure-color, #7F7F7F);
}
.mb-native-reference .color-dark-gray{
  color: #666;
}
.mb-native-reference .color-mid-gray{
  color: var(--gray-dark-color, #999);
}
.mb-native-reference .color-text{
  color: var(--text-color, #222);
}
.mb-native-reference .color-gray-blue-text{
  color: var(--gray-blue-text-color, #54798f);
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .color-gray-sm{
    color: #999;
  }}
.mb-native-reference .bg-color-logo{
  background-color: var(--logo-color, #003D5C);
}
.mb-native-reference .bg-color-gray-blue-light{
  background-color: var(--gray-blue-light-color, #E1E6F1);
}
.mb-native-reference .bg-color-white{
  background-color: #fff;
}
.mb-native-reference .bg-color-black{
  background-color: var(--text-color, #222);
}
.mb-native-reference .bg-color-dark-red{
  background-color: var(--red-dark-color, #A70000);
}
.mb-native-reference .bg-color-gray{
  background-color: var(--gray-pure-color, #7F7F7F);
}
.mb-native-reference .bg-color-gray-light{
  background-color: var(--gray-light-color, #F8F9FE);
}
.mb-native-reference .bg-pick-color-blue{
  background-color: var(--blue-pick-color, #0070C0);
}
.mb-native-reference .bg-pick-color-red{
  background-color: var(--red-pick-color, #FF0000);
}
.mb-native-reference .bg-pick-color-yellow{
  background-color: var(--yellow-pick-color, #FED533);
}
.mb-native-reference .bg-pick-color-green{
  background-color: var(--green-pick-color, #77933C);
}
.mb-native-reference .bg-pick-color-purple{
  background-color: var(--purple-pick-color, #7030A0);
}
.mb-native-reference .bg-pick-color-orange{
  background-color: var(--orange-pick-color, #FF6600);
}
.mb-native-reference .bg-pick-color-brown{
  background-color: var(--brown-pick-color, #984807);
}
.mb-native-reference .bg-pick-color-pink{
  background-color: var(--pink-pick-color, #F0728F);
}
.mb-native-reference .bg-pick-color-skin{
  background-color: var(--skin-pick-color, #FCD5B5);
}
.mb-native-reference .overflow-auto{
  overflow: auto;
}
.mb-native-reference .overflow-x-auto{
  overflow-x: auto;
}
.mb-native-reference .overflow-hidden{
  overflow: hidden;
}
.mb-native-reference .overflow-visible{
  overflow: visible;
}
.mb-native-reference .overflow-visible-imp{
  overflow: visible !important;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .overflow-hidden-sm{ 
    overflow: hidden;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .overflow-hidden-lg{ 
    overflow: hidden;
  }}
.mb-native-reference .overscroll-behavior-none{
  overscroll-behavior: none;
}
.mb-native-reference .overscroll-behavior-x-none{
  overscroll-behavior-x: none;
}
.mb-native-reference .overscroll-behavior-y-none{
  overscroll-behavior-y: none;
}
@media  screen and (max-width: 991.98px) {.mb-native-reference .only-lg,.mb-native-reference [class*=flex].only-lg,.mb-native-reference [class^=btn-].only-lg,.mb-native-reference [class*=tag-].only-lg,.mb-native-reference .arw-link.only-lg,.mb-native-reference .btn.only-lg{
    display: none;
  }
.mb-native-reference .table-sm{
    display: table;
  }
.mb-native-reference html.fixed,.mb-native-reference .fixed body{
    overflow: hidden;
    max-height: 100%;
  }
.mb-native-reference .border-sm{
    border: #909090 solid 1px;
  }
.mb-native-reference .border-bottom-sm{
    border-bottom: var(--gray-color) solid 1px;
  }
.mb-native-reference .no-border-sm{
    border: none;
  }
.mb-native-reference .ml-auto-sm{
    margin-left: auto;
  }
.mb-native-reference .mr-auto-sm{
    margin-right: auto;
  }
.mb-native-reference .mb-0-sm{
    margin-bottom: 0;
  }
.mb-native-reference .mt-0-sm{
    margin-top: 0;
  }
.mb-native-reference .mt-0\.5em-sm{
    margin-top: 0.5em;
  }
.mb-native-reference .mt-1em-sm{
    margin-top: 1em;
  }
.mb-native-reference .mb-1em-sm{
    margin-bottom: 1em;
  }
.mb-native-reference .mt-2em-sm{
    margin-top: 2em;
  }
.mb-native-reference .mb-2em-sm{
    margin-bottom: 2em;
  }
.mb-native-reference .mt-3em-sm{
    margin-top: 3em;
  }
.mb-native-reference .my-3em-sm{
    margin-top: 3em;
    margin-bottom: 3em;
  }
.mb-native-reference .ml-0\.25rem-sm{
    margin-left: 0.25rem;
  }
.mb-native-reference .mr-0\.25rem-sm{
    margin-right: 0.25rem;
  }
.mb-native-reference .mt-0\.5rem-sm{
    margin-top: 0.5rem;
  }
.mb-native-reference .mb-0\.5rem-sm{
    margin-bottom: 0.5rem;
  }
.mb-native-reference .mr-0\.5rem-sm{
    margin-right: 0.5rem;
  }
.mb-native-reference .mt-0\.75rem-sm{
    margin-top: 0.75rem;
  }
.mb-native-reference .mb-0\.75rem-sm{
    margin-bottom: 0.75rem;
  }
.mb-native-reference .mr-0\.75rem-sm{
    margin-right: 0.75rem;
  }
.mb-native-reference .mt-1rem-sm{
    margin-top: 1rem;
  }
.mb-native-reference .mb-1rem-sm{
    margin-bottom: 1rem;
  }
.mb-native-reference .ml-1rem-sm{
    margin-left: 1rem;
  }
.mb-native-reference .mr-1rem-sm{
    margin-right: 1rem;
  }
.mb-native-reference .mt-1\.125rem-sm{
    margin-top: 1.125rem;
  }
.mb-native-reference .ml-1\.125rem-sm{
    margin-left: 1.125rem;
  }
.mb-native-reference .mr-1\.125rem-sm{
    margin-right: 1.125rem;
  }
.mb-native-reference .mb-1\.125rem-sm{
    margin-top: 1.125rem;
  }
.mb-native-reference .mt-1\.25rem-sm{
    margin-top: 1.25rem;
  }
.mb-native-reference .ml-1\.25rem-sm{
    margin-left: 1.25rem;
  }
.mb-native-reference .mr-1\.25rem-sm{
    margin-right: 1.25rem;
  }
.mb-native-reference .mb-1\.25rem-sm{
    margin-bottom: 1.25rem;
  }
.mb-native-reference .mt-1\.5rem-sm{
    margin-top: 1.5rem;
  }
.mb-native-reference .mb-1\.5rem-sm{
    margin-bottom: 1.5rem;
  }
.mb-native-reference .mt-1\.75rem-sm{
    margin-top: 1.75rem;
  }
.mb-native-reference .mb-1\.75rem-sm{
    margin-bottom: 1.75rem;
  }
.mb-native-reference .mt-2rem-sm{
    margin-top: 2rem;
  }
.mb-native-reference .mb-2rem-sm{
    margin-bottom: 2rem;
  }
.mb-native-reference .mt-30px-sm{
    margin-top: 30px;
  }
.mb-native-reference .mb-30px-sm{
    margin-bottom: 30px;
  }
.mb-native-reference .mt-40px-sm{
    margin-top: 40px;
  }
.mb-native-reference .mb-40px-sm{
    margin-bottom: 40px;
  }
.mb-native-reference .mt-60px-sm{
    margin-top: 60px;
  }
.mb-native-reference .mb-60px-sm{
    margin-bottom: 60px;
  }
.mb-native-reference .mt-80px-sm{
    margin-top: 80px;
  }
.mb-native-reference .mb-80px-sm{
    margin-bottom: 80px;
  }
.mb-native-reference .pt-0-sm{
    padding-top: 0;
  }
.mb-native-reference .pb-0-sm{
    padding-bottom: 0;
  }
.mb-native-reference .px-1em-sm{
    padding-left: 1em;
    padding-right: 1em;
  }
.mb-native-reference .pt-1em-sm{
    padding-top: 1em;
  }
.mb-native-reference .pb-1em-sm{
    padding-bottom: 1em;
  }
.mb-native-reference .pl-0\.25rem-sm{
    padding-left: 0.25rem;
  }
.mb-native-reference .pr-0\.25rem-sm{
    padding-right: 0.25rem;
  }
.mb-native-reference .py-0\.5rem-sm{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
.mb-native-reference .pt-0\.5rem-sm{
    padding-top: 0.5rem;
  }
.mb-native-reference .pb-0\.5rem-sm{
    padding-bottom: 0.5rem;
  }
.mb-native-reference .pl-0\.5rem-sm{
    padding-left: 0.5rem;
  }
.mb-native-reference .pr-0\.5rem-sm{
    padding-right: 0.5rem;
  }
.mb-native-reference .px-0\.625rem-sm{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
.mb-native-reference .py-0\.625rem-sm{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
.mb-native-reference .px-0\.75rem-sm{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
.mb-native-reference .pt-1rem-sm{
    padding-top: 1rem;
  }
.mb-native-reference .pb-1rem-sm{
    padding-bottom: 1rem;
  }
.mb-native-reference .px-1rem-sm{
    padding-left: 1rem;
    padding-right: 1rem;
  }
.mb-native-reference .px-1\.25rem-sm{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
.mb-native-reference .pt-1\.25rem-sm{
    padding-top: 1.25rem;
  }
.mb-native-reference .pb-1\.25rem-sm{
    padding-bottom: 1.25rem;
  }
.mb-native-reference .pt-3rem-sm{
    padding-top: 3rem;
  }
.mb-native-reference .nowrap-lg{
    white-space: normal;
  }}
@media  print, (min-width: 992px) {.mb-native-reference .only-sm,.mb-native-reference [class*=flex].only-sm,.mb-native-reference [class^=btn-].only-sm{
    display: none;
  }
.mb-native-reference .fz-19,.mb-native-reference .col .fz-19{
    font-size: 1.9rem;
  }
.mb-native-reference .float-left-lg{
    float: left;
  }
.mb-native-reference .float-right-lg{
    float: right;
  }
.mb-native-reference .text-center-lg{
    text-align: center;
  }
.mb-native-reference .text-left-lg{
    text-align: left;
  }
.mb-native-reference .text-right-lg{
    text-align: right;
  }
.mb-native-reference .letter-spacing--1-lg{
    letter-spacing: -1px;
  }
.mb-native-reference .ml-auto-lg{
    margin-left: auto;
  }
.mb-native-reference .mr-auto-lg{
    margin-right: auto;
  }
.mb-native-reference .mt--0\.5rem-lg{
    margin-top: -0.5rem;
  }
.mb-native-reference .mt--1rem-lg{
    margin-top: -1rem;
  }
.mb-native-reference .mb--3rem{
    margin-bottom: -3rem;
  }
.mb-native-reference .mb-0-lg{
    margin-bottom: 0;
  }
.mb-native-reference .mt-0-lg{
    margin-top: 0;
  }
.mb-native-reference .ml-0-lg{
    margin-left: 0;
  }
.mb-native-reference .mr-0-lg{
    margin-right: 0;
  }
.mb-native-reference .mx-0-lg{
    margin-left: 0;
    margin-right: 0;
  }
.mb-native-reference .mx-2em-lg{
    margin-left: 2em;
    margin-right: 2em;
  }
.mb-native-reference .mt-1em-lg{
    margin-top: 1em;
  }
.mb-native-reference .mb-1em-lg{
    margin-bottom: 1em;
  }
.mb-native-reference .ml-1em-lg{
    margin-left: 1em;
  }
.mb-native-reference .mr-1em-lg{
    margin-right: 1em;
  }
.mb-native-reference .mt-2em-lg{
    margin-top: 2em;
  }
.mb-native-reference .mb-2em-lg{
    margin-bottom: 2em;
  }
.mb-native-reference .ml-2em-lg{
    margin-left: 2em;
  }
.mb-native-reference .mr-2em-lg{
    margin-right: 2em;
  }
.mb-native-reference .mt-3em-lg{
    margin-top: 3em;
  }
.mb-native-reference .mb-3em-lg{
    margin-bottom: 3em;
  }
.mb-native-reference .my-4em-lg{
    margin-top: 4em;
    margin-bottom: 4em;
  }
.mb-native-reference .mt-4em-lg{
    margin-top: 4em;
  }
.mb-native-reference .mb-4em-lg{
    margin-bottom: 4em;
  }
.mb-native-reference .mt-0\.5rem-lg{
    margin-top: 0.5rem;
  }
.mb-native-reference .mb-0\.5rem-lg{
    margin-bottom: 0.5rem;
  }
.mb-native-reference .mt-0\.75rem-lg{
    margin-top: 0.75rem;
  }
.mb-native-reference .mb-0\.75rem-lg{
    margin-bottom: 0.75rem;
  }
.mb-native-reference .mr-0\.75rem-lg{
    margin-right: 0.75rem;
  }
.mb-native-reference .mt-1rem-lg{
    margin-top: 1rem;
  }
.mb-native-reference .mb-1rem-lg{
    margin-bottom: 1rem;
  }
.mb-native-reference .mt-1\.25rem-lg{
    margin-top: 1.25rem;
  }
.mb-native-reference .mb-1\.25rem-lg{
    margin-bottom: 1.25rem;
  }
.mb-native-reference .my-1\.5rem-lg{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
.mb-native-reference .mt-1\.5rem-lg{
    margin-top: 1.5rem;
  }
.mb-native-reference .mb-1\.5rem-lg{
    margin-bottom: 1.5rem;
  }
.mb-native-reference .my-1\.75rem-lg{
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
.mb-native-reference .mt-1\.75rem-lg{
    margin-top: 1.75rem;
  }
.mb-native-reference .mb-1\.75rem-lg{
    margin-bottom: 1.75rem;
  }
.mb-native-reference .mt-2rem-lg{
    margin-top: 2rem;
  }
.mb-native-reference .mb-2rem-lg{
    margin-bottom: 2rem;
  }
.mb-native-reference .mt-2\.5rem-lg{
    margin-top: 2.5rem;
  }
.mb-native-reference .mb-2\.5rem-lg{
    margin-bottom: 2.5rem;
  }
.mb-native-reference .mt-26px-lg{
    margin-top: 26px;
  }
.mb-native-reference .mb-26px-lg{
    margin-bottom: 26px;
  }
.mb-native-reference .mt-30px-lg{
    margin-top: 30px;
  }
.mb-native-reference .mb-30px-lg{
    margin-bottom: 30px;
  }
.mb-native-reference .mt-48px-lg{
    margin-top: 48px;
  }
.mb-native-reference .mb-48px-lg{
    margin-bottom: 48px;
  }
.mb-native-reference .mt-56px-lg{
    margin-top: 56px;
  }
.mb-native-reference .mb-56px-lg{
    margin-bottom: 56px;
  }
.mb-native-reference .ml-60px-lg{
    margin-left: 60px;
  }
.mb-native-reference .mr-60px-lg{
    margin-right: 60px;
  }
.mb-native-reference .mt-60px-lg{
    margin-top: 60px;
  }
.mb-native-reference .mb-60px-lg{
    margin-bottom: 60px;
  }
.mb-native-reference .mt-64px-lg{
    margin-top: 64px;
  }
.mb-native-reference .mt-80px-lg{
    margin-top: 80px;
  }
.mb-native-reference .mb-80px-lg{
    margin-bottom: 80px;
  }
.mb-native-reference .mt-100px-lg{
    margin-top: 100px;
  }
.mb-native-reference .mb-100px-lg{
    margin-bottom: 100px;
  }
.mb-native-reference .pt-0-lg{
    padding-top: 0;
  }
.mb-native-reference .pb-0-lg{
    padding-bottom: 0;
  }
.mb-native-reference .px-1em-lg{
    padding-left: 1em;
    padding-right: 1em;
  }
.mb-native-reference .pt-1em-lg{
    padding-top: 1em;
  }
.mb-native-reference .pb-1em-lg{
    padding-bottom: 1em;
  }
.mb-native-reference .pl-1em-lg{
    padding-left: 1em;
  }
.mb-native-reference .pr-1em-lg{
    padding-right: 1em;
  }
.mb-native-reference .pr-2em-lg{
    padding-right: 2em;
  }
.mb-native-reference .pl-2em-lg{
    padding-left: 2em;
  }
.mb-native-reference .py-0\.5rem-lg{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
.mb-native-reference .pt-0\.5rem-lg{
    padding-top: 0.5rem;
  }
.mb-native-reference .pb-0\.5rem-lg{
    padding-bottom: 0.5rem;
  }
.mb-native-reference .pl-0\.5rem-lg{
    padding-left: 0.5rem;
  }
.mb-native-reference .pr-0\.5rem-lg{
    padding-right: 0.5rem;
  }
.mb-native-reference .px-1rem-lg{
    padding-left: 1rem;
    padding-right: 1rem;
  }
.mb-native-reference .px-1\.25rem-lg{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
.mb-native-reference .pt-1\.25rem-lg{
    padding-top: 1.25rem;
  }
.mb-native-reference .pb-1\.25rem-lg{
    padding-bottom: 1.25rem;
  }
.mb-native-reference .px-1\.5rem-lg{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
.mb-native-reference .pt-1\.5rem-lg{
    padding-top: 1.5rem;
  }
.mb-native-reference .pb-1\.5rem-lg{
    padding-bottom: 1.5rem;
  }
.mb-native-reference .pt-1\.75rem-lg{
    padding-top: 1.75rem;
  }
.mb-native-reference .pb-1\.75rem-lg{
    padding-bottom: 1.75rem;
  }
.mb-native-reference .px-2rem-lg{
    padding-left: 2rem;
    padding-right: 2rem;
  }
.mb-native-reference .pt-2rem-lg{
    padding-top: 2rem;
  }
.mb-native-reference .pl-2rem-lg{
    padding-left: 2rem;
  }
.mb-native-reference .pr-2rem-lg{
    padding-right: 2rem;
  }
.mb-native-reference .pb-2rem-lg{
    padding-bottom: 2rem;
  }
.mb-native-reference .p-2\.5rem-lg{
    padding: 2.5rem;
  }
.mb-native-reference .pt-2\.5rem-lg{
    padding-top: 2.5rem;
  }
.mb-native-reference .pb-2\.5rem-lg{
    padding-bottom: 2.5rem;
  }
.mb-native-reference .py-2\.5rem-lg{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
.mb-native-reference .p-3\.75rem-lg{
    padding: 3.75rem;
  }
.mb-native-reference .py-3\.75rem-lg{
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
.mb-native-reference .pt-3\.75rem-lg{
    padding-top: 3.75rem;
  }
.mb-native-reference .pb-3\.75rem-lg{
    padding-bottom: 3.75rem;
  }
.mb-native-reference .pl-3\.75rem-lg{
    padding-left: 3.75rem;
  }
.mb-native-reference .pr-3\.75rem-lg{
    padding-right: 3.75rem;
  }
.mb-native-reference .border-lg{
    border: #909090 solid 1px;
  }
.mb-native-reference .no-border-lg{
    border: none;
  }
.mb-native-reference .w-ex-1em{
    width: calc(100% + 1em);
    max-width: calc(100% + 1em);
  }
.mb-native-reference .w-ex-2em{
    width: calc(100% + 2em);
    max-width: calc(100% + 2em);
  }
.mb-native-reference .w-ex-3em{
    width: calc(100% + 3em);
    max-width: calc(100% + 3em);
  }
.mb-native-reference .nowrap-lg{
    white-space: nowrap;
  }}
@media  print {.mb-native-reference{
    overflow: visible !important;
    zoom: 0.85 !important;
  }
.mb-native-reference{
    min-width: 1200px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
.mb-native-reference .content{
    min-width: 992px !important;
  }
.mb-native-reference main{
    font-family: "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-top: 0 !important;
  }
.mb-native-reference .site-header{
    position: static;
  }
.mb-native-reference .search-bar{
    position: static;
  }}
.mb-native-reference{color:#222;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.mb-native-reference .main_cont_position_link{display:none}.mb-native-reference .splide__list{transform:none!important}.mb-native-reference .splide__slide--clone{display:none!important}.mb-native-reference .gp-img{max-width:100%;height:auto}.mb-native-reference button,.mb-native-reference input,.mb-native-reference select{font:inherit}.mb-native-reference .gp-p{line-height:1.5}.mb-native-reference .mb-local-notice{padding:16px;border:1px solid #003d5c;color:#003d5c}.mb-native-reference .gp-list-a-item figure{margin:0}

@media(min-width:992px){.mb-native-home #mb-gear-guides .latestnews-list{grid-template-columns:136px auto;column-gap:30px}}