:root {
  --color-brand: #d2ad52;
  --color-text: #231815;
  --color-attention: #ec691e;
  --color-lead: #124b7b;
}

#google_translate_element {
  display: none !important;
}

.goog-te-banner-frame,
.goog-tooltip,
.goog-tooltip:hover {
  display: none !important;
}

.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
}

body {
  top: 0 !important;
}

:is(header, footer) {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:is(header, footer) *, :is(header, footer) *::before, :is(header, footer) *::after {
  box-sizing: inherit;
}

:is(header, footer) h1, :is(header, footer) h2, :is(header, footer) h3, :is(header, footer) p, :is(header, footer) ul, :is(header, footer) ol, :is(header, footer) dl, :is(header, footer) dd, :is(header, footer) figure {
  margin: 0;
  padding: 0;
}

:is(header, footer) ul, :is(header, footer) ol {
  list-style: none;
}

:is(header, footer) a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  opacity: 1;
  transition: .35s ease-in;
}

:is(header, footer) button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

:is(header, footer) img {
  max-width: 100%;
  height: auto;
  border-style: none;
}

:is(header, footer) summary {
  cursor: pointer;
}

:is(header, footer) summary::-webkit-details-marker {
  display: none;
}

header {
  display: flex;
  z-index: 100;
  position: sticky;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 85px;
  padding-inline: 66px 0;
  background-color: #fff;
  font-weight: 500;
  font-size: 13px;
}

header::before {
  z-index: 0;
  position: absolute;
  inset: 0;
  background-color: #fff;
  content: '';
  pointer-events: none;
}

header .a-logo {
  position: relative;
  width: 100px;
  height: 59px;
}

header .a-logo a {
  display: block;
  width: 100%;
  height: 100%;
}

header .a-logo img {
  display: block;
  width: 100%;
  height: auto;
}

header ul, header ol, header dl {
  list-style: none;
}

header nav {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 100%;
}

header .box-menu--nav {
  display: flex;
  row-gap: 15px;
  flex-direction: column-reverse;
  padding-block: 16px;
}

header .box-menu--nav .box-link--content ul {
  display: flex;
  position: relative;
  column-gap: 30px;
  flex-direction: row;
}

header .box-menu--nav .box-link--content ul a {
  display: inline-flex;
  align-items: center;
  color: var(--color-text);
}

header .box-menu--nav .box-link--content ul a.is-open-plate::after {
  display: inline-flex;
  width: 15px;
  height: 7px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2014%208.5%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e2c46d%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.7%22%3E%3Cpath%20d%3D%22m13.4.6-6.4%206.6-6.4-6.6%22%2F%3E%3Cpath%20d%3D%22m13.4.6-6.4%206.6-6.4-6.6%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position-y: middle;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}

header .box-menu--nav .box-link--content ul .frame-submenu {
  z-index: -1;
  position: absolute;
  top: -520px;
  padding-inline: 30px;
  padding-block: 35px 20px;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: .35s ease-in-out;
}

header .box-menu--nav .box-link--content ul .frame-submenu.is-open {
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: .35s ease-in-out;
}

header .box-menu--nav .box-link--content ul .frame-submenu.sm1 {
  left: -30px;
}

header .box-menu--nav .box-link--content ul .frame-submenu.sm2 {
  left: 90px;
}

header .box-menu--nav .box-link--content ul .frame-submenu ul {
  display: flex;
  flex-direction: column;
  flex-direction: column;
  width: 220px;
  line-height: 2.5;
}

header .box-menu--nav .box-link--content ul .frame-submenu a {
  position: relative;
  padding-right: 16px;
}

header .box-menu--nav .box-link--content ul .frame-submenu a::after {
  display: inline-flex;
  position: absolute;
  top: .75rem;
  right: 0;
  width: 8px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%207.4%2012.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m.5.6%205.8%205.5-5.8%205.5%22%20fill%3D%22none%22%20stroke%3D%22%23cca954%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}

header .box-menu--nav .box-link--outer ul {
  display: flex;
  position: relative;
  column-gap: 28px;
  flex-direction: row;
  justify-content: flex-end;
  font-size: 12px;
}

header .box-menu--nav a {
  display: inline-flex;
  align-items: center;
  color: var(--color-text);
}

header .box-menu--nav a.a-outer-link::after {
  display: inline-flex;
  width: 17px;
  height: 14px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%209.7%208.6%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e2c46d%22%20stroke-width%3D%22.9%22%3E%3Cpath%20d%3D%22m2.2.4h7v6.1h-7z%22%2F%3E%3Cpath%20d%3D%22m2.2.4h7v6.1h-7z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m8%208.6h-8v-7.1%22%2F%3E%3Cpath%20d%3D%22m8%208.6h-8v-7.1%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position-y: middle;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}

