﻿@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        background-attachment: initial;
        scroll-behavior: auto;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

*, *::before, *::after {
    box-sizing: border-box
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    margin: 0;
    padding: 0;
    border: none;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

a, area, button, input, label, select, summary, textarea, [tabindex] {
    touch-action: manipulation
}

iframe, img, input, select, textarea {
    max-width: 100%;
    height: auto
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

ol, ul {
    list-style: none
}

img {
    image-rendering: -webkit-optimize-contrast
}

a {
    color: inherit;
    text-decoration: none
}

table {
    border-collapse: collapse
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

@font-face {
    font-family: Fjalla;
    src: url(../font/FjallaOne-Regular.ttf)
}

@font-face {
    font-family: Fjalla;
    src: url(../font/FjallaOne-Regular.ttf) format(”truetype”)
}

:root {
    --w: 1px;
    --h: 1px;
    --f: 1px
}

@media screen and (max-width: 1440px) {
    :root {
        --w: 0.069444vw;
        --h: 0.069444vw
    }
}

@media screen and (max-width: 640px) {
    :root {
        --w: 0.14vw;
        --h: 0.16vw;
        --f: 0.23vw
    }
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Noto Sans JP", YuGothic, "游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    min-width: 1024px;
    color: #333;
    font-size: 13px;
    letter-spacing: .07em
}

h1, h2, h3, h4, h5, h6, b, strong, dt, th {
    font-weight: inherit
}

br.sp {
    display: none
}

span.nl {
    display: inline-block
}

@media screen and (max-width: 640px) {
    body {
        min-width: 320px
    }

    br.pc {
        display: none
    }

    br.sp {
        display: inline
    }
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: rgba(255, 255, 255, .98)
}

@media print, screen and (min-width: 640.02px) {
    .header {
        min-width: 1200px
    }

    .header__container {
        position: relative;
        display: flex;
        justify-content: space-between;
        min-width: 1200px;
        max-width: 1280px;
        height: 110px;
        padding: 0 20px;
        margin: 0 auto
    }

    .header__logo {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 640px) {
    .header__container {
        height: 80px;
        padding: 8px 10px;
        margin: 0 auto
    }

    .header__logo img {
        width: 250px
    }
}

@media print, screen and (min-width: 640.02px) {
    .nav__btn, .nav__label, .nav__subbtn {
        display: none
    }

    .nav__wrap {
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        padding: 60px 0 0
    }

    .nav__items {
        display: flex
    }

    .nav__item--home {
        display: none
    }

    .nav__sublabel {
        position: relative;
        display: block;
        padding: 8px 10px 14px;
        font-size: 15.6px;
        letter-spacing: .1em;
        text-decoration: underline
    }

    .nav__sublabel:hover {
        border-radius: 10px 10px 0 0;
        background: rgba(100, 100, 100, .1)
    }

    .nav__sublabel:hover::before {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        display: block;
        width: 20px;
        height: 10px;
        margin: 0 auto;
        background: #bbde9a;
        clip-path: polygon(50% 0, 100% 100%, 0 100%)
    }

    .nav__item:hover .nav__sublabel::before {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        display: block;
        width: 20px;
        height: 10px;
        margin: 0 auto;
        background: #bbde9a;
        clip-path: polygon(50% 0, 100% 100%, 0 100%)
    }

    .nav__subpage {
        position: absolute;
        left: 0;
        top: 110px;
        opacity: 0;
        pointer-events: none;
        width: 100vw;
        background: #bbde9a
    }

    .nav__subpage ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        max-width: 1000px;
        padding: 10px;
        margin: auto
    }

    .nav__subpage a {
        display: block;
        text-decoration: none;
        padding: 10px 20px;
        font-size: 120%;
        line-height: 1.4em
    }

    .nav__subpage a:hover {
        background: rgba(255, 255, 255, .4);
        border-radius: 999px
    }

    .nav__item:hover .nav__subpage {
        opacity: 1;
        pointer-events: all
    }

    .nav__category {
        position: absolute;
        left: 0;
        top: 110px;
        opacity: 0;
        pointer-events: none;
        width: 100vw;
        background: #bbde9a
    }

    .nav__item:hover .nav__category {
        opacity: 1;
        pointer-events: all
    }

    .nav__category__items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        max-width: 1000px;
        padding: 10px;
        margin: auto
    }

    .nav__category__btn, .nav__category__label {
        display: none
    }

    .nav__category__link {
        display: block;
        text-decoration: none;
        padding: 10px 20px;
        font-size: 120%;
        line-height: 1.4em
    }

    .nav__category__link img {
        display: inline-block;
        margin: 0 10px 0 0;
        vertical-align: middle
    }

    .nav__category__child {
        position: absolute;
        left: 0;
        top: 70px;
        opacity: 0;
        pointer-events: none;
        width: 100vw;
        background: #ffd34b
    }

    .nav__category__child ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        max-width: 1000px;
        padding: 15px 10px;
        margin: auto
    }

    .nav__category__child ul a {
        display: block;
        text-decoration: none;
        padding: 10px 20px;
        font-size: 120%;
        line-height: 1.4em
    }

    .nav__category__child ul a:hover {
        background: #fbbb25;
        border-radius: 999px
    }

    .nav__category__item:hover .nav__category__link {
        background: #9ed270;
        border-radius: 10px 10px 0 0
    }

    .nav__category__item:hover .nav__category__link[href="/brand/"] {
        border-radius: 10px
    }

    .nav__category__item:hover .nav__category__child {
        opacity: 1;
        pointer-events: all
    }

    .nav__search {
        position: relative;
        margin: 0 0 10px 15px
    }

    .nav__search input.keyword {
        padding: 6px 40px 5px 15px;
        border-radius: 20px;
        width: 200px;
        box-sizing: border-box;
        border: 1px solid #999;
        height: 30px
    }

    .nav__search input.submit {
        position: absolute;
        top: 0;
        right: 6px;
        padding: 4px
    }

    .nav__search input {
        outline: none
    }

    .nav__sns {
        position: absolute;
        right: 20px;
        top: 15px;
        display: flex;
        align-items: center;
        align-content: center
    }

    .nav__sns__items {
        display: flex
    }

    .nav__sns__items li {
        margin: 0 10px 0 0
    }

    .nav__sns__department {
        margin-right: 10px;
        text-align: center;
        font-size: 13px;
        line-height: 1.4em;
        letter-spacing: 1px
    }

    .nav__sns__department dt, .nav__sns__department dd {
        display: block;
        text-align: center
    }

    .nav__sns__department dd {
        letter-spacing: 3px;
        font-size: 1.05em;
        color: #333;
        font-weight: bold
    }
}

@media screen and (max-width: 640px) {
    .nav__btn, .nav__subbtn, .nav__category {
        display: none
    }

    .nav__label {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        box-sizing: content-box;
        width: 30px;
        height: 36px;
        padding: 10px 20px 24px;
        background: #e6e6e6
    }

    .nav__label::before {
        content: "MENU";
        display: block;
        padding: 3px 0 4px;
        font-family: Fjalla;
        font-style: normal;
        text-transform: uppercase;
        font-size: .8em;
        letter-spacing: 2px;
        text-align: center
    }

    .nav__label span, .nav__label span::before, .nav__label span::after {
        content: "";
        position: relative;
        display: block;
        width: 30px;
        height: 3px;
        background: #707070;
        transition: all .4s
    }

    .nav__label span::before {
        top: 10px
    }

    .nav__label span::after {
        top: 17px
    }

    .nav__btn:checked + .nav__label {
        color: #fff;
        background: #000
    }

    .nav__btn:checked + .nav__label span {
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        top: 9px;
        background: #fff
    }

    .nav__btn:checked + .nav__label span::before {
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        top: 0;
        background: #fff
    }

    .nav__btn:checked + .nav__label span::after {
        display: none
    }

    .nav__wrap {
        position: absolute;
        left: 0;
        top: 100%;
        opacity: 0;
        pointer-events: none;
        overflow-y: scroll;
        width: 100%;
        height: calc(100vh - 80px);
        padding: 0 0 60px;
        color: #fff;
        background: #667b51;
        transition-duration: 300ms
    }

    .nav__btn:checked + .nav__label + .nav__wrap {
        opacity: 1;
        pointer-events: all
    }

    .nav__link, .nav__sublabel {
        position: relative;
        display: block;
        padding: 15px 20px;
        color: #fff;
        font-size: 1.2em;
        font-weight: 700;
        letter-spacing: 2px;
        border-bottom: solid 1px rgba(255, 255, 255, .3)
    }

    .nav__sublabel::after {
        content: "";
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        display: block;
        width: 11px;
        height: 11px;
        margin: auto 0;
        background: url(../img/arw_r.png) center/contain no-repeat
    }

    .nav__subbtn:checked + .nav__sublabel::after {
        rotate: 90deg
    }

    .nav__subpage {
        display: none
    }

    .nav__subpage ul {
        margin-left: 30px
    }

    .nav__subpage a {
        display: block;
        padding: 15px 10px;
        font-size: 115%;
        border-bottom: solid 1px rgba(255, 255, 255, .3)
    }

    .nav__subbtn:checked + .nav__sublabel + .nav__subpage, .nav__subbtn:checked + .nav__sublabel + .nav__category {
        display: block
    }

    .nav__category__btn, .nav__category__link, .nav__category__child {
        display: none
    }

    .nav__category__label {
        position: relative;
        display: block;
        padding: 15px 10px;
        margin-left: 30px;
        font-size: 115%;
        border-bottom: solid 1px rgba(255, 255, 255, .3)
    }

    .nav__category__label::after {
        content: "";
        position: absolute;
        top: 0;
        right: 30px;
        bottom: 0;
        display: block;
        width: 11px;
        height: 11px;
        margin: auto 0;
        background: url(../img/arw_r.png) center/contain no-repeat
    }

    .nav__category__btn:checked + .nav__category__label::after {
        rotate: 90deg
    }

    .nav__category__child ul {
        margin-left: 60px
    }

    .nav__category__child a {
        display: block;
        padding: 15px 10px;
        font-size: 115%;
        border-bottom: solid 1px rgba(255, 255, 255, .3)
    }

    .nav__category__btn:checked + .nav__category__label + .nav__category__link + .nav__category__child {
        display: block
    }

    .nav__search {
        position: relative;
        width: 74%;
        margin: 40px auto 100px
    }

    .nav__search input[type=text] {
        width: 100%;
        height: 46px;
        padding: 6%;
        border: 0;
        border-radius: 50px;
        font-size: 120%;
        background: #fff url(../img/btn_search.png) right 1px top 1px/auto calc(100% - 2px) no-repeat
    }

    .nav__search input[type=image] {
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        display: block;
        width: 60px;
        height: 100%
    }

    .nav__sns {
        display: none
    }
}

@media print, screen and (min-width: 640.02px) {
    .main {
        padding: 110px 0 0
    }
}

@media screen and (max-width: 640px) {
    .main {
        padding: 80px 0 0
    }
}

.footer {
    background: #77bd36;
    color: #fff;
    margin-top: 50px
}

.footer__container {
    position: relative;
    padding: 0 20px;
    margin: 0 auto
}

.footer__logo__logo {
    display: inline-block;
    padding: 20px 0;
    background: #fff
}

.footer__nav {
    padding: 40px 0 0;
    color: #fff;
    font-size: 110%;
    letter-spacing: 1px
}

.footer__nav a {
    color: #fff
}

.footer__nav a:hover {
    text-decoration: underline
}

.footer__nav__home {
    font-size: 120%;
    background: url(../img/icon_ft_home.gif) no-repeat left;
    padding-left: 25px;
    padding-top: 5px;
    margin-bottom: 10px
}

.footer__nav__items {
    border-left: solid 1px #a1d173;
    padding: 5px 10px;
    margin-left: 10px;
    width: auto
}

.footer__nav__items li {
    background: url(../img/arw_ft.gif) no-repeat left 7px;
    padding-left: 10px;
    margin: 5px 0
}

.footer__address {
    padding: 40px 0 60px;
    font-size: 110%;
    letter-spacing: 1px
}

.footer__btn {
    display: none
}

@media print, screen and (min-width: 640.02px) {
    .footer__container {
        padding-left: 240px;
        width: auto;
        min-width: 1200px;
        max-width: 1280px
    }

    .footer__logo {
        position: absolute;
        left: 20px;
        top: 0
    }

    .footer__nav {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start
    }

    .footer__nav__home {
        width: 100%
    }

    .footer__label-top, .footer__label-bottom {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .footer {
        margin-top: 140px
    }

    .footer__container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        padding: 32px 3% 0
    }

    .footer__nav {
        order: -40;
        display: none;
        width: 100%;
        padding-top: 0
    }

    .footer__nav__home {
        text-decoration: underline
    }

    .footer__nav__items {
        width: 100%;
        padding-left: 0;
        margin-right: 0;
        border-left: 0
    }

    .footer__nav__items li {
        background: url(../img/arw_ft.gif) no-repeat left 15px;
        border-bottom: solid 1px #a1d173
    }

    .footer__nav__items a {
        display: block;
        padding: 10px 0
    }

    .footer__address {
        order: -30;
        display: none;
        width: 100%;
        padding-bottom: 20px
    }

    .footer__label-top, .footer__label-bottom {
        width: 100%;
        padding: 8px;
        color: #fff;
        text-align: center;
        border: solid 1px #fff
    }

    .footer__label-top::before, .footer__label-bottom::before {
        content: "メニューを表示する"
    }

    .footer__label-top {
        order: -50;
        margin-bottom: 20px
    }

    .footer__label-bottom {
        order: -20;
        display: none;
        margin-bottom: 100px
    }

    .footer__btn:checked + .footer__label-top + .footer__nav, .footer__btn:checked + .footer__label-top + .footer__nav + .footer__address, .footer__btn:checked + .footer__label-top + .footer__nav + .footer__address + .footer__label-bottom {
        display: block
    }

    .footer__btn:checked + .footer__label-top::before, .footer__btn:checked + .footer__label-top + .footer__nav + .footer__address + .footer__label-bottom::before {
        content: "メニューを閉じる"
    }
}

.bread-link {
    padding: 0 0 10px;
    color: #666
}

.bread-link ul {
    width: 1024px;
    max-width: 100%;
    margin: 0 auto
}

.bread-link li {
    display: inline;
    margin-right: 5px
}

.bread-link a {
    color: #78bd36;
    background: url(../img/ft_arw.gif) no-repeat left;
    padding-left: 17px
}

@media print, screen and (min-width: 640.02px) {
    .bread-link li::after {
        content: ">";
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle
    }

    .bread-link li:last-child::after {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .bread-link {
        padding: 6% 6% 2%
    }

    .bread-link li {
        display: block;
        margin-right: 0;
        background: #f2f2f2;
        padding: 10px;
        border-top: solid 1px #e6e6e6
    }
}

#page-top {
    position: fixed;
    bottom: 5px;
    right: 5px;
    opacity: 0;
    z-index: 800;
    transition-duration: 300ms
}

#page-top a {
    position: relative;
    display: block;
    padding: 22px;
    color: #77bd36;
    font-family: Fjalla;
    font-size: 100%;
    line-height: 100%;
    text-decoration: none;
    text-align: center;
    background: url(../img/arw_top.gif) no-repeat center 38px #fff
}

