@charset "Shift_JIS";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
body {
    margin: 0;
    overflow-x: visible;
}

main {
    display: block
}

hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}


abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: none;
    -webkit-text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

body,html {
    height: 100%
}

input,option,textarea {
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',MS PGothic,sans-serif
}

textarea {
    resize: vertical
}

picture {
    display: inline-block;
    max-width: 100%
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

a {
    text-decoration: underline;
    color: #333
}

a:active,a:focus,a:hover {
    text-decoration: none
}

button {
    padding: 0;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

figure {
    margin: 0
}

em {
    font-style: normal
}

abbr[title] {
    text-decoration: none;
    border: 0
}

[tabindex]:not([tabindex='-1']):focus,a[href]:not([tabindex='-1']):focus,area[href]:not([tabindex='-1']):focus,button:not([disabled]):not([tabindex='-1']):focus,iframe:not([tabindex='-1']):focus,input:not([disabled]):not([tabindex='-1']):focus,select:not([disabled]):not([tabindex='-1']):focus,textarea:not([disabled]):not([tabindex='-1']):focus {
    outline-width: 1px;
    outline-style: solid;
    outline-color: #dadada
}

.site-outer.of-below-category-top {
    width: 100%;
    padding: 40px 0 87px
}

.site-outer.of-below-category-top>:last-child {
    margin-bottom: 0
}

.site-outer .site-content {
    width: 100%
}

.site-outer .site-content>:last-child {
    margin-bottom: 0
}

.site-outer .site-side-nav {
    display: none;
    width: 100%
}

.site-outer .site-side-nav>:last-child {
    margin-bottom: 0
}

body::after {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: '';
    transition: opacity .3s;
    opacity: 0;
    background-color: #000
}

body.drop-down-open::after {
    transform: scale(1);
    opacity: .5
}

body.drop-down-close::after {
    transform: scale(0)
}

.header-container {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    background: #fff
}

.header-container .header {
    box-sizing: content-box;
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 5px
}

.header-container .header-inner {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.header-container .header-logo {
    text-align: center;
}

.header-container .header-logo .logo-link {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    color: #039
}

.header-container .header-logo .logo-img-wrap {
    vertical-align: bottom
}

.header-container .header-logo .logo-img {
    max-width: 184px
}

.header-container .header-logo .logo-img.v2 {
    max-width: 180px;
    margin-right: 5px
}

.header-container .header-logo .logo-txt {
    display: none
}

.header-container .header-pc-contents {
    display: flex;
    width: 77%;
    justify-content: space-between;
    align-items: center
}

.header-container .header-sp-contents {
    display: flex;
    align-items: center
}

.header-container .global-nav-list {
    display: flex;
    height: 86px;
    justify-content: space-between
}

.header-container .global-nav-list .list-item {
    overflow: hidden;
    margin: 0 5.5px
}

.header-container .global-nav-list .list-link {
    position: relative;
    display: inline-block
}

.header-container .global-nav-list .list-link::after {
    position: absolute;
    top: 100%;
    right: 0;
    bottom: -100%;
    left: 0;
    display: inline-block;
    content: '';
    background-position: center;
    background-size: 100%
}

.header-container .global-nav-list .list-link:active,.header-container .global-nav-list .list-link:focus,.header-container .global-nav-list .list-link:hover {
    transition: background-color .3s;
    background-color: #4066b3
}

.header-container .global-nav-list .list-link:active::after,.header-container .global-nav-list .list-link:focus::after,.header-container .global-nav-list .list-link:hover::after {
    transition: transform .3s;
    transform: translateY(-100%)
}

.header-container .global-nav-list .list-link:active .list-img,.header-container .global-nav-list .list-link:focus .list-img,.header-container .global-nav-list .list-link:hover .list-img {
    transition: transform .3s;
    transform: translateY(-100%)
}

.header-container .global-nav-list .list-link.car::after {
    background-image: url(/-/Media/jpz/zrh/common/img/navicon_car_hover.png)
}

.header-container .global-nav-list .list-link.bike::after {
    background-image: url(/-/Media/jpz/zrh/common/img/navicon_bike_hover.png)
}

.header-container .global-nav-list .list-link.kazai::after {
    background-image: url(/-/Media/jpz/zrh/common/img/navicon_kazai_hover.png)
}

.header-container .global-nav-list .list-link.pa::after {
    background-image: url(/-/Media/jpz/zrh/common/img/navicon_pa_hover.png)
}

.header-container .global-nav-list .list-link.aboutus::after {
    background-image: url(/-/Media/jpz/zrh/common/img/navicon_aboutus_hover.png)
}

.header-container .contact-area .contact-list {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.header-container .contact-area .contact-list .list-item:not(:first-child) {
    margin-left: 1em
}

.header-container .contact-area .contact-list .list-link {
    font-size: 13px;
    transition: opacity .3s;
    text-decoration: none
}

.header-container .contact-area .contact-list .list-link:active,.header-container .contact-area .contact-list .list-link:focus,.header-container .contact-area .contact-list .list-link:hover {
    opacity: .7
}

.header-container .contact-area .contact-list .list-link::before {
    position: relative;
    top: 5px;
    display: inline-block;
    margin-right: .5em
}

.header-container .contact-area .contact-list .list-link.qa::before {
    content: url(/-/Media/jpz/zrh/common/img/icon_faq.png)
}

.header-container .contact-area .contact-list .list-link.tel::before {
    content: url(/-/Media/jpz/zrh/common/img/icon_call.png)
}

.header-container .contact-area .login-list {
    display: flex;
    margin-top: 6px;
    padding-bottom: 4px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap
}

.header-container .contact-area .login-list .login-name {
    padding: 2.5px 0
}

.header-container .contact-area .login-list .login-name .list-text {
    font-size: 1.4rem;
    line-height: 1;
    display: inline-block;
    padding-bottom: 1px;
    transition: opacity .3s;
    text-decoration: none;
    color: #006;
    border-bottom: 1px solid
}

.header-container .contact-area .login-list .login-name .list-text:active,.header-container .contact-area .login-list .login-name .list-text:focus,.header-container .contact-area .login-list .login-name .list-text:hover {
    opacity: .7
}

.header-container .contact-area .search-area.is-active {
    margin-left: 15px
}

.header-container .contact-area .search-area.is-active .search-form {
    width: 184px;
    height: auto;
    padding: 0 3px
}

.header-container .contact-area .search-area.is-active .search-form>div {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 30px;
    padding: 0;
    border: 0
}

.header-container .contact-area .search-area.is-active .search-form form {
    width: 184px;
    height: auto;
    padding: 0 3px
}

.header-container .contact-area .search-area.is-active .search-form .site-search-query {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    padding: 0 28px 0 5px;
    border: 1px solid #d6d6d6;
    border-radius: 10px
}

.header-container .contact-area .search-area.is-active .search-form .search-btn {
    position: absolute;
    z-index: 2;
    top: 7px;
    right: 9px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    cursor: pointer;
    text-indent: 16px;
    border: 0;
    background: url(/-/Media/jpz/zrh/common/img/search_icon.png) 0 0 no-repeat;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.header-container .contact-btn {
    border-radius: 2px;
    background-color: #ea635c
}

.header-container .contact-btn-text {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    display: inline-block;
    padding: 3px 13px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff
}

.header-container .humburger-menu {
    display: inline-block;
    margin-left: 10px
}

.header-container .humburger-btn {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    height: 32px;
    text-align: center;
    color: #484848
}

.header-container .humburger-btn::before {
    position: absolute;
    top: 0;
    left: calc(50% - 22px / 2);
    display: block;
    width: 22px;
    content: '';
    transition: transform .3s ease-out;
    border-bottom: 3px solid
}

.header-container .humburger-btn::after {
    position: absolute;
    top: 6px;
    left: calc(50% - 22px / 2);
    display: block;
    width: 22px;
    content: '';
    transition: transform .3s ease-out;
    border-bottom: 3px solid
}

.header-container .humburger-btn-text {
    font-size: 10px;
    font-weight: 700;
    display: inline-block
}

.header-container .humburger-btn-text::before {
    position: absolute;
    top: 12px;
    left: calc(50% - 22px / 2);
    display: block;
    width: 22px;
    content: '';
    transition: transform .3s ease-out;
    border-bottom: 3px solid
}

.header-container .humburger-btn.is-open::before {
    top: 8px;
    transform: rotate(45deg);
    border-bottom-width: 2px
}

.header-container .humburger-btn.is-open::after {
    display: none
}

.header-container .humburger-btn.is-open .humburger-btn-text::before {
    top: 8px;
    transform: rotate(-45deg);
    border-bottom-width: 2px
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.nav-wrapper.nav-fixed {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    animation: fade-in .3s forwards
}

.nav-wrapper.nav-fixed .local-nav-list>.list-item:first-child {
    display: block
}

.nav-wrapper.nav-fixed .local-nav-list>.list-item .local-nav-btn {
    font-size: 12px;
}

.nav-wrapper.nav-fixed .local-nav-list>.list-item.login .log-btn,.nav-wrapper.nav-fixed .local-nav-list>.list-item.logout .log-btn {
    font-size: 12px;
}

.nav-wrapper.nav-fixed .local-nav-list-low {
    top: 84px
}

.nav-wrapper .category-btn-wrap {
    width: 100%
}

.nav-wrapper .category-btn-wrap .menu-btn {
    font-size: 16px;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 20px 14px;
    padding-left: 76px;
    text-align: left;
    text-decoration: none;
    color: #111;
    color: #fff;
    border-bottom: 1px solid #fff;
    background-color: #f2f0ee;
    background-color: #039
}

.nav-wrapper .category-btn-wrap .menu-btn::after {
    position: absolute;
    top: calc(50% - 5px);
    right: 17px;
    display: inline-block;
    width: 9px;
    height: 9px;
    content: '';
    transform: rotate(135deg);
    color: #4066b3;
    border-top: 2px solid;
    border-right: 2px solid
}

.nav-wrapper .category-btn-wrap .menu-btn.is-open {
    font-weight: 700
}

.nav-wrapper .category-btn-wrap .menu-btn.is-open::after {
    transform: rotate(-45deg)
}

.nav-wrapper .category-btn-wrap .menu-btn .menu-btn-icon {
    position: absolute;
    top: 50%;
    left: 38px;
    transform: translateX(-50%) translateY(-50%)
}

.nav-wrapper .category-btn-wrap .menu-btn::after {
    color: inherit
}

.nav-wrapper .local-nav-wrap {
    position: relative;
    z-index: 100;
    background-color: #fff
}

.nav-wrapper .local-nav-btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 14px;
    text-align: left;
    text-decoration: none;
    color: #111;
    border-bottom: 1px solid #fff;
    background-color: #f2f0ee
}

.nav-wrapper .local-nav-btn::after {
    position: absolute;
    top: calc(50% - 5px);
    right: 17px;
    display: inline-block;
    width: 9px;
    height: 9px;
    content: '';
    transform: rotate(135deg);
    color: #4066b3;
    border-top: 2px solid;
    border-right: 2px solid
}

.nav-wrapper .local-nav-btn.is-open {
    font-weight: 700
}

.nav-wrapper .local-nav-btn.is-open::after {
    transform: rotate(-45deg)
}

.nav-wrapper .local-nav-link {
    font-size: 16px;
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 14px;
    text-align: left;
    text-decoration: none;
    color: #111;
    border-bottom: 1px solid #fff;
    background-color: #f2f0ee
}

.nav-wrapper .local-nav-link::after {
    position: absolute;
    top: calc(50% - 5px);
    right: 17px;
    display: inline-block;
    width: 9px;
    height: 9px;
    content: '';
    transform: rotate(45deg);
    color: #4066b3;
    border-top: 2px solid;
    border-right: 2px solid
}

.nav-wrapper .local-nav-link.is-open {
    font-weight: 700
}

.nav-wrapper .local-nav-link.is-open::after {
    transform: rotate(-45deg)
}

.nav-wrapper .local-nav-list>.list-item:first-child {
    display: none;
    flex: 0 1 auto
}

.nav-wrapper .local-nav-list>.list-item:first-child>.local-nav-link {
    display: flex;
    padding: 0 14px 0 0;
    transition: opacity .3s;
    background-color: #fff;
    align-items: center
}

.nav-wrapper .local-nav-list>.list-item:first-child>.local-nav-link:active,.nav-wrapper .local-nav-list>.list-item:first-child>.local-nav-link:focus,.nav-wrapper .local-nav-list>.list-item:first-child>.local-nav-link:hover {
    opacity: .7
}

.nav-wrapper .local-nav-list>.list-item::after {
    position: absolute;
    top: calc(100% + 8px);
    left: calc(50% - 7px);
    display: inline-block;
    content: '';
    transition: opacity .3s;
    opacity: 0;
    color: #fff;
    border-right: 7px solid transparent;
    border-bottom: 14px solid;
    border-left: 7px solid transparent
}

.nav-wrapper .local-nav-list>.list-item.is-open::after {
    opacity: 1
}

.nav-wrapper .local-nav-list>.list-item.login,.nav-wrapper .local-nav-list>.list-item.logout {
    flex: 0 1 auto
}

.nav-wrapper .local-nav-list>.list-item.login .log-btn,.nav-wrapper .local-nav-list>.list-item.logout .log-btn {
    font-size: 13px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding: 10px 30px 10px 20px;
    transition: opacity .3s;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    background-color: #039
}

.nav-wrapper .local-nav-list>.list-item.login .log-btn:active,.nav-wrapper .local-nav-list>.list-item.login .log-btn:focus,.nav-wrapper .local-nav-list>.list-item.login .log-btn:hover,.nav-wrapper .local-nav-list>.list-item.logout .log-btn:active,.nav-wrapper .local-nav-list>.list-item.logout .log-btn:focus,.nav-wrapper .local-nav-list>.list-item.logout .log-btn:hover {
    opacity: .7
}

.nav-wrapper .local-nav-list>.list-item.login .log-btn::after,.nav-wrapper .local-nav-list>.list-item.logout .log-btn::after {
    position: absolute;
    top: calc(50% - 4px);
    right: 12px;
    display: inline-block;
    width: 7px;
    height: 7px;
    content: '';
    transform: rotate(45deg);
    color: #fff;
    border-top: 2px solid;
    border-right: 2px solid
}

.nav-wrapper .local-nav-list>.list-item.login .log-btn .txt-small,.nav-wrapper .local-nav-list>.list-item.logout .log-btn .txt-small {
    font-size: 11px;
}

.nav-wrapper .local-nav-list>.list-item.btn {
    flex: 0 1 auto
}

.nav-wrapper .local-nav-list>.list-item.btn+.btn {
    margin-left: 20px
}

.nav-wrapper .local-nav-list>.list-item.btn .contact-btn,.nav-wrapper .local-nav-list>.list-item.btn .log-btn {
    font-size: 14px;
    display: inline-block;
    padding: 14px;
    transition: opacity .3s;
    text-decoration: none;
    color: #fff;
    border-radius: 3px
}

.nav-wrapper .local-nav-list>.list-item.btn .contact-btn:active,.nav-wrapper .local-nav-list>.list-item.btn .contact-btn:focus,.nav-wrapper .local-nav-list>.list-item.btn .contact-btn:hover,.nav-wrapper .local-nav-list>.list-item.btn .log-btn:active,.nav-wrapper .local-nav-list>.list-item.btn .log-btn:focus,.nav-wrapper .local-nav-list>.list-item.btn .log-btn:hover {
    opacity: .7
}

.nav-wrapper .local-nav-list>.list-item.btn .log-btn {
    background-color: #2167ae
}

.nav-wrapper .local-nav-list>.list-item.btn .contact-btn {
    background-color: #ea635c
}

.nav-wrapper .local-nav-list-low .list-item .local-nav-link {
    font-size: 14px;
    padding: 18px 14px;
    transition: opacity .3s;
    color: #333;
    border-bottom-color: #e8e8e8;
    background-color: #fff
}

.nav-wrapper .local-nav-list-low .list-item .local-nav-link:active,.nav-wrapper .local-nav-list-low .list-item .local-nav-link:focus,.nav-wrapper .local-nav-list-low .list-item .local-nav-link:hover {
    opacity: .7
}

.nav-wrapper .local-nav-list-low .list-item .local-nav-link.no-link {
    padding-left: 0
}

.nav-wrapper .local-nav-list-low .list-item .local-nav-link.no-link:active,.nav-wrapper .local-nav-list-low .list-item .local-nav-link.no-link:focus,.nav-wrapper .local-nav-list-low .list-item .local-nav-link.no-link:hover {
    opacity: 1
}

.nav-wrapper .local-nav-list-low .list-item .local-nav-link.no-link::after {
    content: none
}

.nav-wrapper .local-nav-list-low .list-item:last-child .local-nav-close-btn {
    font-size: 0;
    position: relative;
    width: 22px;
    height: 22px;
    transition: .3s;
    vertical-align: top;
    border-radius: 50%;
    background-color: #b3b3b3
}

.nav-wrapper .local-nav-list-low .list-item:last-child .local-nav-close-btn:active,.nav-wrapper .local-nav-list-low .list-item:last-child .local-nav-close-btn:focus,.nav-wrapper .local-nav-list-low .list-item:last-child .local-nav-close-btn:hover {
    opacity: .7
}

.nav-wrapper .local-nav-list-low .list-item:last-child .local-nav-close-btn::before {
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 1px);
    display: inline-block;
    height: 12px;
    content: '';
    transform: rotate(45deg);
    border-right: 2px solid #fff
}

.nav-wrapper .local-nav-list-low .list-item:last-child .local-nav-close-btn::after {
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 1px);
    display: inline-block;
    height: 12px;
    content: '';
    transform: rotate(-45deg);
    border-right: 2px solid #fff
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item .list-btn,.nav-wrapper .humburger-contents .join-list .list-item .list-data .list-btn {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 16px 25px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    background-color: #4066b3;
    box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item .list-btn::after,.nav-wrapper .humburger-contents .join-list .list-item .list-data .list-btn::after {
    position: absolute;
    top: calc(50% - 4.5px);
    right: 13px;
    display: inline-block;
    width: 9px;
    height: 9px;
    content: '';
    transform: rotate(45deg);
    border-top: 2px solid;
    border-right: 2px solid
}

.nav-wrapper .humburger-contents .join-list {
    margin: 0
}

.nav-wrapper .humburger-contents .join-list .list-item {
    padding: 30px 14px 45px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8
}

.nav-wrapper .humburger-contents .join-list .list-item .list-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 21px;
    color: #111
}

.nav-wrapper .humburger-contents .join-list .list-item .list-title::before {
    display: block;
    width: 39px;
    height: 45px;
    margin: 0 auto 15px;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.join-list .list-item.new .list-title::before {
    background-image: url(/-/Media/jpz/zrh/common/img/sp_menu_newer.png)
}

.join-list .list-item.member .list-title::before {
    background-image: url(/-/Media/jpz/zrh/common/img/sp_menu_member.png)
}

.nav-wrapper .humburger-contents .join-list .list-item .list-data {
    margin: 0
}

.nav-wrapper .humburger-contents .join-list .list-item .list-data .list-btn.type-rounded {
    font-size: 2.2rem;
    padding-top: 17px;
    padding-bottom: 17px;
    border-radius: 35px/50%;
    background-color: #2167ae;
    box-shadow: none
}

.nav-wrapper .humburger-contents .join-list .list-item .list-data .list-btn.type-rounded::after {
    content: none
}

.nav-wrapper .join-list .list-item.new .list-data .list-btn {
    color: #f69c00;
    background-color: #faf9f5
}

.nav-wrapper .join-list .list-item.new .list-data .list-btn.size-l {
    font-size: 22px;
    padding-top: 22px;
    padding-bottom: 22px;
    color: #fff;
    background-color: #f69c00
}

.nav-wrapper .join-list .list-item.new .list-data .list-btn.size-l.type-rounded {
    background-color: #f69c00
}

.nav-wrapper .join-list .list-item.member .list-data .list-btn.size-l {
    font-size: 22px;
    line-height: 1;
    padding-top: 13px;
    padding-bottom: 10px;
    background-color: #039
}

.nav-wrapper .join-list .list-item.member .list-data .list-btn.size-l .txt-small {
    font-size: 12px;
    display: inline-block;
    margin-top: 10px
}

.nav-wrapper .join-list .list-item.member .list-data .list-btn.emergency {
    margin-top: 20px;
    background-color: #ea635c
}

.nav-wrapper .humburger-contents .join-list .list-item .list-data .list-link {
    font-size: 12px;
    line-height: 1;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 1px;
    text-decoration: none;
    border-bottom: 1px solid
}

.nav-wrapper .humburger-contents .join-list .list-item .list-data .list-link::before {
    position: absolute;
    top: 3px;
    right: calc(100% + 5px);
    display: inline-block;
    width: 7px;
    height: 7px;
    content: '';
    transform: rotate(45deg);
    color: #4066b3;
    border-top: 2px solid;
    border-right: 2px solid
}

.nav-wrapper .humburger-contents .join-list .list-item .list-data.line-cv {
    margin: 0 0 10px
}

.nav-wrapper .humburger-contents .join-list .list-item .list-data.line-cv a {
    position: relative;
    display: inline-block
}

.nav-wrapper .humburger-contents .join-list .list-item .list-data.line-cv a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: opacity .3s;
    opacity: 0;
    background-image: url(/-/Media/jpz/zrh/motorbike/img/index_line_cv_pressed_sp.png);
    background-repeat: no-repeat;
    background-size: contain
}

.nav-wrapper .humburger-contents .join-list .list-item .list-data.line-cv a:active::after {
    opacity: 1
}

.nav-wrapper .humburger-contents .nav-link-list {
    display: flex;
    flex-wrap: wrap
}

.nav-wrapper .humburger-contents .nav-link-list .list-item {
    box-sizing: border-box;
    width: 50%;
    border-bottom: 1px solid #e8e8e8
}

.nav-wrapper .humburger-contents .nav-link-list .list-item:nth-child(2n+1) {
    border-right: 1px solid #e8e8e8
}

.nav-wrapper .humburger-contents .nav-link-list .list-link {
    font-size: 14px;
    position: relative;
    display: flex;
    width: 100%;
    min-height: 78px;
    padding: 18px;
    text-decoration: none;
    align-items: center
}

.nav-wrapper .humburger-contents .nav-link-list .list-link::after {
    position: absolute;
    top: calc(50% - 5px);
    right: 15px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: '';
    transform: rotate(45deg);
    color: #4066b3;
    border-top: 2px solid;
    border-right: 2px solid
}

.nav-wrapper .humburger-contents .category-area {
    padding: 30px 14px 45px
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item {
    text-align: center
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item:not(:last-child) {
    margin-bottom: 10px
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item .list-btn::before {
    position: absolute;
    top: calc(50% - 16px);
    left: 19px;
    display: inline-block;
    width: 60px;
    height: 32px;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item button.list-btn {
    line-height: 1.6;
    width: 100%;
    margin-bottom: 0
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item button.list-btn::after {
    transform: rotate(135deg)
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item button.list-btn.is-open::after {
    transform: rotate(-45deg)
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item #local-nav-pa .list-item:first-child {
    display: block
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item #local-nav-pa .list-item a.local-nav-btn::after {
    transform: rotate(45deg)
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item .list-btn.car::before {
    background-image: url(/-/Media/jpz/zrh/common/img/sp_menu_car.png)
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item .list-btn.bike::before {
    background-image: url(/-/Media/jpz/zrh/common/img/sp_menu_bike.png)
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item .list-btn.kazai::before {
    background-image: url(/-/Media/jpz/zrh/common/img/sp_menu_kazai.png)
}

.nav-wrapper .humburger-contents .category-area .category-list>.list-item .list-btn.pa::before {
    background-image: url(/-/Media/jpz/zrh/common/img/sp_menu_pa.png)
}

.nav-wrapper .humburger-contents .close-btn-wrap .close-btn {
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    padding: 18px 0 35px;
    text-align: center;
    background-color: #f2f0ee
}

.nav-wrapper .humburger-contents .close-btn-wrap .close-btn .btn-text {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    color: #333
}

.nav-wrapper .humburger-contents .close-btn-wrap .close-btn .btn-text::before {
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    display: inline-block;
    height: 18px;
    content: '';
    transform: rotate(45deg);
    border-right: 2px solid
}

.nav-wrapper .humburger-contents .close-btn-wrap .close-btn .btn-text::after {
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    display: inline-block;
    height: 18px;
    content: '';
    transform: rotate(-45deg);
    border-right: 2px solid
}

.sp-navigation {
    background-color: #dadada
}

.sp-navigation dd,.sp-navigation dl,.sp-navigation h2 {
    margin: 0
}

.sp-navigation-title {
    position: relative;
    overflow: hidden;
    padding: 14px 25px 15px 76px;
    background-color: #039
}

.sp-navigation-title-txt {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff
}

.sp-navigation-title-icon {
    position: absolute;
    top: 50%;
    left: 38px;
    transform: translateX(-50%) translateY(-50%)
}

.sp-navigation-category {
    overflow: hidden;
    padding: 21px 0 22px;
    border-bottom: 1px solid #fff
}

.sp-navigation-list[class*=col-] {
    display: flex;
    flex-wrap: wrap
}

.sp-navigation-list.col-2 {
    position: relative
}

.sp-navigation-list.col-2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #fff
}

.sp-navigation-list.col-2>.col {
    display: flex;
    width: 50%;
    flex-wrap: wrap
}

.sp-navigation-list.col-4 {
    margin-top: -2px;
    margin-right: -1px;
    margin-bottom: -2px
}

.sp-navigation-list.col-4>.col {
    position: relative;
    width: 25%;
    padding: 2px 3px 2px;
    text-align: center
}

.sp-navigation-list.col-4>.col::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 1px;
    height: 1.8rem;
    content: '';
    transform: translateY(-50%);
    background-color: #fff
}

.sp-navigation-detail-item,.sp-navigation-item {
    font-size: 1.4rem;
    line-height: inherit;
    display: block;
    width: 100%;
    padding: 16px 25px 16px 14px;
    text-align: left;
    text-decoration: none;
    color: #111;
    border-bottom: 1px solid #fff
}

.col-2 .sp-navigation-detail-item,.col-2 .sp-navigation-item {
    display: flex;
    align-items: center
}

.col-2>.col:nth-child(2n+1) .sp-navigation-detail-item,.col-2>.col:nth-child(2n+1) .sp-navigation-item {
    border-right: 1px solid #fff
}

.sp-navigation-detail-item>.item-inner,.sp-navigation-item>.item-inner {
    position: relative;
    display: block;
    width: 100%
}

.sp-navigation-detail-item>.item-inner::after,.sp-navigation-item>.item-inner::after {
    position: absolute;
    top: 50%;
    left: 100%;
    display: block;
    width: 9px;
    height: 9px;
    content: '';
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #706964;
    border-right: 2px solid #706964
}

.toggle-item .sp-navigation-detail-item>.item-inner::after,.toggle-item .sp-navigation-item>.item-inner::after {
    transform: translateY(-50%) rotate(135deg)
}

.toggle-item .is-active.sp-navigation-detail-item>.item-inner::after,.toggle-item .sp-navigation-item.is-active>.item-inner::after {
    transform: translateY(-50%) rotate(-45deg)
}

.is-active.sp-navigation-detail-item::after,.sp-navigation-item.is-active::after {
    transform: translateY(-50%) rotate(-45deg)
}

.sp-navigation-detail-item {
    font-size: 1.4rem;
    font-weight: 400;
    padding-top: 14px;
    padding-bottom: 15px;
    padding-left: 25px;
    color: #333;
    border-bottom-color: #e8e8e8;
    background-color: #f5f7f7
}

.sp-navigation-detail-list>.col:last-child .sp-navigation-detail-item {
    border-bottom: 0
}

.sp-navigation-detail-item>.item-inner::after {
    border-top-color: #a89f96;
    border-right-color: #a89f96
}

.toggle-item .sp-navigation-detail-item>.item-inner::after {
    transform: translateY(-50%) rotate(45deg)
}

.sp-navigation-category-item {
    font-size: 1.4rem;
    display: inline-flex;
    height: 100%;
    text-decoration: none;
    align-items: center;
    justify-content: center
}



[data-animate-effect=fade-up] {
    transition: transform .5s,opacity .5s;
    transform: translateY(30px);
    opacity: 0
}

[data-animate-effect=fade-up].is-active {
    transform: translate(0);
    opacity: 1
}

[data-animate-effect=fade-in] {
    transition: opacity .5s;
    opacity: 0
}

[data-animate-effect=fade-in].is-active {
    opacity: 1
}

.clearfix::after {
    display: block;
    clear: both;
    content: ''
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    white-space: nowrap;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

.align-r {
    text-align: right!important
}

.align-c {
    text-align: center!important
}

.align-l {
    text-align: left!important
}

.valign-t {
    vertical-align: top!important
}

.valign-m {
    vertical-align: middle!important
}

.valign-b {
    vertical-align: bottom!important
}

.w-0 {
    width: 0!important
}

.w-5 {
    width: 5%!important
}

.w-10 {
    width: 10%!important
}

.w-15 {
    width: 15%!important
}

.w-20 {
    width: 20%!important
}

.w-25 {
    width: 25%!important
}

.w-30 {
    width: 30%!important
}

.w-35 {
    width: 35%!important
}

.w-40 {
    width: 40%!important
}

.w-45 {
    width: 45%!important
}

.w-50 {
    width: 50%!important
}

.w-55 {
    width: 55%!important
}

.w-60 {
    width: 60%!important
}

.w-65 {
    width: 65%!important
}

.w-70 {
    width: 70%!important
}

.w-75 {
    width: 75%!important
}

.w-80 {
    width: 80%!important
}

.w-85 {
    width: 85%!important
}

.w-90 {
    width: 90%!important
}

.w-95 {
    width: 95%!important
}

.w-100 {
    width: 100%!important
}

.w-16 {
    width: 16.6666%!important
}

.w-33 {
    width: 33.3333%!important
}

.w-44 {
    width: 44.4444%!important
}

.w-66 {
    width: 66.6666%!important
}

.w-77 {
    width: 77.7777%!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-5 {
    margin-top: 5px!important
}

.mt-10 {
    margin-top: 10px!important
}

.mt-15 {
    margin-top: 15px!important
}

.mt-20 {
    margin-top: 20px!important
}

.mt-25 {
    margin-top: 25px!important
}

.mt-30 {
    margin-top: 30px!important
}

.mt-35 {
    margin-top: 35px!important
}

.mt-40 {
    margin-top: 40px!important
}

.mt-45 {
    margin-top: 45px!important
}

.mt-50 {
    margin-top: 50px!important
}

.mt-55 {
    margin-top: 55px!important
}

.mt-60 {
    margin-top: 60px!important
}

.mt-65 {
    margin-top: 65px!important
}

.mt-70 {
    margin-top: 70px!important
}

.mt-75 {
    margin-top: 75px!important
}

.mt-80 {
    margin-top: 80px!important
}

.mt-85 {
    margin-top: 85px!important
}

.mt-90 {
    margin-top: 90px!important
}

.mt-95 {
    margin-top: 95px!important
}

.mt-100 {
    margin-top: 100px!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.mb-25 {
    margin-bottom: 25px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.mb-35 {
    margin-bottom: 35px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.mb-45 {
    margin-bottom: 45px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.mb-55 {
    margin-bottom: 55px!important
}

.mb-60 {
    margin-bottom: 60px!important
}

.mb-65 {
    margin-bottom: 65px!important
}

.mb-70 {
    margin-bottom: 70px!important
}

.mb-75 {
    margin-bottom: 75px!important
}

.mb-80 {
    margin-bottom: 80px!important
}

.mb-85 {
    margin-bottom: 85px!important
}

.mb-90 {
    margin-bottom: 90px!important
}

.mb-95 {
    margin-bottom: 95px!important
}

.mb-100 {
    margin-bottom: 100px!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-5 {
    padding-top: 5px!important
}

.pt-10 {
    padding-top: 10px!important
}

.pt-15 {
    padding-top: 15px!important
}

.pt-20 {
    padding-top: 20px!important
}

.pt-25 {
    padding-top: 25px!important
}

.pt-30 {
    padding-top: 30px!important
}

.pt-35 {
    padding-top: 35px!important
}

.pt-40 {
    padding-top: 40px!important
}

.pt-45 {
    padding-top: 45px!important
}

.pt-50 {
    padding-top: 50px!important
}

.pt-55 {
    padding-top: 55px!important
}

.pt-60 {
    padding-top: 60px!important
}

.pt-65 {
    padding-top: 65px!important
}

.pt-70 {
    padding-top: 70px!important
}

.pt-75 {
    padding-top: 75px!important
}

.pt-80 {
    padding-top: 80px!important
}

.pt-85 {
    padding-top: 85px!important
}

.pt-90 {
    padding-top: 90px!important
}

.pt-95 {
    padding-top: 95px!important
}

.pt-100 {
    padding-top: 100px!important
}

.pb0 {
    padding-bottom: 0!important
}

.pb5 {
    padding-bottom: 5px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.pb25 {
    padding-bottom: 25px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.pb35 {
    padding-bottom: 35px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb45 {
    padding-bottom: 45px!important
}

.pb50 {
    padding-bottom: 50px!important
}

.pb55 {
    padding-bottom: 55px!important
}

.pb60 {
    padding-bottom: 60px!important
}

.pb65 {
    padding-bottom: 65px!important
}

.pb70 {
    padding-bottom: 70px!important
}

.pb75 {
    padding-bottom: 75px!important
}

.pb80 {
    padding-bottom: 80px!important
}

.pb85 {
    padding-bottom: 85px!important
}

.pb90 {
    padding-bottom: 90px!important
}

.pb95 {
    padding-bottom: 95px!important
}

.pb100 {
    padding-bottom: 100px!important
}

.var-bottom-triangle {
    position: relative
}

.var-bottom-triangle::after {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    display: inline-block;
    content: '';
    transform: translateX(-50%);
    border-top: 20px solid #fff;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent
}

.bg-white {
    background-color: #fff
}

.bg-white.var-bottom-triangle::after {
    border-top-color: #fff
}

.bg-grey {
    background-color: #f5f7f7
}

.bg-grey.var-bottom-triangle::after {
    border-top-color: #f5f7f7
}

.bg-blue {
    background-color: #e6f0f7
}

.bg-blue.var-bottom-triangle::after {
    border-top-color: #e6f0f7
}

.bg-orange {
    background-color: #fef0d9
}

.bg-orange.var-bottom-triangle::after {
    border-top-color: #fef0d9
}




#footer-container-old,#header-container-old,.dnav-old.sp-h,.lnavbar-old.pc-h,.sb-overray-old.sp-h {
    display: none!important
}





@media screen and (min-width: 768px) {
    .site-footer-renew .page-top {
        display:none
    }

    .site-footer-renew .sitemap {
        padding: 50px 15px
    }

    .site-footer-renew .sitemap .col {
        display: block
    }

    .site-footer-renew .sitemap .sns-btn {
        width: calc(25% - 25px);
        max-width: calc(25% - 25px);
        margin-left: auto;
        flex: 0 1 calc(25% - 25px)
    }

    .site-footer-renew .sitemap .sns-btn .list {
        justify-content: flex-start
    }

    .site-footer-renew .other-info {
        padding: 15px;
        background-color: #fff
    }

    .site-footer-renew .other-info .utility-link {
        margin-bottom: 10px;
        background-color: #fff
    }

    .site-footer-renew .other-info .copy small {
        font-size: 12px
    }
}



@media screen and (min-width: 1025px) {
    .site-outer.of-below-category-top {
        display:flex;
        max-width: 1200px;
        margin: 0 auto;
        padding: 40px 48px 110px;
        justify-content: space-between
    }

    .site-outer .site-content {
        max-width: 782px
    }

    .site-outer .site-side-nav {
        display: block;
        max-width: 260px;
        margin-left: 62px
    }

    .header-container {
        position: relative;
        border-bottom: 3px solid #4066b3;
    }

    .header-container .header {
        padding: 0 2%
    }

    .header-container .header-logo {
        width: 23%;
        max-width: 100%
    }

    .header-container .header-logo .logo-img {
        max-width: 100%
    }

    .header-container .header-logo .logo-txt {
        display: inline-block;
        margin: 0;
        vertical-align: bottom
    }

    .header-container .header-sp-contents {
        display: none
    }

    .nav-wrapper .local-nav-wrap {
        margin: 0 auto;
        box-shadow: 0 2px 4px rgba(0,0,0,.08)
    }

    .nav-wrapper .local-nav-btn {
        font-size: 13px;
        min-height: 64px;
        padding: 0 0 10px;
        transition: border-bottom-color .3s;
        text-align: center;
        border-bottom: 3px solid;
        border-bottom-color: rgba(0,51,153,0);
        background-color: transparent
    }

    .nav-wrapper .local-nav-btn:active,.nav-wrapper .local-nav-btn:focus,.nav-wrapper .local-nav-btn:hover {
        border-bottom-color: #039
    }

    .nav-wrapper .local-nav-btn::before {
        position: absolute;
        top: calc(50% - 20px);
        left: 0;
        display: inline-block;
        height: 40px;
        content: '';
        color: #dadada;
        border-right: 1px solid
    }

    .nav-wrapper .local-nav-btn::after {
        top: auto;
        right: calc(50% - 4px);
        bottom: 10px;
        width: 7px;
        height: 7px
    }

    .nav-wrapper .local-nav-btn.is-open {
        font-weight: 700;
        border-bottom: 3px solid #039
    }

    .nav-wrapper .local-nav-list {
        position: relative;
        display: flex;
        max-width: 1130px;
        margin: 0 auto;
        padding: 0 10px;
        justify-content: space-between;
        align-items: center
    }

    .nav-wrapper .local-nav-list>.list-item {
        position: relative;
        flex: auto
    }

    .nav-wrapper .local-nav-list>.list-item:first-child>.local-nav-link::after {
        content: none
    }

    .nav-wrapper .local-nav-list>.list-item>.local-nav-link:not(.link-icon) {
        font-size: 1.3rem;
        display: flex;
        height: 64px;
        padding: 0;
        transition: border-bottom-color .3s;
        text-align: center;
        border-bottom: 3px solid;
        border-bottom-color: rgba(0,51,153,0);
        background-color: #fff;
        align-items: center;
        justify-content: center
    }

    .nav-wrapper .local-nav-list>.list-item>.local-nav-link:not(.link-icon):active,.nav-wrapper .local-nav-list>.list-item>.local-nav-link:not(.link-icon):focus,.nav-wrapper .local-nav-list>.list-item>.local-nav-link:not(.link-icon):hover {
        border-bottom-color: #039
    }

    .nav-wrapper .local-nav-list>.list-item>.local-nav-link:not(.link-icon)::before {
        position: absolute;
        top: calc(50% - 20px);
        left: 0;
        display: inline-block;
        height: 40px;
        content: '';
        color: #dadada;
        border-right: 1px solid
    }

    .nav-wrapper .local-nav-list>.list-item>.local-nav-link:not(.link-icon)::after {
        content: none
    }

    .nav-wrapper .local-nav-list-low {
        position: fixed;
        z-index: 100;
        right: 10px;
        left: 10px;
        display: flex;
        max-width: 1110px;
        padding: 34px 40px 40px;
        transition: opacity .3s;
        opacity: 1;
        background-color: #fff;
        flex-wrap: wrap
    }

    .nav-wrapper .local-nav-list-low:not(.is-open) {
        opacity: 0
    }

    .nav-wrapper .local-nav-list-low .list-item .local-nav-link {
        padding: 18px 5px 18px 16px;
        border-bottom: 0
    }

    .nav-wrapper .local-nav-list-low .list-item .local-nav-link::after {
        right: auto;
        left: 0;
        width: 8px;
        height: 8px
    }

    .nav-wrapper .local-nav-list-low .list-item:first-child {
        width: 100%
    }

    .nav-wrapper .local-nav-list-low .list-item:first-child .local-nav-link {
        font-size: 24px;
        font-weight: 700;
        padding-top: 0;
        padding-bottom: 10px;
        color: #111;
        border-bottom: 2px solid #dadada
    }

    .nav-wrapper .local-nav-list-low .list-item:first-child .local-nav-link::after {
        top: calc(50% - 11px);
        width: 9px;
        height: 9px
    }

    .nav-wrapper .local-nav-list-low .list-item:not(:first-child) {
        width: 25%;
        margin-top: 18px
    }

    .nav-wrapper .local-nav-list-low .list-item:not(:first-child) .local-nav-link {
        font-size: 15px;
        border-bottom: 0
    }

    .nav-wrapper .local-nav-list-low .list-item:not(:first-child):not(:nth-child(4n+2)) .local-nav-link {
        padding-left: 37px
    }

    .nav-wrapper .local-nav-list-low .list-item:not(:first-child):not(:nth-child(4n+2)) .local-nav-link::after {
        left: 20px
    }

    .nav-wrapper .local-nav-list-low .list-item:not(:first-child):not(:nth-child(4n+5)) .local-nav-link {
        border-right: 1px solid #dadada
    }

    .nav-wrapper .local-nav-list-low .list-item:nth-child(n+6):not(:last-child) {
        margin-top: 10px
    }

    .nav-wrapper .local-nav-list-low .list-item:last-child {
        position: absolute;
        top: 15px;
        right: 15px;
        width: auto;
        margin: 0
    }

    .site-footer {
        padding-top: 50px
    }

    .site-footer .footer-btn {
        margin: 0
    }

    .site-footer .footer-btn .btn+.btn {
        margin-left: 60px
    }

    .site-footer .footer-nav {
        max-width: 950px!important;
        margin-right: auto!important;
        margin-left: auto!important;
        padding-right: 2%;
        padding-left: 2%
    }

    .site-footer .footer-subnav {
        margin-top: 50px
    }

    .site-footer .footer-subnav>div ul {
        float: left;
        padding: 0
    }

    .site-footer .footer-subnav>div ul li {
        font-size: 1.2rem
    }

    .site-footer .footer-subnav>div .copyright {
        float: right
    }

    .sp-navigation {
        display: none
    }



    .sp-b {
        display: none!important
    }

    .var-bottom-triangle::after {
        border-top-width: 60px;
        border-right-width: 70px;
        border-left-width: 70px
    }
}



@media screen and (min-width: 1130px) {
    .nav-wrapper .local-nav-list-low {
        right:auto;
        left: calc(50% - 555px);
        width: 100%
    }
}


@media screen and (max-width: 360px) {
    .header-container .header-logo {
        max-width:200px
    }

    .header-container .header-logo .logo-img {
        max-width: 130px
    }
}

@media screen and (max-width: 1024px) {
    .header-container .header-logo .logo-img.v2 {
        max-width:200px;
        height: auto;
        margin-top: -8px
    }

    .header-container .header-pc-contents {
        display: none
    }

    .nav-wrapper {
        transition: opacity .3s
    }

    .nav-wrapper.is-sp-show .local-nav-wrap {
        opacity: 1
    }

    .nav-wrapper .local-nav-wrap {
        position: fixed;
        z-index: 100;
        top: 62px;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: scroll;
        transition: opacity .3s;
        opacity: 0;
        background-color: #fff
    }

    .nav-wrapper .local-nav-list>.list-item.login,.nav-wrapper .local-nav-list>.list-item.logout {
        display: none
    }

    .nav-wrapper .local-nav-list>.list-item.btn {
        display: none
    }

    .pc-b {
        display: none!important
    }

}

}}