header .o-switch--language {
  display: flex;
  align-items: center;
  gap: 8px;
}

header .o-switch--language input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

header .o-switch--language label {
  color: var(--color-text);
  cursor: pointer;
  opacity: 0.35;
  transition: opacity 0.2s ease;
}

header .o-switch--language input[type="radio"]:checked + label {
  opacity: 1;
}

header .box-menu--contact {
  display: flex;
  position: relative;
  flex: 0 0 auto;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  height: 100%;
  min-height: 100%;
  background-color: var(--color-brand);
  font-size: 15px;
}

header .box-menu--contact a {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-inline: 36px;
  color: #fff;
  text-decoration: none;
}

header .box-menu--contact a::before {
  display: block;
  display: inline-flex;
  width: 24px;
  height: 19px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2029.8%2023.4%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m4.1%2022.8c-.8%200-1.6-.3-2.3-.8%200%200-.2-.1-.2-.2-.3-.3-.6-.7-.7-1.1-.2-.4-.3-.9-.3-1.4v-15.2c0-.2%200-.5%200-.7.1-.6.4-1.1.7-1.5%200%200%20.2-.2.2-.3.7-.7%201.6-1%202.5-1h21.6c.9%200%201.8.4%202.5%201%200%200%20.2.2.2.3.4.4.6%201%20.7%201.6v.7%2015.1c0%20.5%200%201-.3%201.4-.2.4-.4.8-.7%201.1%200%200-.2.1-.2.2-.6.5-1.4.8-2.3.8z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22m4.1%2023.4c-1%200-1.9-.3-2.6-.9%200%200-.2-.2-.3-.3-.4-.4-.7-.8-.9-1.3-.2-.5-.3-1.1-.3-1.6v-15.2c0-.3%200-.5%200-.8.1-.7.4-1.3.8-1.8%200-.1.2-.2.3-.3.8-.8%201.8-1.2%202.9-1.2h21.6c1.1%200%202.1.4%202.9%201.2%200%200%20.2.2.3.3.4.5.7%201.1.8%201.8v.8%2015.1c0%20.6-.1%201.1-.3%201.6s-.5.9-.9%201.3c0%200-.2.2-.3.3-.7.6-1.7%201-2.6%201zm-1-2.3c.3.2.7.3%201%20.3h21.6c.4%200%20.7%200%201-.3s-8.7-7.6-8.7-7.6l-.8.7c-.6.6-1.5.9-2.3.9s-1.7-.3-2.3-.9l-.8-.7zm24.6-1.7v-14.4l-8.3%207.2zm-25.6-.1c0%20.1%208.2-7%208.2-7l-8.2-7.3v14.2zm11.7-6.5c.3.3.7.4%201.1.4s.8-.1%201.1-.4l11.3-9.9c0-.1-.1-.2-.2-.2-.4-.4-.9-.6-1.4-.6h-21.6c-.5%200-1.1.2-1.4.6%200%200-.1.1-.2.2s11.3%209.9%2011.3%209.9z%22%20fill%3D%22%23cca954%22%2F%3E%3C%2Fsvg%3E");
  background-position-y: middle;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}

header .box-menu--shop {
  display: flex;
  position: relative;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  height: 100%;
  min-height: 100%;
  padding-block: 16px 6px;
}

header .box-menu--shop .box-menu--shop-img {
  width: auto;
  height: 24px;
}

header .box-menu--shop .box-menu--shop-img img {
  height: 100%;
}

header .box-menu--shop a {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-inline: 36px;
  color: #000;
  text-decoration: none;
}

header .box-menu--shop a.a-outer-link::after {
  display: inline-flex;
  width: 17px;
  height: 14px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%209.7%208.6%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e2c46d%22%20stroke-width%3D%22.9%22%3E%3Cpath%20d%3D%22m2.2.4h7v6.1h-7z%22%2F%3E%3Cpath%20d%3D%22m2.2.4h7v6.1h-7z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m8%208.6h-8v-7.1%22%2F%3E%3Cpath%20d%3D%22m8%208.6h-8v-7.1%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position-y: middle;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}

header .btn-hamburger {
  display: none;
  position: relative;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  width: auto;
  height: 100%;
  gap: 8px;
  border: none;
  background-color: var(--color-brand);
  cursor: pointer;
}

header .btn-hamburger span {
  display: block;
  width: 32px;
  height: 2px;
  background-color: #fff;
  transition: .3s ease-in-out;
}

header .btn-hamburger.is-active span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}

header .btn-hamburger.is-active span:nth-child(2) {
  opacity: 0;
}

header .btn-hamburger.is-active span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

header .frame-drawer {
  display: none;
}

body.admin-bar header {
  top: 32px;
}

footer {
  width: 100%;
  background-color: #fff;
}

footer .frame-footer--sitemap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-block: 85px 1rem;
  padding-inline: 100px;
  font-size: 13px;
}

