@charset "UTF-8";

/* 視覚非表示（スクリーンリーダー用） */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.skip-menu,.skip-menu a{
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    white-space: nowrap;
}

.skip-menu:focus-within {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
}

.skip-menu a:focus {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 8px 16px;
  overflow: visible;
  background: #fff;
  border: 2px solid var(--new-green);
  background:var(--new-green);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  white-space: normal;
  z-index: 9999;
}


.gheader,.megamenu {
    color:var(--black);
    font-weight:bold
}
:where(.gheader,.megamenu) a:any-link {
    color:inherit;
    text-decoration:none
}
.gheader .search {
    position:relative
}
.gheader .search .search_field {
    box-sizing:border-box;
    width:100%;
    appearance:none;
    border-radius:10em;
    padding:0.7em 1.1em;
    border:none;
    border:1px solid #d9e3d2
}
.gheader_search_btn {
    position:absolute;
    top:50%;
    right:0.45em;
    translate:0 -54%;
    /*width:1.1em;*/
    width:1.8em;
    height:auto;
    padding:0.55em
}
@media (min-width:992.02px) {
    .gheader {
        --fs:calc(1em / 16);
        font-size:16px;
        letter-spacing:0.02em;
        position:fixed;/*fixedから変更*/
        width:100%;
        top:0;
        left:0;
        z-index:100;
        line-height:calc(26 / 16);
        border-top:5px solid var(--orange);
        padding:calc(14 * var(--fs)) calc(50 * var(--fs)) calc(26 * var(--fs));
        background:#fff;
        min-height:calc(104 * var(--fs));
        transition:all 0.1s ease-in-out
    }
    .gheader.webcomponents {
        position:sticky
    }
    .gheader-inner {
        display:flex;
        width:1400px;
        max-width:100%;
        margin:0 auto
    }
    .gheader-logo {
        margin-right:auto
    }
    .gheader-logo img {
        /*width:calc(70 * var(--fs));
        aspect-ratio:96/78;*/
        width: calc(113 * var(--fs));
        aspect-ratio: 310/156;
        margin:calc(4 * var(--fs)) 0 0 calc(8 * var(--fs));
        position:relative;
        top:2px
    }
    .gheader-logo-sp {
        display:none
    }
    .gheader-nav {
        display:flex!important
    }
    .gheader-nav-inner {
        flex:1;
        display:flex;
        flex-direction:column-reverse;
        justify-content:space-between;
        align-items:flex-end
    }
    .gheader-nav .gheader-logo {
        display:none
    }
    .gnav-list {
        display:flex
    }
    :where(.gnav-item)+.gnav-item {
        border-left:1px solid #686868
    }
    .gnav-link {
        line-height:1;
        display:block;
        padding:calc(24 * var(--fs)) calc(29 * var(--fs)) calc(24 * var(--fs)) calc(30 * var(--fs));
        margin:calc(24 * var(--fs) * -1) 0
    }
    .gnav-link-sp {
        display:none
    }
    .gheader-ex-contents {
        display:flex;
        margin:0 calc(27 * var(--fs)) 0 0;
        align-items:center
    }
    .gheader-nav-others {
        display:flex;
        font-size:calc(13 / 16 * 1em);
        color:#555;
        margin:calc(-6 * var(--fs)) 0 0
    }
    :where(.gheader-nav-others>div)+div {
        border-left:1px solid #686868
    }
    .gheader-nav-others a {
        line-height:1;
        display:block;
        padding:calc(16 * var(--fs)) calc(21 * var(--fs)) calc(16 * var(--fs)) calc(21 * var(--fs));
        margin:calc(16 * var(--fs) * -1) 0
    }
    .gheader-nav-others a.outer-link{
        position:relative;
    }
    .gheader-nav-others a.outer-link:after{content:""; display:inline-block; background:url(/assets/images/_resource/pages/products/common/outer-link-blk.png); background-repeat:no-repeat; width:12px; height:9px; background-size:12px 9px; margin-left:5px;}
    .gheader-search-sp {
        display:none
    }
    .gheader-search {
        font-size:12px;
        margin-left:0;
        width:37px;
        transition:width 0.2s
    }
    .gheader-search:focus-within,.gheader-search:hover {
        width:180px
    }
    .gheader-search .search .search_field {
        border-color:transparent
    }
    .gheader-search .gheader_search_btn {
        /*width:1.25em;*/
        width:1.8em;
        transition:width 0.2s;
        background:transparent;
        border:none;
    }
    .gheader-search .gheader_search_btn img{width:22px; height:22px; max-width:22px;}
    .gheader-search:focus-within .search .search_field,.gheader-search:hover .search .search_field {
        border-color:#d9e3d2
    }
    .gheader-search:focus-within .search .search_field,.gheader-search .search .search_field::placeholder{font-size:0px; }  
    .gheader-search:focus-within .search .search_field,.gheader-search:hover .search .search_field::placeholder{font-size:13px; color:#777}
    .gheader-search:focus-within .gheader_search_btn,.gheader-search:hover .gheader_search_btn {
        width:1.8em/*width:1em*/
    }
    .hb-menu,.hmb-btn {
        display:none
    }
    .megamenu {
        position:absolute;
        top:100%;
        left:0;
        right:0;
        margin:-10px 0 0;
        padding:10px 0 0
    }
    .backdrop {
        position:fixed;
        z-index:99;
        top:0;
        left:0;
        width:100%;
        height:100dvh;
        background:rgba(68,68,68,0.6)
    }
    .backdrop.safari {
        position:sticky
    }
    .backdrop,.megamenu {
        display:none;
        opacity:0
    }
    .backdrop.open,.megamenu.open {
        display:block;
        animation-name:fadeIn;
        animation-fill-mode:forwards;
        animation-duration:400ms;
        animation-timing-function:ease-out
    }
    .megamenu-inner {
        width:1310px;
        max-width:100%;
        margin:0 auto;
        box-sizing:border-box;
        padding:0 calc(50 * var(--fs)) 1px;
        position: relative;
    }
    .megamenu-path-nav {
        background:var(--green);
        color:#fff;
        min-height:54px;
        display:flex;
        align-items:center;
        padding:12px 0;
        box-sizing:border-box
    }
    .megamenu-path {
        display:flex;
        font-size:18.5px
    }
    .megamenu-path li:after {
        content:"";
        display:inline-block;
        width:7px;
        aspect-ratio:7/11;
        background:url(/english/assets/images/_resource/shared/icons/icon-arrow-small-white.svg) center/contain no-repeat;
        margin:0 32px 0 20px;
        vertical-align:middle;
        position:relative;
        top:-2px
    }
    .megamenu-close-btn {
        appearance: none;
        box-shadow: none;
        border: none;
        background: none;
        padding: 0;
        display: inline-flex;
        align-items: center;
        gap: .2em;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        position: absolute;
        right: calc(50 * var(--fs));
        top: 50%;
        translate: 0 -50%;
        transition:opacity 0.175s ease-in;
        cursor: pointer;
    }
    .megamenu-close-btn::after {
        content: '';
        display: block;
        width: 1.1em;
        aspect-ratio: 1;
        background: url(/english/assets/images/company/common/menu_close_btn_whitte.png) center/contain no-repeat;
    }
    .megamenu-nav {
        font-size:13px;
        background:#fff;
        box-shadow:0px 3px 0px 0px rgba(47,48,48,0.5)
    }
    .megamenu-nav-content {
        padding:24px 0 26px
    }
    .megamenu-col-list {
        display:flex;
        flex-wrap:wrap;
        gap:40px
    }
    .megamenu-col {
        flex:1 1 auto
    }
    .megamenu-col-sub+.megamenu-col-sub {
        margin-top:30px
    }
    .megamenu-col-sub+.megamenu-col-sub.divide {
        margin-top:50px
    }

    .megamenu-col-title,
    .megamenu-col-title-link {
        font-size:18.5px;
        color:var(--green);
        margin:0px 0 16px;
        line-height:1
    }
    .megamenu-col-content {
        max-width:100%
    }
    .megamenu-col-list:not(:has(.megamenu-col:nth-child(n+3))) .megamenu-col-content:has(.megamenu-item:nth-child(n+4)) {
        column-count:2;
        width:fit-content;
        gap:30px
    }
    .megamenu-list {
        display:flex;
        flex-wrap:wrap;
        gap:11px 40px
    }
    :where(.megamenu-col-content) .megamenu-list {
        display:block
    }
    .megamenu-item:before {
        content:"";
        display:block;
        width:7px;
        aspect-ratio:8/9;
        background:url(/english/assets/images/_resource/shared/icons/icon-triangle-small-green.svg) center/contain no-repeat;
        position:absolute;
        left:5px;
        top:0.9em;
        translate:0 -50%
    }
    .megamenu-item {
        position:relative;
        padding-left:24px
    }
    :where(.megamenu-col-content .megamenu-item)+.megamenu-item {
        margin-top:9px
    }
    .megamenu-item.sp-only-nav{display:none;}

    .megamenu-path a:any-link {
        transition:opacity 0.175s ease-in
    }
    .gheader-nav-others a:any-link,.gnav-link:any-link,.megamenu-link:any-link {
        transition:color 0.175s ease-in
    }

    .megamenu-col-title a:hover,
    .megamenu-col-title-link a:hover{opacity:1; color:var(--green); text-decoration:underline !important; text-underline-offset: 0.4em; transition: var(--hover-transition);}

}
@media (min-width:992.02px) and (any-hover:hover) {
    .megamenu-path a:any-link:hover {
        opacity:0.6
    }
    .gheader-nav-others a:any-link,.gnav-link:any-link {
        text-decoration:underline;
        text-decoration-color:transparent;
        transition:var(--hover-transition)
    }
    .gnav-link:any-link {
        text-underline-offset:8px
    }
    .gheader-nav-others a:any-link {
        text-underline-offset:6px
    }
    .gheader-nav-others a:any-link:hover,.gnav-link:any-link:hover {
        opacity:1;
        text-decoration:underline;
        text-decoration-color:var(--green)
    }
    .megamenu-link:any-link {
        text-decoration:underline;
        text-decoration-color:transparent;
        text-underline-offset:0.4em;
        transition:var(--hover-transition);
        line-height: 1.4;
    }
    .megamenu-link:any-link:hover {
        opacity:1;
        text-decoration:underline;
        text-decoration-color:var(--green)
    }
    .megamenu-close-btn:hover {
        opacity:0.6
    }
    .megamenu-link.nav-outer-link:after{content:""; display:inline-block; background:url(/english/assets/images/_resource/pages/products/common/outer-link-blk.png); background-repeat:no-repeat; width:12px; height:9px; background-size:12px 9px; margin-left:5px;}
    .nav-outer-link:after{content:""; display:inline-block; background:url(/english/assets/images/_resource/pages/products/common/outer-link-blk.png); background-repeat:no-repeat; width:12px; height:9px; background-size:12px 9px; margin-left:5px;}
}
@media (min-width:992.02px) {
    .megamenu-path a:any-link:focus {
        opacity:0.6
    }
    .gheader-nav-others a:any-link:focus,.gnav-link:any-link:focus {
        opacity:1;
        text-decoration:underline;
        text-decoration-color:var(--green)
    }
    .megamenu-link:any-link:focus {
        opacity:1;
        text-decoration:underline;
        text-decoration-color:var(--green)
    }
}
@media (max-width:1330px) {
    .gheader {
        font-size:calc(16 / 1330 * 100vw)
    }
    .gheader-nav-inner {
        justify-content:space-around;
        row-gap:calc(12 * var(--fs))
    }
}
@media (max-width:992px) {
    .gheader {
        --px:18px;
        --py:16px
    }
    .gheader {
        padding:0 min(20px,calc(14 / 375 * 100vw));
        position:fixed;/*fixedから変更*/
        background:#fff;
        z-index:1;
        width:100%;
        z-index:100;
        left:0;
        top:0
    }
    .gheader.webcomponents {
        position:sticky
    }
    .gheader-logo {
        padding:min(20px,calc(14 / 375 * 100vw)) 0;
        text-align:center
    }
    .gheader-logo img {
        width:64px
    }
    .hmb-btn,.hmb-btn-sp {
        position:absolute;
        left:0;
        z-index:100
    }
    .hmb-btn:not(:has(>.hamburger.is-active)) {
        top:50%!important;
        translate:0 -50%
    }
    .hmb-btn:has(>.hamburger.is-active) {
        position:fixed;
        translate:none
    }
    .hamburger {
        vertical-align:middle;
        line-height:1;
        scale:0.6
    }
    .hamburger:focus {
        outline:none
    }
    .hamburger:focus-visible {
        outline:auto 2px Highlight;
        outline:auto 5px -webkit-focus-ring-color
    }
    .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
        background-color:var(--green)
    }
    .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before {
        background-color:var(--green)
    }
    .gheader-nav {
        background:#fefffd;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100dvh;
        z-index:100;
        font-size:16px;
        overflow:auto;
        display:none;
        opacity:0
    }
    .gheader-nav.open {
        display:block;
        animation-name:fadeIn;
        animation-fill-mode:forwards;
        animation-duration:200ms;
        animation-timing-function:ease-out
    }
    .gheader-nav-inner {
        padding:0
    }
    .gheader-logo-sp {
        padding:28px 0 28px;
        text-align:center
    }
    .gheader-logo-sp img {
        width:56px
    }
    .megamenu-close-btn {
        display: none;
    }
    .megamenu-path-nav {
        background:var(--green);
        color:#fff
    }
    .megamenu-path a {
        display:block;
        padding:calc(var(--py) / 2) var(--px);
        display:flex;
        justify-content:space-between;
        align-items:center;
        font-size:14px
    }
    .megamenu-path li:first-child a {
        padding-top:calc(var(--py) + 6px)
    }
    .megamenu-path li:last-child a {
        padding-bottom:calc(var(--py) + 8px)
    }
    .megamenu-path li:only-child a {
        padding-block:var(--py)
    }
    .megamenu-path a:after {
        content:"";
        display:inline-block;
        width:7px;
        aspect-ratio:7/11;
        background:url(/english/assets/images/_resource/shared/icons/icon-arrow-small-white.svg) center/contain no-repeat;
        vertical-align:middle;
        position:relative
    }
    .gheader-search-sp {
        margin:0 var(--px) 16px;
        font-size:16px
    }
    .gheader_search_btn {
        translate:0 -50%
    }
    .gnav-item {
        border-bottom:1px solid #e7e7e7;
        background:#fff
    }
    .gnav-item:first-child {
        border-top:1px solid #e7e7e7
    }
    .gnav-link {
        display:flex;
        align-items:center;
        padding:var(--py) var(--px);
        position:relative
    }
    .gnav-link:after {
        font-family:"Material Symbols Rounded";
        font-variation-settings:var(--icon-settings);
        content:"\e145";
        font-size:1.5em;
        color:var(--green);
        position:absolute;
        top:50%;
        right:14px;
        translate:0 -50%
    }
    .gnav-link.open:after {
        content:"\e15b"
    }
    .gnav-link:not(:has(+.megamenu-wrap)):after {
        content:none
    }
    .gnav-link.no-menu:after {
        content:none
    }
    .megamenu-wrap {
        display:grid;
        grid-template-rows:0fr;
        transition:grid-template-rows 0.4s
    }
    .gnav-link.open+.megamenu-wrap {
        grid-template-rows:1fr
    }
    .megamenu {
        overflow:hidden;
        display:block!important;
        opacity:1!important
    }
    .megamenu-col-content {
        display:grid;
        grid-template-rows:0fr;
        transition:grid-template-rows 0.4s
    }
    .megamenu-col-title.open+.megamenu-col-content {
        grid-template-rows:1fr
    }
    .megamenu-col-content-inner {
        overflow:hidden
    }
    .megamenu-content {
        border-top:1px solid #e7e7e7;
        background:#ebf6e5
    }
    .gnav-link-sp {
        display:none;
        margin:0;
        padding:0px 0 16px;
        padding-left:12px;
        font-size:14px;
        position:relative
    }
    .gnav-link-sp:after {
        content:"";
        display:block;
        width:6px;
        aspect-ratio:8/12;
        background:url(/english/assets/images/_resource/shared/icons/icon-triangle-small-green.svg) center/contain no-repeat;
        position:absolute;
        left:0;
        translate:0 -50%;
        top:0.8em
    }
    .megamenu-col-title {
        position:relative;
        padding:var(--py) var(--px);
        border-top:1px solid #e7e7e7;
        border-top-color:#c7e7b3
    }
    .megamenu-col-title-link {
        position:relative;
        padding:0;
        border-top:1px solid #e7e7e7;
        border-top-color:#c7e7b3
    }

    .megamenu-col-title:after {
        font-family:"Material Symbols Rounded";
        font-variation-settings:var(--icon-settings);
        content:"\e145";
        font-size:1.5em;
        color:var(--green);
        position:absolute;
        top:50%;
        right:14px;
        translate:0 -50%
    }
    .megamenu-col-title.open:after {
        content:"\e15b"
    }
    .megamenu-col-title a{padding:0; font-size:inherit;}
    .megamenu-col-title a:before{display:none;}
    .megamenu-list {
        border-top:1px solid #e7e7e7;
        padding:14px 0;
        border-top-color:#c7e7b3
    }
    .megamenu-item {
        padding-left:var(--px)
    }
    .megamenu-item.sp-only-nav{display:block;}

    .megamenu-link {
        --py:10px;
        --px:12px;
        display:block;
        padding:var(--py) var(--px);
        font-size:14px;
        position:relative;
        padding-left:14px
    }
    .megamenu-col-title-link .megamenu-link {
        --py:16px;
        --px:18px;
        display:block;
        padding:var(--py) var(--px);
        font-size:inherit;
        position:relative;
        /* padding-left:14px */
    }

    .megamenu-link:before {
        content:"";
        display:block;
        width:6px;
        aspect-ratio:8/12;
        background:url(/english/assets/images/_resource/shared/icons/icon-triangle-small-green.svg) center/contain no-repeat;
        position:absolute;
        left:0;
        top:calc(var(--py) + 0.8em);
        translate:0 -50%
    }
    .megamenu-col-title-link .megamenu-link:before{display:none;}

    .megamenu-link.nav-outer-link:after{content:""; display:inline-block; background:url(/english/assets/images/_resource/pages/products/common/outer-link-blk.png); background-repeat:no-repeat; width:12px; height:9px; background-size:12px 9px; margin-left:5px;}
    .nav-outer-link:after{content:""; display:inline-block; background:url(/english/assets/images/_resource/pages/products/common/outer-link-blk.png); background-repeat:no-repeat; width:12px; height:9px; background-size:12px 9px; margin-left:5px;}

    .gheader-ex-contents {
        margin:16px 0
    }
    .gheader-nav-others {
        display:flex;
        flex-wrap:wrap;
        gap:0 14px
    }
    .gheader-nav-others:after {
        content:"";
        display:block
    }
    .gheader-nav-others a {
        position:relative;
        display:block;
        font-size:12px;
        padding:6px var(--px)
    }
    .gheader-nav-others a.outer-link{
        position:relative;
    }
    .gheader-nav-others a.outer-link:after{content:""; display:inline-block; background:url(/assets/images/_resource/pages/products/common/outer-link-blk.png); background-repeat:no-repeat; width:12px; height:9px; background-size:12px 9px; margin-left:5px;}

    .gheader-search {
        display:none
    }
}
footer {
    all:revert;
    font-size:14px;
    line-height:1.7
}
footer .inner {
    max-width:1370px;
    width:92%;
    margin:0 auto
}
@media (max-width:768px) {
    footer {
        font-size:12px
    }
}
footer {
    margin-top:60px;
    background-color:#fff;
    position:relative;
    padding-bottom:40px;
    overflow:hidden;
    clear:both
}
:where(.container) footer {
    margin-inline:calc((100% - 100vw) / 2)
}
.bg-white footer {
    margin-top:0
}
.footer-gnav {
    background:#e7dfce;
    padding-block:35px 21px;
    margin-bottom:26px;
    font-size:16px;
    font-weight:bold
}
.footer-sns-link {
    display:flex;
    width:fit-content;
    margin:0 auto;
    color:#444;
    background:#fff;
    padding:8px 16px;
    border-radius:10px;
    gap:9px;
    align-items:center
}
.footer-sns-link p {
    margin:0;
    margin-right:8px;
    font-size:15px;
    font-weight:bold
}
.footer-sns-link p a {
    color:inherit;
    text-decoration:none
}
.footer-sns-link p a:focus-visible,.footer-sns-link p a:hover {
    text-decoration:underline
}
.footer-sns-link img {
    display:block;
    width:24px;
    height:24px;
}
.footer-gnav-list,footer .footer-link {
    text-align:center;
    letter-spacing:-0.4em
}
.footer-gnav-list {
    margin:0 0 15px
}
footer .footer-link {
    margin-bottom:18px;
    font-size:13px
}
.footer-gnav-item,footer .footer-link .link-item {
    display:inline-block;
    letter-spacing:normal
}
.footer-gnav-item:after,footer .footer-link .link-item:after {
    content:"|";
    display:inline-block;
    margin:0 10px;
    color:var(--gray)
}
.footer-gnav-item:last-of-type:after,footer .footer-link .link-item:last-of-type:after {
    content:none
}
.footer-gnav-item-link,footer .footer-link .link-item a {
    display:inline-block;
    text-decoration:none
}
.footer-gnav-item-link {
    color:#444
}
footer .footer-link .link-item a {
    color:var(--gray)
}
.footer-gnav-item-link:hover,footer .footer-link .link-item a:hover {
    text-decoration:underline
}
.page_top {
    position:fixed;
    right:20px;
    bottom:50px;
    display:block;
    transition:opacity 0.4s;
    z-index:100;
    opacity:0.6
}
.page_top[hidden] {
    pointer-events:none;
    opacity:0
}
.page_top img {
    width:60px;
    height:60px
}
.page_top:hover {
    opacity:0.4;
    cursor:pointer
}
.copyright {
    color:var(--gray);
    font-size:14px;
    text-align:center;
    letter-spacing:normal
}
.copyright_text {
    font-size:inherit
}
@media (max-width:1080px) {
    .footer-gnav {
        font-size:inherit
    }
    footer .footer-link {
        font-size:inherit;
        font-weight:normal
    }
}
@media (max-width:768px) {
    footer {
        margin-top:40px;
        padding:0
    }
    footer:before {
        width:105vw;
        height:110px;
        bottom:auto;
        top:-55px
    }
    footer .inner {
        width:auto
    }
    .footer-sns-link {
        margin-block:12px
    }
    .footer-sns-link p {
        font-size:12px
    }
    .footer-gnav {
        margin:0;
        padding:0
    }
    .footer-gnav:after {
        content:"";
        display:table
    }
    .footer-gnav-list,footer .footer-link {
        margin:0;
        margin-left:-1px;
        display:flex;
        flex-wrap:wrap;
        border-top:1px solid rgba(47,48,48,0.15);
        text-align:left;
        font-size:11px
    }
    .footer-gnav-item,footer .footer-link .link-item {
        flex:1 0 33%
    }
    .footer-gnav-item-link,footer .footer-link .link-item a {
        display:block;
        padding:11px 10px;
        font-weight:normal;
        border:1px solid rgba(47,48,48,0.15);
        border-top:none;
        border-right:none
    }
    .footer-gnav-item-link:hover,footer .footer-link .link-item a:hover {
        text-decoration:none;
        color:var(--black)
    }
    .footer-gnav-item-link:before,footer .footer-link .link-item a:before {
        content:"";
        display:inline-block;
        width:12px;
        height:12px;
        background:url(/english/assets/images/_resource/shared/icons/icon-arrow-small-orange.png) 0 1px no-repeat;
        background-size:12px;
        vertical-align:middle;
        position:relative;
        top:-0.2em;
        margin-right:0.3em
    }
    .footer-gnav-item:after,footer .footer-link .link-item:after {
        content:none
    }
    .copyright {
        font-size:10px;
        font-weight:normal;
        padding:20px 0
    }
}
@media (max-width:576px) {
    .footer-gnav-item,footer .footer-link .link-item {
        flex:1 0 50%
    }
}