#page-top a:hover {
    opacity: .7
}

body.scroll #page-top {
    opacity: 1
}

/*# sourceMappingURL=common.css.map */

/* ADD　CSS　2024.10.16 */
/* -------------------------
   footer　column 調整
----------------------------*/

@media print, screen and (min-width: 640.02px) {
    .footer__container {
        padding-right: 0;
    }
}


/* ADD CSS 2024.09.03 */
/*---------------------------------
	.main
---------------------------------*/
@media screen and (max-width: 640px) {
  .main {
    padding: 96px 0 0 0;
  }
}
/*---------------------------------
	.header__bottom-page.header 
---------------------------------*/
.header__bottom-page.header {
  background-color: #ECF3E5;
  background-image: url(/ren2409/modules/old/img/bg_pagetitle_type-02@2x.png);
  background-size: 50%;
  border-bottom: 1px solid #fff;
  height: auto;
}
@media print, screen and (min-width: 640.02px) {
  .header__bottom-page.header {
    padding: 10px 20px;
  }
}
@media print, screen and (min-width: 640.02px) {
  .header__bottom-page.header .nav__wrap ul.nav__items > li {
    min-height: 50px;
  }
  .header__bottom-page.header .nav__wrap ul.nav__items > li:hover {
    background: #fff;
    border-radius: 10px 10px 0 0;
  }
}
@media print, screen and (min-width: 640.02px) {
  .header__bottom-page.header .nav__wrap ul.nav__items > li > .nav__sublabel {
    text-decoration: none;
    background: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 0 2px;
    font-weight: 500;
  }
}
@media screen and (max-width: 640px) {
  .header__bottom-page.header .nav__wrap ul.nav__items > li > .nav__sublabel, .header__bottom-page.header .nav__wrap ul.nav__items > li > .nav__link {
    color: #667B51;
  }
  .header__bottom-page.header .nav__wrap ul.nav__items > li > .nav__sublabel::after {
    background: url(https://stg.ibaraki-syokusai.net/ren2409/images/sp/arw_rbk.png) center / contain no-repeat;
  }
}
.header__bottom-page.header .nav > ul.main > li:nth-child(3) > a, .header__bottom-page.header .nav > ul.main > li:nth-child(4) > a, .header__bottom-page.header .nav > ul.main > li:nth-child(5) > a,.header__bottom-page.header .nav__wrap ul.nav__items > li:nth-child(4) .nav__sublabel,.header__bottom-page.header .nav__wrap ul.nav__items > li:nth-child(5) .nav__sublabel,.header__bottom-page.header .nav__wrap ul.nav__items > li:nth-child(6) .nav__sublabel {
  background: #d1e2bb;
}
.header__bottom-page.header .nav > ul.main > li > a:hover {
  color: #333;
}
.header__bottom-page.header .nav > ul.main > li:nth-child(3):hover, .header__bottom-page.header .nav > ul.main > li:nth-child(4):hover, .header__bottom-page.header .nav > ul.main > li:nth-child(5):hover {
  background: #d1e2bb;
}
.header__bottom-page.header .nav ul.main .nav2 .box2, .header__bottom-page.header .nav__wrap .nav__subpage, .header__bottom-page.header .nav__wrap .nav__category {
  background-color: #d1e2bb;
  background-image: url("/ren2409/modules/old/img/bg_pagetitle_type-02@2x.png");
  background-size: 50%;
}
.header__bottom-page.header .nav ul.main .nav2::before {
  border-bottom: 10px solid #d1e2bb;
}
.header__bottom-page.header .nav ul.main .nav2 ul li a, .header__bottom-page.header .nav__wrap .nav__subpage a {
  padding: 5px 10px;
  border-radius: 30px;
  background-color: #fff;
}
.header__bottom-page.header .nav > ul.main > li:nth-child(2) > .nav2 > .box2 > ul > li > a {
  background: none;
}
@media print, screen and (min-width: 640.02px) {
  .header__bottom-page.header .nav__wrap .nav__category__child ul a {
    background: none;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.50);
  }
  .header__bottom-page.header .nav__wrap .nav__category__child ul a:hover {
    border-radius: 5px;
    background-color: #fff;
  }
}
.header__bottom-page.header .nav__wrap {
  padding: 0;
}
@media screen and (max-width: 640px) {
  .header__bottom-page.header .nav__wrap {
    background-color: #d1e2bb;
  }
  .header__bottom-page.header #gnav nav > ul li a {
    color: #667B51;
  }
  .header__bottom-page.header .nav__btn + .nav__label {
    background-color: #d1e2bb;
    border-radius: 0 0 0 10px;
  }
  .header__bottom-page.header .nav__btn:checked + .nav__label {
    background-color: #667B51;
  }
}
.header__bottom-page.header .nav {
  margin: 18px 0 8px;
}
.header__bottom-page.header .nav .search {
  margin-top: 0;
}
a:hover {
  color: #393939;
  text-decoration: none;
}
.header__bottom-page.header .hd__btn,#header .hd-logo__box .hd__btn {
  background-color: #fff;
  text-align: center;
  margin-bottom: 5px;
  width: 317px;
  display: block;
  border-radius: 5px;
}
@media screen and (max-width: 640px) {
  .header__bottom-page.header .hd__btn,#header .hd-logo__box .hd__btn {
    width: 75%;
	  margin-top: 5px;
  }
}
.header__bottom-page.header .hd__btn a{
  padding: 5px 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header__bottom-page.header .hd__btn a::after{
	content: "";
	display: inline-block;
	background-image: url(/ren2409/modules/new/img/common/icon_mail.svg);
	width: 20px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 20px;
	
}
@media print, screen and (min-width: 640.02px) {
  .header__bottom-page.header .header__container {
    position: static;
  }
}
@media screen and (max-width: 640px) {
  .header__bottom-page.header .header__container {
    height: auto;
    padding-top: 0;
  }
}
@media print, screen and (min-width: 640.02px) {
  .header__bottom-page.header .nav__sns {
    position: static;
    margin-bottom: 18px;
  }
}
@media print, screen and (min-width: 640.02px) {
  .header__bottom-page.header .nav__subpage, .header__bottom-page.header .nav__category {
    top: 120px;
  }
  .header__bottom-page.header .nav__item:hover .nav__sublabel::before {
    bottom: -22px;
    background-color: #d1e2bb;
  }
}
@media print, screen and (min-width: 640.02px) {
  .header__bottom-page.header .header__logo {
    padding: 0;
  }
  .header__bottom-page.header .header__logo img {
    max-height: 78px;
    object-fit: contain;
  }
}
@media screen and (max-width: 640px) {
	
  .header__bottom-page.header .header__logo img {
	  width: auto;
  }
}