footer .frame-footer--sitemap .box-footer--sitemap-logo {
  height: auto;
  text-align: center;
}

footer .frame-footer--sitemap .box-footer--sitemap-logo img {
  width: 10rem;
}

footer .frame-footer--sitemap .box-footer--sitemap-logo .a-address--footer {
  margin-top: 24px;
  font-size: 12px;
  text-align: center;
}

footer .frame-footer--sitemap .box-footer--sitemap-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 14px;
  align-items: start;
  width: 50%;
  max-width: 520px;
}

footer .frame-footer--sitemap .box-footer--sitemap-menu ul {
  list-style: none;
}

footer .frame-footer--sitemap .box-footer--sitemap-menu ul li {
  margin-bottom: 28px;
}

footer .frame-footer--sitemap .box-footer--sitemap-menu ul li ul {
  margin-top: 12px;
  margin-bottom: 40px;
}

footer .frame-footer--sitemap .box-footer--sitemap-menu ul li ul li {
  margin-bottom: 12px;
  font-weight: 200;
}

footer .frame-footer--sitemap .box-footer--sitemap-menu ul li ul li a::after {
  content: none;
}

footer .frame-footer--sitemap a {
  position: relative;
  padding-right: 16px;
}

footer .frame-footer--sitemap a::after {
  display: inline-flex;
  position: absolute;
  top: .225rem;
  right: 0;
  width: 7px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%207.4%2012.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m.5.6%205.8%205.5-5.8%205.5%22%20fill%3D%22none%22%20stroke%3D%22%23cca954%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}

footer .box-copyright {
  width: 100%;
  padding-block: 8px;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

footer .box-footer-social {
  margin-bottom: 2rem;
  padding-inline: 100px;
}

footer .box-footer-social ul {
  display: flex;
  column-gap: 0;
  flex-direction: row;
  list-style: none;
}

footer .box-footer-social ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 3rem;
  padding-inline: .75rem;
  line-height: 1;
}

footer .box-footer-social ul li a {
  display: flex;
  align-items: center;
}

footer .box-footer-social ul li img {
  width: 22px;
  height: 22px;
}

footer .box-footer-social ul li:nth-child(1) {
  border-right: 2px solid #414141;
}

.box-footer--links {
  display: flex;
  row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  margin-block: 40px;
  list-style: none;
}

.box-footer--links li {
  display: block;
  width: calc(50% - 20px);
  text-align: left;
}

.box-footer--links li a [class^="box-lnk--"] {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  aspect-ratio: 57 / 17;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.box-footer--links li a [class^="box-lnk--"] .a-footer--links-title {
  position: absolute;
  color: #fff;
  font-weight: 100;
  font-size: 68px;
  line-height: 1;
  transition: .5s ease-in-out;
}

.box-footer--links li a .box-lnk--recruit {
  background-image: url(../img/common/img_footer_link--recruit.webp);
}

.box-footer--links li a .box-lnk--recruit .a-footer--links-title {
  bottom: 20px;
  left: 20px;
}

.box-footer--links li a .box-lnk--shop {
  background-image: url(../img/common/img_footer_link--onlineshop.webp);
  background-position: center;
}

.box-footer--links li a .box-lnk--shop .a-footer--links-title {
  bottom: 20px;
  left: 20px;
}

.box-footer--links li a p {
  margin-block: 1rem;
}

.box-footer--links li a p span {
  position: relative;
}

.box-footer--links li a p span::after {
  display: inline-flex;
  position: inherit;
  top: .125rem;
  right: -.75rem;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23040000%22%3E%3Cpath%20d%3D%22m2.3%200v9.8h9.8v-9.8zm8.8%208.8h-7.9v-7.9h7.9z%22%20opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22m.9%2011.1v-8.8h-.9v9.8h9.8v-.9h-8.9z%22%20opacity%3D%22.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}

#top-links {
  background-color: #F0F0F0;
}

.skiptranslate {
  display: none;
}

@media screen and (min-width: 768px) {
  :is(header, footer) a:hover {
    opacity: .5;
    transition: .35s ease-out;
  }
  .box-footer--links li a:hover [class^="box-lnk--"] .a-footer--links-title {
    color: #232323;
    transition: .35s ease-in-out;
  }
  .box-footer--links li a [class^="box-lnk--"]:before {
    opacity: 0;
    transition: .35s ease-in-out;
  }
  .box-footer--links li a:hover [class^="box-lnk--"]:before {
    display: flex;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #0000007b;
    content: '';
    opacity: 1;
    transition: .35s ease-in-out;
  }
  .box-footer--links li a [class^="box-lnk--"]:after {
    display: flex;
    z-index: +1;
    align-items: center;
    justify-content: center;
    width: 40%;
    height: 30%;
    border: 1px solid #fff;
    content: 'READ MORE';
    color: #fff;
    opacity: 0;
    transition: .35s ease-in-out;
  }
  .box-footer--links li a:hover [class^="box-lnk--"]:after {
    opacity: 1;
    transition: .35s ease-in-out;
  }
}

@media screen and (max-width: 1199.999px) {
  header {
    height: calc((75 / 1200) * 100vw);
  }
  header {
    padding-inline: calc((20 / 1200) * 100vw) 0;
  }
  header .a-logo {
    width: calc((99 / 1200) * 100vw);
    height: calc((60 / 1200) * 100vw);
  }
  header .box-menu--nav {
    padding-block: calc((12 / 1200) * 100vw);
  }
  header .box-menu--nav {
    row-gap: calc((11 / 1200) * 100vw);
  }
  header .box-menu--nav .box-link--outer ul {
    font-size: calc((12 / 1200) * 100vw);
  }
}

@media (max-width: 1089.999px) {
  header {
    align-items: center;
    height: 64px !important;
    padding-inline: 16px 0;
    overflow: visible !important;
  }
  header .a-logo {
    width: 86px;
    height: auto;
    padding-left: 5px;
    padding-block: 17px;
  }
  header nav {
    display: none;
  }
  header .btn-hamburger {
    display: flex;
  }
  header .frame-drawer {
    display: block;
    z-index: 99;
    position: fixed;
    inset: 64px 0 0 0;
    overflow-y: auto;
    transform: translateX(100%);
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: transform .35s ease-in-out, opacity .35s ease-in-out;
  }
  header .frame-drawer.is-open {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
  }
  header .frame-drawer .box-drawer--inner {
    padding: 24px;
  }
  header .frame-drawer .list-drawer--main {
    display: flex;
    flex-direction: column;
  }
  header .frame-drawer .list-drawer--main > li {
    border-bottom: 1px solid #eee;
  }
  header .frame-drawer .list-drawer--main > li a {
    display: block;
    padding: 16px 4px;
    color: var(--color-text);
  }
  header .frame-drawer .list-drawer--main > li summary {
    display: block;
    position: relative;
    padding: 16px 4px;
    color: var(--color-text);
    list-style: none;
    cursor: pointer;
  }
  header .frame-drawer .list-drawer--main > li summary::-webkit-details-marker {
    display: none;
  }
  header .frame-drawer .list-drawer--main > li summary::after {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 8px;
    height: 8px;
    transform: translateY(-70%) rotate(45deg);
    border-right: 2px solid var(--color-brand);
    border-bottom: 2px solid var(--color-brand);
    content: '';
    transition: transform .2s ease-in-out;
  }
  header .frame-drawer .list-drawer--main > li details[open] summary::after {
    transform: translateY(-30%) rotate(-135deg);
  }
  header .frame-drawer .list-drawer--main > li details ul {
    max-height: 0;
    padding-left: 12px;
    overflow: hidden;
    opacity: 0;
    transition: max-height .35s ease-in-out, opacity .35s ease-in-out;
  }
  header .frame-drawer .list-drawer--main > li details ul li a {
    padding: 10px 4px;
    font-size: 13px;
  }
  header .frame-drawer .list-drawer--main > li details[open] ul {
    opacity: 1;
  }
  header .frame-drawer .o-switch--language {
    margin-top: 24px;
  }
  header .frame-drawer .btn-drawer--contact {
    display: block;
    margin-top: 24px;
    padding: 16px;
    background-color: var(--color-brand);
    color: #fff;
    text-align: center;
  }
}

@media screen and (max-width: 782px) {
  body.admin-bar header {
    top: 46px;
  }
}

@media screen and (max-width: 767.999px) {
  footer .frame-footer--sitemap {
    justify-content: center;
    margin-block: calc((26 / 384) * 100vw);
    padding-inline: calc((26 / 384) * 100vw);
  }
  footer .frame-footer--sitemap .box-footer--sitemap-logo .a-address--footer {
    font-size: calc((12 / 384) * 100vw);
  }
  footer .frame-footer--sitemap .box-footer--sitemap-menu {
    display: none;
  }
  footer .box-footer-social ul li {
    width: 100%;
  }
  footer .box-footer-social ul li img {
    height: 2rem;
  }
  footer .box-footer-social ul li:nth-child(1) {
    justify-content: flex-end;
  }
  .box-footer--links {
    row-gap: calc((20 / 384) * 100vw);
    flex-direction: column;
    margin-block: calc((60 / 384) * 100vw);
  }
  .box-footer--links li {
    width: 100%;
  }
  .box-footer--links li a [class^="box-lnk--"] .a-footer--links-title {
    font-size: calc((32 / 384) * 100vw);
  }
  .sub .ttlBlc {
    margin-top: 0 !important;
  }
}