@charset 'utf-8';

/**
 *
 * @setting
 *
 */

:root {
    --width: 100vw;
    --height: 100vh;
    --green: #009944;
    --ff-jp: a-otf-midashi-go-mb31-pr6n, sans-serif;
    --ff-en: "Helvetica Neue", Helvetica, Arial, Verdana, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
@media only screen and (max-width: 1280px) {
    :root {
        --width: 1280;
    }
}
@media only screen and (max-width: 769px) {
    :root {
        --width: 375;
    }
}

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


/*----------------------------------------------------------------
* setting
----------------------------------------------------------------*/
body {
    line-height: 1.5;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: calc(14 / var(--width) * 100vw);
    font-weight: 400;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}

svg {
    width: 100%;
    height: auto;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
}
@media only screen and (min-width: 770px) {
    a {
        transition: opacity .3s ease;
    }

    a:hover {
        opacity: .6;
    }

    a[href^='tel'] {
        pointer-events: none;
    }
}
@media only screen and (max-width: 769px) {
    a[href^='tel'] {
        text-decoration: underline;
    }
}

.trigger {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    cursor: pointer;
}

.cf::after {
    clear: both;
    content: '';
    display: block;
    height: 0;
}

@media only screen and (min-width: 770px) {
    .sp {
        display: none !important;
    }
}

@media only screen and (max-width: 769px) {
    .pc {
        display: none !important;
    }
}


/**
 *
 * @wrapper
 *
 */

/*----------------------------------------------------------------
* container
----------------------------------------------------------------*/
.container {
    max-width: calc(1280 / var(--width) * 100vw);
    margin: 0 auto;
    padding: 0 calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .container {
        width: auto;
        padding: 0 calc(20 / var(--width) * 100vw);
    }
}

.container-nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}


/* nav
-------------------------------------*/
.container_nav {
    position: -webkit-sticky;
    position: sticky;
    width: calc(174 / var(--width) * 100vw);
    border-right: 1px solid #e8eaeb;
    top: calc(144 / var(--width) * 100vw);
    padding: calc(16 / var(--width) * 100vw) 0 calc(9 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .container_nav {
        position: fixed;
        width: 100%;
        background: #ebebeb;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        top: calc(110 / var(--width) * 100vw);
        left: 0;
        transition: transform .3s ease .3s, opacity .3s ease .3s, top .3s ease;
        transform: translateY(-100%);
        padding: 0;
        opacity: 0;
        z-index: 999;
        max-height: calc(100vh - calc(50 / var(--width) * 100vw));
        overflow: auto;
    }

    .is-fixed .container_nav {
        top: calc(51 / var(--width) * 100vw);
        transform: none;
        opacity: 1;
    }
}


/* inner */
.container_nav .inner {
    max-height: calc(100vh - calc(429 / var(--width) * 100vw));
}
@media only screen and (min-width: 770px) {
    .container_nav .inner {
        display: block !important;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}
@media only screen and (max-width: 769px) {
    .container_nav .inner {
        display: none;
    }

    .container_nav .inner {
        max-height: none;
        padding: calc(27 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(16 / var(--width) * 100vw);
    }
}

.container_nav .inner::-webkit-scrollbar {
    display: none;
}


/* item */
.container_nav .item {
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: bold;
    margin-bottom: calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .container_nav .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: calc(18 / var(--width) * 100vw);
        border-bottom: 1px solid #000;
        margin-bottom: calc(4 / var(--width) * 100vw);
        padding: 0 calc(5 / var(--width) * 100vw) calc(4 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
    }
}

.container_nav .item .topLink {
    display: none;
}
@media only screen and (max-width: 769px) {
    .container_nav .item .topLink {
        display: inline-block;
        font-size: calc(12 / var(--width) * 100vw);
        font-weight: 400;
        background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg) center right / calc(4.5 / var(--width) * 100vw) auto no-repeat;
        padding-right: calc(12 / var(--width) * 100vw);
    }
}


/* list */
.container_nav .list {
    line-height: calc(20 / var(--width) * 100vw);
    font-size: calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .container_nav .list {
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.container_nav .list > li:nth-child(n+2) {
    margin-top: calc(12 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .container_nav .list > li {
        border-bottom: 1px solid #cecece;
    }

    .container_nav .list > li:nth-child(n+2) {
        margin-top: 0;
    }
}

.container_nav .is-current {
    position: relative;
    color: var(--green);
    font-weight: bold;
}

.container_nav .is-current > a {
    color: var(--green);
}

.container_nav .is-current::after {
    position: absolute;
    content: '';
    display: block;
    width: calc(3 / var(--width) * 100vw);
    height: 82.5%;
    background: var(--green);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
@media only screen and (max-width: 769px) {
    .container_nav .is-current::after {
        content: none;
    }
}

.container_nav .list a {
    display: inline-block;
    padding-right: calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .container_nav .list a {
        display: block;
        padding: calc(14 / var(--width) * 100vw) calc(10 / var(--width) * 100vw) calc(11 / var(--width) * 100vw);
    }
}

.container_nav .is-new > a::after {
    content: '';
    display: inline-block;
    width: calc(5 / var(--width) * 100vw);
    height: calc(5 / var(--width) * 100vw);
    vertical-align: top;
    background: var(--green);
    border-radius: 100%;
    margin-top: calc(2 / var(--width) * 100vw);
    margin-left: calc(3 / var(--width) * 100vw);
}


/* tab */
.container_nav .tabItem {
    position: relative;
    padding-left: calc(23 / var(--width) * 100vw);
}

.container_nav .tabItem:hover {
    opacity: 1;
}

.container_nav .tabItem span {
    position: absolute;
    display: block;
    width: calc(15 / var(--width) * 100vw);
    height: calc(15 / var(--width) * 100vw);
    background: #ebebeb;
    border-radius: 100%;
    top: calc(3 / var(--width) * 100vw);
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 769px) {
    .container_nav .tabItem span {
        background: none;
        top: calc(15 / var(--width) * 100vw);
        left: auto;
        right: calc(7.5 / var(--width) * 100vw);
    }
}

.container_nav .tabItem span::before,
.container_nav .tabItem span::after {
    position: absolute;
    content: '';
    display: block;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.container_nav .tabItem span::before {
    width: calc(7.5 / var(--width) * 100vw);
    height: 1px;
}
@media only screen and (max-width: 769px) {
    .container_nav .tabItem span::before {
        width: calc(10 / var(--width) * 100vw);
    }
}

.container_nav .tabItem span::after {
    width: 1px;
    height: calc(7.5 / var(--width) * 100vw);
    transition: height .3s ease;
}
@media only screen and (max-width: 769px) {
    .container_nav .tabItem span::after {
        height: calc(10 / var(--width) * 100vw);
    }
}

.container_nav li.is-first .tabItem span::after,
.container_nav li.is-open .tabItem span::after {
    height: 0;
}

.container_nav .tabList {
    display: none;
    padding: calc(13 / var(--width) * 100vw) 0 calc(9 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .container_nav .tabList {
        border-top: 1px solid #cecece;
        padding: calc(27 / var(--width) * 100vw) 0 calc(38 / var(--width) * 100vw);
    }
}

.container_nav li.is-first .tabList {
    display: block;
}

@media only screen and (max-width: 769px) {
    .container_nav li .tabList ul {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        line-height: calc(18 / var(--width) * 100vw);
        font-size: calc(12 / var(--width) * 100vw);
    }
}

@media only screen and (min-width: 770px) {
    .container_nav .tabList li:nth-child(n+2) {
        margin-top: calc(5 / var(--width) * 100vw);
    }
}
@media only screen and (max-width: 769px) {
    .container_nav .tabList li {
        width: 50%;
    }

    .container_nav .tabList li:nth-child(n+3) {
        margin-top: calc(10 / var(--width) * 100vw);
    }

    .container_nav .tabList li a {
        padding: 0 calc(10 / var(--width) * 100vw);
    }
}


/* navBtn */
.container_nav .navBtn {
    text-align: center;
    padding: calc(8 / var(--width) * 100vw) 0 calc(10 / var(--width) * 100vw);
    transition: padding .3s ease;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
}

.container_nav.is-open .navBtn {
    padding: calc(8 / var(--width) * 100vw) 0 calc(30 / var(--width) * 100vw);
}

.container_nav .navBtn .txt {
    position: relative;
    display: inline-block;
    font-family: var(--ff-en);
    font-size: calc(12 / var(--width) * 100vw);
    font-weight: bold;
}

.page-ir .container_nav .navBtn .txt::before {
    content: 'IR Menu';
}

.page-sustainability .container_nav .navBtn .txt::before {
    content: 'Sustainability Menu';
}

.container_nav.is-open .navBtn .txt::before {
    content: 'Close';
}

.container_nav .navBtn .txt span {
    position: absolute;
    display: block;
    width: calc(13.5 / var(--width) * 100vw);
    height: calc(8 / var(--width) * 100vw);
    top: 50%;
    right: calc(-25 / var(--width) * 100vw);
    transform: translateY(-50%);
}

.container_nav .navBtn .txt span::before,
.container_nav .navBtn .txt span::after {
    position: absolute;
    content: '';
    display: block;
    background: #000;
    top: 50%;
    left: 50%;
    transition: transform .3s ease;
    transform: translate(-50%, -50%);
}

.container_nav .navBtn .txt span::before {
    width: calc(10 / var(--width) * 100vw);
    height: 1px;
}

.container_nav.is-open .navBtn .txt span::before {
    width: calc(15 / var(--width) * 100vw);
    transform: translate(-50%, -50%) rotate(30deg);
}

.container_nav .navBtn .txt span::after {
    width: 1px;
    height: calc(10 / var(--width) * 100vw);
}

.container_nav.is-open .navBtn .txt span::after {
    height: calc(15 / var(--width) * 100vw);
    transform: translate(-50%, -50%) rotate(60deg);
}


/* main
-------------------------------------*/
.container_main {
    width: calc(945 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .container_main {
        width: calc(335 / var(--width) * 100vw);
    }
}


/**
 *
 * @is-
 *
 */

/*----------------------------------------------------------------
* is-pdf
----------------------------------------------------------------*/
.is-pdf a::after,
h2.is-pdf::after,
span.is-pdf::after,
#item_list a[href$=".pdf"]::after {
    content: '';
    display: inline-block;
    width: calc(16.5 / var(--width) * 100vw);
    height: calc(16 / var(--width) * 100vw);
    vertical-align: middle;
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/icon_pdf.png) center center / 100% auto no-repeat;
    margin: 0 0 calc(5 / var(--width) * 100vw) calc(6 / var(--width) * 100vw);
}


/**
 *
 * @module
 *
 */

/*----------------------------------------------------------------
* accordion
----------------------------------------------------------------*/
.accordion {
    font-size: calc(18 / var(--width) * 100vw);
    border-bottom: 1px solid #d2d3d4;
}
@media only screen and (max-width: 769px) {
    .accordion {
        font-size: calc(16 / var(--width) * 100vw);
    }
}


/* accordion_head
-------------------------------------*/
.accordion_head {
    position: relative;
    border-top: 1px solid #d2d3d4;
    padding: calc(25 / var(--width) * 100vw) calc(38 / var(--width) * 100vw) calc(24 / var(--width) * 100vw);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    cursor: pointer;
}
@media only screen and (max-width: 769px) {
    .accordion_head {
        padding: calc(19 / var(--width) * 100vw) calc(9 / var(--width) * 100vw) calc(17 / var(--width) * 100vw);
    }
}

.accordion_head::before,
.accordion_head::after {
    position: absolute;
    content: '';
    display: block;
    background: #000;
    top: 50%;
    transform: translateY(-50%);
}

.accordion_head::before {
    width: calc(10 / var(--width) * 100vw);
    height: 1px;
    right: calc(30 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .accordion_head::before {
        right: calc(11 / var(--width) * 100vw);
    }
}

.accordion_head::after {
    width: 1px;
    height: calc(10 / var(--width) * 100vw);
    right: calc(34 / var(--width) * 100vw);
    transition: height .3s ease;
}
@media only screen and (max-width: 769px) {
    .accordion_head::after {
        right: calc(15 / var(--width) * 100vw);
    }
}

.accordion li.is-open .accordion_head::after {
    height: 0;
}


/* body
-------------------------------------*/
.accordion_body {
    display: none;
    line-height: 1.666666;
    border-top: 1px solid #d2d3d4;
    padding: calc(34 / var(--width) * 100vw) calc(38 / var(--width) * 100vw) calc(55 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .accordion_body {
        line-height: 1.5;
        font-size: calc(14 / var(--width) * 100vw);
        padding: calc(25 / var(--width) * 100vw) 0 calc(38 / var(--width) * 100vw);
    }
}


/* faq
-------------------------------------*/
.accordion-faq .accordion_head {
    padding: calc(23 / var(--width) * 100vw) calc(38 / var(--width) * 100vw) calc(22 / var(--width) * 100vw) calc(72 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .accordion-faq .accordion_head {
        line-height: 1.5;
        padding: calc(18 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(18 / var(--width) * 100vw) calc(38 / var(--width) * 100vw);
    }
}

.accordion-faq .accordion_body {
    padding-left: calc(72 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .accordion-faq .accordion_body {
        line-height: 1.5;
        padding: calc(25 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(36 / var(--width) * 100vw) calc(38 / var(--width) * 100vw);
    }
}

.accordion-faq li,
.accordion-faq .accordion_body {
    position: relative;
}

.accordion-faq li::before,
.accordion-faq .accordion_body::before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(21 / var(--width) * 100vw);
    height: calc(21 / var(--width) * 100vw);
    font-family: var(--ff-en);
    font-size: calc(13 / var(--width) * 100vw);
    font-weight: bold;
    border-radius: 100%;
    box-sizing: border-box;
    z-index: 1;
}

.accordion-faq li::before {
    position: absolute;
    content: 'Q';
    color: #fff;
    background: var(--green);
    top: calc(29 / var(--width) * 100vw);
    left: calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .accordion-faq li::before {
        top: calc(20 / var(--width) * 100vw);
        left: calc(9 / var(--width) * 100vw);
    }
}

.accordion-faq .accordion_body::before {
    content: 'A';
    display: inline-flex;
    color: var(--green);
    border: calc(1.5 / var(--width) * 100vw) solid var(--green);
    margin-left: calc(-27 / var(--width) * 100vw);
    transform: translate(calc(-5 / var(--width) * 100vw), calc(-3 / var(--width) * 100vw));
}
@media only screen and (max-width: 769px) {
    .accordion-faq .accordion_body::before {
        margin-left: calc(-27 / var(--width) * 100vw);
        transform: translate(calc(-2 / var(--width) * 100vw), calc(1 / var(--width) * 100vw));
    }
}


/*----------------------------------------------------------------
* accordionBox
----------------------------------------------------------------*/
/* box
-------------------------------------*/
.accordionBox_wrap {
    position: relative;
    overflow: hidden;
}

.accordionBox_wrap::after {
    position: absolute;
    pointer-events: none;
    content: '';
    display: block;
    width: 100%;
    height: 43%;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    bottom: 0;
    left: 0;
    transition: .6s ease;
    transition-property: opacity, visibility;
    z-index: 1;
}
@media only screen and (max-width: 769px) {
    .accordionBox_wrap::after {
        height: 33%;
    }
}

.accordionBox.is-open .accordionBox_wrap::after {
    visibility: hidden;
    opacity: 0;
}


/* btn
-------------------------------------*/
.accordionBox_btn {
    margin-top: calc(32 / var(--width) * 100vw);
}

.accordionBox_btn::before {
    content: 'もっと見る';
}

.accordionBox.is-open .accordionBox_btn::before {
    content: '閉じる';
}


/*----------------------------------------------------------------
* adobereader
----------------------------------------------------------------*/
.adobereader {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: calc(47 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .adobereader {
        display: block;
        text-align: center;
        margin-top: calc(40 / var(--width) * 100vw);
    }
}

.adobereader .icon {
    display: inline-block;
    width: calc(158 / var(--width) * 100vw);
}

.adobereader .caption {
    color: #a8a8a8;
    line-height: 1.6923;
    font-size: calc(13 / var(--width) * 100vw);
    margin-left: calc(18 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .adobereader .caption {
        line-height: 1.66666;
        font-size: calc(12 / var(--width) * 100vw);
        margin: calc(15 / var(--width) * 100vw) 0 0;
    }
}


/*----------------------------------------------------------------
* articlesBack
----------------------------------------------------------------*/
.articlesBack {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: calc(82.5 / var(--width) * 100vw);
    font-size: calc(14 / var(--width) * 100vw);
    border-top: 1px solid #e8eaeb;
    border-bottom: 1px solid #e8eaeb;
    margin-top: calc(73 / var(--width) * 100vw);
    padding: calc(20 / var(--width) * 100vw) calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .articlesBack {
        display: block;
        min-height: auto;
        border-bottom: none;
        padding: 0;
    }

    .page-news .articlesBack {
        border-top-color: #000;
    }
}


/* share
-------------------------------------*/
.articlesBack .share {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
@media only screen and (max-width: 769px) {
    .articlesBack .share {
        border-bottom: 1px solid #e8eaeb;
        padding: calc(25 / var(--width) * 100vw) calc(38 / var(--width) * 100vw) calc(25 / var(--width) * 100vw);
    }
}

.articlesBack .share dt {
    font-family: var(--ff-en);
    font-size: calc(18 / var(--width) * 100vw);
    font-weight: bold;
    margin-right: calc(25 / var(--width) * 100vw);
}

.articlesBack .share dd {
    width: calc(30 / var(--width) * 100vw);
    margin: 0 calc(15 / var(--width) * 100vw);
}


/* back
-------------------------------------*/
.articlesBack .back {
    display: block;
    margin-left: auto;
}
@media only screen and (max-width: 769px) {
    .articlesBack .back {
        text-align: center;
        padding: calc(16 / var(--width) * 100vw) 0;
    }

    .page-features .articlesBack .back {
        padding: calc(26 / var(--width) * 100vw) 0;
    }
}

.articlesBack .back span {
    display: inline-block;
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg) center left / calc(4.5 / var(--width) * 100vw) auto no-repeat;
    padding-left: calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .articlesBack .back span {
        padding-right: calc(24 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* articlesNew
----------------------------------------------------------------*/
.articlesNew {
    margin-top: calc(172 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .articlesNew {
        margin-top: calc(55 / var(--width) * 100vw);
    }

    .page-features .articlesNew {
        margin-top: calc(75 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* btnRounder
----------------------------------------------------------------*/
.btnRounder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(240 / var(--width) * 100vw);
    height: calc(60 / var(--width) * 100vw);
    background: #fff;
    border: 1px solid #000;
    border-radius: 1000px;
    margin: calc(40 / var(--width) * 100vw) auto 0;
}
@media only screen and (min-width: 770px) {
    .btnRounder {
        transition-property: color, background;
    }

    .btnRounder:hover {
        color: #fff;
        background: #000;
        opacity: 1;
    }
}
@media only screen and (max-width: 769px) {
    .btnRounder {
        margin: calc(30 / var(--width) * 100vw) auto 0;
    }
}

.btnRounder-en {
    font-family: var(--ff-en);
}


/*----------------------------------------------------------------
* fadeCross
----------------------------------------------------------------*/
.fadeCross {
    position: relative;
}

.fadeCross::before {
    content: '';
    display: block;
    padding-top: 50%;
}

.fadeCross li,
.fadeCross img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.fadeCross li {
    transition: opacity 1s ease;
    opacity: 0;
}

.fadeCross li.is-show {
    opacity: 1;
    z-index: 2;
}

.fadeCross li.is-hide {
    z-index: 1;
}

.fadeCross img {
    -o-object-fit: cover;
       object-fit: cover;
}

[data-fc-target-color] { transition: color .6s ease; }
[data-fc-target-color="black"] { color: #000; }
[data-fc-target-color="white"] { color: #fff; }


/*----------------------------------------------------------------
* fadeUp
----------------------------------------------------------------*/
.fadeUp {
    transform: translateY(calc(20 / var(--width) * 100vw));
    opacity: 0;
}

.fadeUp.show {
    transition: .8s ease;
    transition-property: transform, opacity;
    transform: none;
    opacity: 1;
}

@media only screen and (min-width: 770px) {
    .fadeUpPc {
        transform: translateY(calc(20 / var(--width) * 100vw));
        opacity: 0;
    }

    .fadeUpPc.show {
        transition: .8s ease;
        transition-property: transform, opacity;
        transform: none;
        opacity: 1;
    }
}


/*----------------------------------------------------------------
* filter
----------------------------------------------------------------*/
.filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(26 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .filter {
        display: block;
        width: calc(315 / var(--width) * 100vw);
        margin: 0 auto calc(39 / var(--width) * 100vw);
    }
}

.filter .category {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
@media only screen and (max-width: 769px) {
    .filter .category {
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: calc(20 / var(--width) * 100vw);
    }

    .filter .category .cfRichCheck {
        width: calc(155 / var(--width) * 100vw);
    }
}

.filter .category .cfRichCheck {
    margin-left: calc(10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .filter .category .cfRichCheck {
        margin-left: 0;
    }

    .filter .category .cfRichCheck:nth-of-type(n+3) {
        margin-top: calc(5 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* linkFeatures
----------------------------------------------------------------*/
.linkFeatures {
    display: grid;
    grid-template-columns: calc(270 / var(--width) * 100vw) calc(270 / var(--width) * 100vw) calc(270 / var(--width) * 100vw) calc(270 / var(--width) * 100vw);
    grid-gap: calc(40 / var(--width) * 100vw) calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .linkFeatures {
        display: flex;
        grid-gap: calc(20 / var(--width) * 100vw) calc(13 / var(--width) * 100vw);
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

.linkFeatures li {
    position: relative;
    width: calc(270 / var(--width) * 100vw);
    height: calc(337.5 / var(--width) * 100vw);
    z-index: 1;
}
@media only screen and (max-width: 769px) {
    .linkFeatures li {
        width: calc(335 / var(--width) * 100vw);
        height: calc(418.5 / var(--width) * 100vw);
    }
}

.linkFeatures a {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: calc(18 / var(--width) * 100vw) calc(24 / var(--width) * 100vw);
    z-index: 1;
}
@media only screen and (max-width: 769px) {
    .linkFeatures a {
        padding: calc(14 / var(--width) * 100vw) calc(10 / var(--width) * 100vw) calc(14 / var(--width) * 100vw) calc(18 / var(--width) * 100vw);
    }
}

.linkFeatures a::before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: calc(121 / var(--width) * 100vw);
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    bottom: 0;
    left: 0;
    z-index: -1;
}
@media only screen and (max-width: 769px) {
    .linkFeatures a::before {
        height: calc(160 / var(--width) * 100vw);
    }
}

.linkFeatures .ph,
.linkFeatures .ph img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.linkFeatures .ph {
    overflow: hidden;
    z-index: -2;
}

.linkFeatures .ph img {
    -o-object-fit: cover;
       object-fit: cover;
}
@media only screen and (min-width: 770px) {
    .linkFeatures a:hover {
        opacity: 1;
    }

    .linkFeatures .ph img {
        transition: transform .3s ease;
    }

    .linkFeatures a:hover .ph img {
        transform: scale(1.1);
    }
}

.linkFeatures .title {
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: bold;
}
@media only screen and (max-width: 769px) {
    .linkFeatures .title {
        line-height: 1.33334;
        font-size: calc(18 / var(--width) * 100vw);
    }
}

.linkFeatures .date {
    position: relative;
    line-height: 1;
    font-family: var(--ff-en);
    font-size: calc(12 / var(--width) * 100vw);
    margin-top: calc(3 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .linkFeatures .date {
        margin-top: calc(4 / var(--width) * 100vw);
    }
}

.linkFeatures .is-new .date {
    padding-left: calc(20 / var(--width) * 100vw);
}

.linkFeatures .is-new .date::before {
    position: absolute;
    content: '';
    display: block;
    width: calc(10 / var(--width) * 100vw);
    height: calc(10 / var(--width) * 100vw);
    background: var(--green);
    border-radius: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}


/* page-top
-------------------------------------*/
@media only screen and (max-width: 769px) {
    .linkFeatures li {
        width: calc(335 / var(--width) * 100vw);
        height: calc(418.5 / var(--width) * 100vw);
    }

    .page-top .linkFeatures li:nth-child(n+3) {
        width: calc(156 / var(--width) * 100vw);
        height: auto;
    }

    .linkFeatures a {
        padding: calc(14 / var(--width) * 100vw) calc(10 / var(--width) * 100vw) calc(14 / var(--width) * 100vw) calc(18 / var(--width) * 100vw);
    }

    .page-top .linkFeatures li:nth-child(n+3) a {
        color: #000;
        padding: 0;
    }

    .linkFeatures a::before {
        height: calc(160 / var(--width) * 100vw);
    }

    .page-top .linkFeatures li:nth-child(n+3) a::before {
        content: none;
    }

    .page-top .linkFeatures li:nth-child(n+3) .ph {
        position: relative;
        height: calc(195 / var(--width) * 100vw);
        z-index: 1;
    }

    .linkFeatures .title {
        line-height: 1.33334;
        font-size: calc(18 / var(--width) * 100vw);
    }

    .page-top .linkFeatures li:nth-child(n+3) .title {
        line-height: 1.5;
        font-size: calc(14 / var(--width) * 100vw);
        margin-top: calc(5 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* linkFileList
----------------------------------------------------------------*/
.linkFileList li {
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right-g.svg) 1px calc(10 / var(--width) * 100vw) / calc(4.5 / var(--width) * 100vw) auto no-repeat;
    padding-left: calc(18 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .linkFileList li {
        background-position: left calc(8 / var(--width) * 100vw);
        padding-left: calc(23 / var(--width) * 100vw);
    }
}

.linkFileList li:nth-child(n+2) {
    margin-top: calc(6.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .linkFileList li:nth-child(n+2) {
        margin-top: calc(13 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* linkList
----------------------------------------------------------------*/
.linkList li {
    position: relative;
}

.linkList li.is-new::before {
    position: absolute;
    content: '';
    display: block;
    width: calc(10 / var(--width) * 100vw);
    height: calc(10 / var(--width) * 100vw);
    background: var(--green);
    border-radius: 100%;
    top: calc(33 / var(--width) * 100vw);
    left: calc(14 / var(--width) * 100vw);
    z-index: 1;
}
@media only screen and (max-width: 769px) {
    .linkList li.is-new::before {
        top: calc(22 / var(--width) * 100vw);
        left: calc(9 / var(--width) * 100vw);
    }
}

.linkList li:nth-child(n+2) {
    margin-top: -1px;
}

.linkList li > * {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: calc(16 / var(--width) * 100vw);
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: calc(25 / var(--width) * 100vw) calc(38 / var(--width) * 100vw) calc(26 / var(--width) * 100vw);
}
@media only screen and (min-width: 770px) {
    .linkList a {
        transition-property: background, padding;
    }

    .linkList a:hover {
        background: #e8eaeb;
        padding-right: calc(64 / var(--width) * 100vw);
        opacity: 1;
    }

    .linkList a::before {
        pointer-events: none;
        position: absolute;
        content: '';
        display: block;
        width: 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        top: -1px;
        bottom: -1px;
        left: 0;
        transition: width .3s ease;
        z-index: 1;
    }

    .linkList a:hover::before {
        width: 100%;
    }

    .linkList a::after {
        position: absolute;
        content: '';
        display: block;
        width: calc(4.5 / var(--width) * 100vw);
        height: calc(8 / var(--width) * 100vw);
        background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg) center center / 100% auto no-repeat;
        top: calc(34 / var(--width) * 100vw);
        right: calc(14 / var(--width) * 100vw);
        transition: .3s ease;
        transition-property: right, opacity;
        opacity: 0;
    }

    .linkList a:hover::after {
        right: calc(40 / var(--width) * 100vw);
        opacity: 1;
    }
}
@media only screen and (max-width: 769px) {
    .linkList li > * {
        display: block;
        font-size: calc(14 / var(--width) * 100vw);
        padding: calc(15 / var(--width) * 100vw) calc(30 / var(--width) * 100vw);
    }
}

.linkList .title {
    font-weight: 400;
}

.linkList .date {
    display: inline-block;
    font-family: var(--ff-en);
    font-size: calc(14 / var(--width) * 100vw);
    margin-top: calc(3 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .linkList .date {
        display: block;
        font-size: calc(12 / var(--width) * 100vw);
        text-align: right;
        margin-top: calc(8 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* linkTxt
----------------------------------------------------------------*/
.linkTxt-col2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(10 / var(--width) * 100vw) calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .linkTxt-col2 {
        grid-gap: calc(13 / var(--width) * 100vw) calc(23 / var(--width) * 100vw);
    }
}

.linkTxt-col3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: calc(10 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .linkTxt-col3 {
        grid-template-columns: 1fr 1fr;
        grid-gap: calc(8 / var(--width) * 100vw) calc(10.5 / var(--width) * 100vw);
    }
}

.linkTxt-col4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: calc(10 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .linkTxt-col4 {
        grid-template-columns: 1fr 1fr;
        grid-gap: calc(8 / var(--width) * 100vw) calc(10.5 / var(--width) * 100vw);
    }
}

.linkTxt a {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    line-height: 1.285714;
    font-size: calc(16 / var(--width) * 100vw);
    border-bottom: 1px solid #eaeaea;
    padding: calc(7 / var(--width) * 100vw) 0;
}
@media only screen and (min-width: 770px) {
    .linkTxt a:hover {
        opacity: 1;
    }

    .linkTxt a::before,
    .linkTxt a::after {
        position: absolute;
        content: '';
        display: block;
    }

    .linkTxt a::before {
        width: 0;
        height: 1px;
        background: #000;
        bottom: -1px;
        left: 0;
        transition: width .3s ease;
        z-index: 1;
    }

    .linkTxt a:hover::before {
        width: 100%;
    }

    .linkTxt a::after {
        width: calc(4.5 / var(--width) * 100vw);
        height: calc(8 / var(--width) * 100vw);
        background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg) center center / 100% auto no-repeat;
        top: 50%;
        right: 0;
        transition: right .5s ease, opacity .3s ease;
        transform: translateY(-50%);
        opacity: 0;
    }

    .linkTxt a:hover::after {
        right: calc(10 / var(--width) * 100vw);
        opacity: 1;
    }
}
@media only screen and (max-width: 769px) {
    .linkTxt a {
        font-size: calc(14 / var(--width) * 100vw);
        padding: calc(7 / var(--width) * 100vw) 0;
    }
}


/*----------------------------------------------------------------
* modal
----------------------------------------------------------------*/
body.is-modal {
    overflow: hidden;
}

.modal {
    position: fixed;
    width: 100vw;
    height: var(--height, 100vh);
    background: rgba(0, 0, 0, .5);
    transition: .5s ease;
    transition-property: opacity, visibility;
    top: 0;
    left: 0;
    padding: calc(20 / var(--width) * 100vw);
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

body.is-modal .modal {
    opacity: 1;
    visibility: visible;
}


/* box
-------------------------------------*/
.modal_box {
    position: absolute;
    background: #fff;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
@media only screen and (max-width: 769px) {
    .modal_box {
        max-width: calc(100vw - calc(40 / var(--width) * 100vw));
        max-height: calc(var(--height) - calc(40 / var(--width) * 100vw));
        overflow: auto;
    }
}


/* close
-------------------------------------*/
.modal_close {
    position: absolute;
    width: calc(36.5 / var(--width) * 100vw);
    height: calc(36.5 / var(--width) * 100vw);
    top: calc(6 / var(--width) * 100vw);
    right: calc(6 / var(--width) * 100vw);
    z-index: 10;
}
@media only screen and (max-width: 769px) {
    .modal_close {
        background: #000;
        top: 0;
        right: 0;
    }
}

.modal_close::before,
.modal_close::after {
    position: absolute;
    content: '';
    display: block;
    width: calc(11.5 / var(--width) * 100vw);
    height: 1px;
    background: #000;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
@media only screen and (max-width: 769px) {
    .modal_close::before,
    .modal_close::after {
        width: calc(17 / var(--width) * 100vw);
        height: 2px;
        background: #fff;
    }
}

.modal_close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.modal_close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}


/*----------------------------------------------------------------
* pankuzu
----------------------------------------------------------------*/
.pankuzu {
    font-size: calc(10 / var(--width) * 100vw);
}

.pankuzu ol {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.pankuzu li:nth-child(n+2)::before {
    content: '>';
    display: inline-block;
    margin: 0 calc(1 / var(--width) * 100vw) 0 calc(3 / var(--width) * 100vw);
}


/*----------------------------------------------------------------
* pagination
----------------------------------------------------------------*/
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: calc(20 / var(--width) * 100vw);
    margin-top: calc(80 / var(--width) * 100vw);
}

.page-features .pagination {
    margin-top: calc(40 / var(--width) * 100vw);
}

@media only screen and (max-width: 769px) {
    .pagination {
        grid-column-gap: calc(16 / var(--width) * 100vw);
        margin-top: calc(40 / var(--width) * 100vw);
    }

    .page-features .pagination {
        margin-top: calc(30 / var(--width) * 100vw);
    }
}

.pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(60 / var(--width) * 100vw);
    height: calc(60 / var(--width) * 100vw);
    font-family: var(--ff-en);
    font-size: calc(18 / var(--width) * 100vw);
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 100%;
}
.pagination .arrow > a{
    font-size: calc(27 / var(--width) * 100vw);
    border: none;
	font-weight: normal;
	padding-bottom: 0.2em;
}
.pagination > li.arrow {
	margin-right: -1em;
    margin-left: -1em;
}
@media only screen and (max-width: 769px) {
    .pagination a {
        width: calc(40 / var(--width) * 100vw);
        height: calc(40 / var(--width) * 100vw);
        font-size: calc(16 / var(--width) * 100vw);
    }
}

.pagination .is-current a {
    color: #fff;
    border-color: var(--green);
    background: var(--green);
}


/*----------------------------------------------------------------
* scrollHint
----------------------------------------------------------------*/
@media only screen and (max-width: 769px) {
    .scrollHint {
        position: relative;
        width: calc(355 / var(--width) * 100vw);
        overflow-x: scroll;
    }

    .scrollHint_inner {
        box-sizing: content-box;
        padding-right: calc(20 / var(--width) * 100vw);
    }

    .scrollHint_icon {
        position: absolute;
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(120 / var(--width) * 100vw);
        height: calc(120 / var(--width) * 100vw);
        color: #fff;
        font-size: calc(9.6 / var(--width) * 100vw);
        font-weight: bold;
        background: rgba(0, 153, 68, .8);
        border-radius: 100%;
        box-sizing: border-box;
        top: calc(70 / var(--width) * 100vw);
        left: 50%;
        padding-bottom: calc(18 / var(--width) * 100vw);
        transform: translateX(-50%);
        opacity: 0;
        z-index: 100;
    }

    .scrollHint-pinchOut .scrollHint_icon {
        top: calc(120 / var(--width) * 100vw);
    }

    .scrollHint_icon.show {
        transition: opacity .8s ease;
        opacity: 1;
    }

    .scrollHint.is-scroll .scrollHint_icon {
        transition-duration: .3s;
        opacity: 0;
    }

    .scrollHint_icon::before {
        content: '';
        display: inline-block;
        width: calc(31 / var(--width) * 100vw);
        height: calc(35 / var(--width) * 100vw);
        background: url(/-/media/Project/globeride/globeride_cojp/common/img/scroll-hint-icon.png) center center / 100% auto no-repeat;
        margin-left: calc(-6 / var(--width) * 100vw);
    }

    .scrollHint-pinchOut .scrollHint_icon::before {
        background: url(/-/media/Project/globeride/globeride_cojp/common/img/scroll-hint-icon2.png) center center / 100% auto no-repeat;
    }

    .scrollHint_icon.show::before {
        animation: scroll-hint-appear 1.2s .8s linear;
        animation-iteration-count: 2;
    }


    .scrollHint-pinchOut .scrollHint_icon.show::before {
        animation: scroll-hint-appear2 .8s .8s linear;
        animation-iteration-count: 2;
    }

    .scrollHint_icon::after {
        position: absolute;
        content: 'スクロールできます';
        bottom: calc(32 / var(--width) * 100vw);
    }

    .scrollHint-pinchOut .scrollHint_icon::after {
        content: 'ピンチアウトで拡大';
    }
}

@keyframes scroll-hint-appear {
    0% {
        transform: translateX(40px);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50%,
    100% {
        transform: translateX(-40px);
        opacity: 0;
    }
}

@keyframes scroll-hint-appear2 {
    0% {
        transform: scale(0);
    }

    50%,
    100% {
        transform: scale(1);
    }
}


/*----------------------------------------------------------------
* secTitleEnJp
----------------------------------------------------------------*/
.secTitleEnJp {
    line-height: 1;
    text-align: center;
    margin-bottom: calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .secTitleEnJp {
        margin-bottom: calc(29 / var(--width) * 100vw);
    }
}

.secTitleEnJp span {
    display: block;
}

.secTitleEnJp .en {
    font-family: var(--ff-en);
    font-size: calc(48 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .secTitleEnJp .en {
        font-size: calc(36 / var(--width) * 100vw);
    }
}

.secTitleEnJp .jp {
    font-weight: 400;
    margin-top: calc(10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .secTitleEnJp .jp {
        margin-top: calc(6 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* secTitleLine
----------------------------------------------------------------*/
.secTitleLine {
    font-size: calc(30 / var(--width) * 100vw);
    border-left: calc(5 / var(--width) * 100vw) solid var(--green);
    margin-bottom: calc(40 / var(--width) * 100vw);
    padding: calc(5 / var(--width) * 100vw) 0 calc(6 / var(--width) * 100vw) calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .secTitleLine {
        line-height: 1.4;
        font-size: calc(20 / var(--width) * 100vw);
        border-left: calc(5 / var(--width) * 100vw) solid var(--green);
        margin-bottom: calc(19 / var(--width) * 100vw);
        padding: calc(8 / var(--width) * 100vw) 0 calc(12 / var(--width) * 100vw) calc(24 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* table
----------------------------------------------------------------*/
.table {
    width: 100%;
    font-size: calc(16 / var(--width) * 100vw);
    border-collapse: collapse;
}
@media only screen and (max-width: 769px) {
    .table {
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.table tr {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.table th,
.table td {
    padding: calc(25 / var(--width) * 100vw) calc(29 / var(--width) * 100vw) calc(26 / var(--width) * 100vw);
}

.table th {
    font-weight: 400;
    text-align: left;
    background: #eaeaea;
    border-right: 1px solid #ccc;
}

.table thead th {
    font-weight: bold;
    text-align: center;
    background: #d9d9d9;
}

.table thead th:last-of-type {
    border-right: none;
}

.table td:not(:first-of-type) {
    border-left: 1px solid #ccc;
}

.table-simple th {
    background: none;
    border-right: none;
    padding-left: calc(4 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .table-simple tr {
        border-top: 1px solid #e8eaeb;
    }

    .table-simple tr:last-of-type {
        border-bottom: 1px solid #e8eaeb;
    }
}

@media only screen and (max-width: 769px) {
    .table-columns tr,
    .table-columns th,
    .table-columns td {
        display: block;
    }

    .table-columns tr {
        border-bottom: none;
    }

    .table-columns th {
        border-right: none;
    }

    .table-columns th {
        padding: calc(7 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(8 / var(--width) * 100vw);
    }

    .table-columns td {
        padding: calc(5 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(16 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* tagCloud
----------------------------------------------------------------*/
.tagCloud {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    grid-gap: calc(10 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
}

.tagCloud a {
    display: block;
    color: var(--green);
    font-family: var(--ff-en);
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: bold;
    border: 1px solid #e8eaeb;
    border-radius: 1000px;
    padding: calc(2 / var(--width) * 100vw) calc(16 / var(--width) * 100vw) calc(2 / var(--width) * 100vw);
}


/* inner
-------------------------------------*/
.tagCloud-sortby {
    margin-top: calc(70 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .tagCloud-sortby {
        margin-top: calc(52 / var(--width) * 100vw);
    }
}

.tagCloud-sortby .title {
    width: 100%;
    font-family: var(--ff-en);
    font-size: calc(24 / var(--width) * 100vw);
    font-weight: bold;
    margin-bottom: calc(12 / var(--width) * 100vw);
}


/**
 *
 * @custom forms
 *
 */

/*----------------------------------------------------------------
* cfSelect
----------------------------------------------------------------*/
.cfSelect {
    min-width: calc(95 / var(--width) * 100vw);
    height: calc(39 / var(--width) * 100vw);
    font: inherit;
    font-size: calc(13 / var(--width) * 100vw);
    background: #e8eaeb url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-down.svg) right calc(16 / var(--width) * 100vw) center / calc(8 / var(--width) * 100vw) auto no-repeat;
    border: none;
    border-radius: calc(4 / var(--width) * 100vw);
    box-sizing: content-box;
    padding: 0 calc(40 / var(--width) * 100vw) 0 calc(18 / var(--width) * 100vw);
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media only screen and (max-width: 769px) {
    .cfSelect {
        width: 100% !important;
        height: calc(39 / var(--width) * 100vw);
        box-sizing: border-box;
    }
}


/*----------------------------------------------------------------
* cfRichCheck
----------------------------------------------------------------*/
.cfRichCheck {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
}

.cfRichCheck input {
    display: none;
}

.cfRichCheck p,
.cfRichCheck a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(30 / var(--width) * 100vw);
    border: 1px solid #e8eaeb;
    border-radius: 1000px;
    padding: 0 calc(16 / var(--width) * 100vw);
    transition: .3s ease;
    transition-property: color, border;
}

/* .cfRichCheck input:checked + p { */
.cfRichCheck.active p,
.cfRichCheck.active a {
    color: var(--green);
    border-color: var(--green);
}


/**
 *
 * @layout
 *
 */

/*----------------------------------------------------------------
* header
----------------------------------------------------------------*/
.header {
    position: fixed;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e8eaeb;
    top: 0;
    left: 0;
    transition: border .3s ease, opacity .6s ease;
    transition-property: border, opacity;
    opacity: 0;
    z-index: 1000;
}
@media only screen and (max-width: 769px) {
    body:not(.is-fixed) .header {
        border-bottom: none;
    }
}

.header.show {
    opacity: 1;
}


/* inner
-------------------------------------*/
.header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: calc(104 / var(--width) * 100vw);
    transition: .3s ease;
    transition-property: height, padding;
}
@media only screen and (max-width: 769px) {
    .header_inner {
        display: block;
        height: calc(110 / var(--width) * 100vw);
        padding-top: calc(30 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .is-fixed .header_inner {
        height: calc(50 / var(--width) * 100vw);
        padding-top: calc(10 / var(--width) * 100vw);
    }
}


/* logo
-------------------------------------*/
.header_logo {
    display: block;
    width: calc(144 / var(--width) * 100vw);
    transition: .3s ease;
    transition-property: width, height, opacity, visibility;
    margin-bottom: calc(1 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .header_logo {
        width: calc(177 / var(--width) * 100vw);
        margin: 0 auto;
    }

    .is-fixed .header_logo {
        width: calc(96 / var(--width) * 100vw);
    }
}


/* nav
-------------------------------------*/
.header_nav {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
}
@media only screen and (max-width: 769px) {
    .header_nav {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
    }

    .header_nav li:not(.menu) {
        display: none;
    }
}


/* links */
.header_nav a,
.header_nav .brands {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 calc(14.5 / var(--width) * 100vw) calc(4 / var(--width) * 100vw);
}
@media only screen and (min-width: 770px) {
    .header_nav li > a:hover {
        opacity: 1;
    }
}

.header_nav .en {
    font-family: var(--ff-en);
    font-weight: bold;
}
@media only screen and (min-width: 770px) {
    .header_nav .en {
        transition: color .6s ease;
    }

    .header_nav a:hover .en,
    .header_nav .brands:hover .en {
        color: var(--green);
    }
}

.page-corporate .header_nav li.is-corporate .en,
.page-brands .header_nav li.is-brands .en,
.page-ir .header_nav li.is-ir .en,
.page-sustainability .header_nav li.is-sustainability .en,
.page-features .header_nav li.is-features .en,
.page-news .header_nav li.is-news .en,
.page-recruit .header_nav li.is-recruit .en {
    color: var(--green);
}

.header_nav .jp {
    position: absolute;
    display: block;
    width: 100%;
    font-size: calc(10 / var(--width) * 100vw);
    text-align: center;
    white-space: nowrap;
    top: 50%;
    transition: opacity .6s ease;
    transform: translateY(calc(12 / var(--width) * 100vw));
    opacity: 0;
}
@media only screen and (min-width: 770px) {
    .header_nav li > a:hover .jp {
        opacity: 1;
    }
}

.page-corporate .header_nav li.is-corporate .jp,
.page-brands .header_nav li.is-brands .jp,
.page-ir .header_nav li.is-ir .jp,
.page-sustainability .header_nav li.is-sustainability .jp,
.page-features .header_nav li.is-features .jp,
.page-news .header_nav li.is-news .jp,
.page-recruit .header_nav li.is-recruit .jp {
    opacity: 1;
}

/* brands */
.header_nav .brands::after {
    position: absolute;
    content: '';
    width: calc(5 / var(--width) * 100vw);
    height: calc(5 / var(--width) * 100vw);
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    top: 50%;
    left: 50%;
    transform: translateY(calc(14 / var(--width) * 100vw)) translate(-50%, -50%) rotate(-45deg);
}
@media only screen and (min-width: 770px) {
    .header_nav .brands::after {
        transition: border .6s ease;
    }

    .header_nav .brands:hover::after {
        border-color: var(--green);
    }
}


/* menu */
.header_nav .menu {
    position: relative;
    width: calc(40 / var(--width) * 100vw);
    margin-left: calc(3 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .header_nav .menu {
        width: calc(50 / var(--width) * 100vw);
        margin-left: 0;
    }
}

.header_nav .menu_btn {
    position: absolute;
    width: calc(40 / var(--width) * 100vw);
    height: calc(40 / var(--width) * 100vw);
    border-radius: 100%;
    top: 50%;
    transition: background .3s ease;
    transform: translate(calc(13 / var(--width) * 100vw), -50%);
}
@media only screen and (max-width: 769px) {
    .header_nav .menu_btn {
        top: calc(15 / var(--width) * 100vw);
        transition-property: top, background;
        transform: none;
    }

    .is-fixed .header_nav .menu_btn {
        top: calc(6 / var(--width) * 100vw);
    }
}

.is-menu .header_nav .menu_btn {
    background: #e8eaeb;
}

.header_nav .menu_btn::before,
.header_nav .menu_btn::after {
    position: absolute;
    content: '';
    display: block;
    height: 1px;
    background: #000;
    right: calc(14 / var(--width) * 100vw);
    transition: .3s ease;
}
@media only screen and (max-width: 769px) {
    .header_nav .menu_btn::before,
    .header_nav .menu_btn::after {
        right: calc(11 / var(--width) * 100vw);
    }
}

.header_nav .menu_btn::before {
    width: calc(15 / var(--width) * 100vw);
    top: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .header_nav .menu_btn::before {
        width: calc(20 / var(--width) * 100vw);
        top: calc(15 / var(--width) * 100vw);
    }
}

.header_nav .menu_btn::after {
    width: calc(10 / var(--width) * 100vw);
    top: calc(21 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .header_nav .menu_btn::after {
        width: calc(13.5 / var(--width) * 100vw);
        top: calc(22 / var(--width) * 100vw);
    }
}

.is-menu .header_nav .menu_btn::before {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%) rotate(30deg);
}
@media only screen and (max-width: 769px) {
    .is-menu .header_nav .menu_btn::before {
        width: calc(15 / var(--width) * 100vw);
    }
}

.is-menu .header_nav .menu_btn::after {
    width: calc(15 / var(--width) * 100vw);
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%) rotate(-30deg);
}


/* menu
-------------------------------------*/
.header_menu {
    position: fixed;
    width: 100vw;
    background: #fff;
    box-shadow: 0 calc(24.5 / var(--width) * 100vw) calc(24.5 / var(--width) * 100vw) rgba(0, 0, 0, .1);
    top: calc(105 / var(--width) * 100vw);
    left: 0;
    transition: .3s ease;
    transition-property: top, opacity, visibility;
    opacity: 0;
    visibility: hidden;
}
@media only screen and (max-width: 769px) {
    .header_menu {
        width: calc(277 / var(--width) * 100vw);
        border-left: 1px solid #e8eaeb;
        box-shadow: none;
        top: calc(160 / var(--width) * 100vw);
        bottom: 0;
        left: auto;
        right: 0;
        overflow: auto;
    }

    .is-fixed .header_menu {
        top: calc(51 / var(--width) * 100vw);
    }
}

body:not(.is-menu) .header_nav .brands:hover .header_menu.is-brands,
.is-menu .header_menu.is-menu {
    opacity: 1;
    visibility: visible;
}


/* box */
.header_menu .box {
    margin: 0 auto;
    padding: calc(49 / var(--width) * 100vw) 0;
}
@media only screen and (max-width: 769px) {
    .header_menu .box {
        padding: 0;
    }
}

.header_menu .box .links_item {
    font-family: var(--ff-en);
    font-size: calc(24 / var(--width) * 100vw);
    font-weight: bold;
}
@media only screen and (max-width: 769px) {
    .header_menu .box .links_item {
        font-size: calc(18 / var(--width) * 100vw);
    }
}


/* box-brands */
.header_menu .box-brands {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: calc(1178 / var(--width) * 100vw);
    padding-bottom: calc(61 / var(--width) * 100vw);
}

.header_menu .box-brands dl {
    font-size: 0;
}

.header_menu .box-brands dl:nth-of-type(even) {
    margin-left: calc(40 / var(--width) * 100vw);
}

.header_menu .box-brands dl:nth-of-type(n+3) {
    margin-top: calc(32 / var(--width) * 100vw);
}

.header_menu .box-brands dt {
    width: 100%;
}

.header_menu .box-brands dd {
    display: inline-block;
    width: calc(150 / var(--width) * 100vw);
    margin-top: calc(7 / var(--width) * 100vw);
}

.header_menu .box-brands dd:nth-of-type(n+2) {
    margin-left: calc(14 / var(--width) * 100vw);
}

.header_menu .box-brands dd a {
    display: block;
    height: auto;
    padding: 0;
}


/* box-menu */
.header_menu .box-menu {
    display: grid;
    grid-template-rows:
        calc(80 / var(--width) * 100vw)
        calc(80 / var(--width) * 100vw)
        1fr
    ;
    grid-template-columns:
        calc(200 / var(--width) * 100vw)
        calc(150 / var(--width) * 100vw)
        calc(192 / var(--width) * 100vw)
        calc(234 / var(--width) * 100vw)
        1fr
    ;
    width: calc(940 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .header_menu .box-menu {
        display: block;
        width: auto;
        padding: calc(15 / var(--width) * 100vw) calc(40 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .header_menu .box-menu .links:not(.is-policy) {
        border-bottom: 1px solid #d2d3d4;
    }
}

.header_menu .box-menu .links.is-corporate {
    position: relative;
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    z-index: 1;
}

.header_menu .box-menu .links.is-brands {
    grid-row: 1 / 4;
    grid-column: 2 / 3;
}

.header_menu .box-menu .links.is-ir {
    grid-row: 1 / 4;
    grid-column: 3 / 4;
}

.header_menu .box-menu .links.is-sustainability {
    grid-row: 1 / 4;
    grid-column: 4 / 5;
}

.header_menu .box-menu .links.is-news,
.header_menu .box-menu .links.is-features,
.header_menu .box-menu .links.is-recruit {
    grid-column: 5 / 6;
}

.header_menu .box-menu .links.is-news {
    grid-row: 1 / 2;
}

.header_menu .box-menu .links.is-features {
    grid-row: 2 / 3;
}

.header_menu .box-menu .links.is-recruit {
    grid-row: 3 / 4;
}

.header_menu .box-menu .links.is-policy {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

@media only screen and (max-width: 769px) {
    .header_menu .box-menu .links_item {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        outline: none;
        cursor: pointer;
    }
}

.header_menu .box-menu .links_item .txt {
    pointer-events: none;
}
@media only screen and (max-width: 769px) {
    .header_menu .box-menu .links_item .txt {
        position: relative;
        pointer-events: auto;
        display: block;
        padding: calc(8 / var(--width) * 100vw) 0;
    }

    .header_menu .box-menu .links_item span.txt::before,
    .header_menu .box-menu .links_item span.txt::after {
        position: absolute;
        content: '';
        display: block;
        background: #000;
        top: 50%;
        transform: translateY(-50%);
    }

    .header_menu .box-menu .links_item span.txt::before {
        width: calc(10 / var(--width) * 100vw);
        height: 1px;
        right: calc(6 / var(--width) * 100vw);
    }

    .header_menu .box-menu .links_item span.txt::after {
        width: 1px;
        height: calc(10 / var(--width) * 100vw);
        right: calc(10 / var(--width) * 100vw);
        transition: height .3s ease;
    }

    .header_menu .box-menu .links_item.is-open span.txt::after {
        height: 0;
    }
}

.header_menu .box-menu .links_list {
    line-height: calc(28 / var(--width) * 100vw);
    font-size: calc(13 / var(--width) * 100vw);
    padding-top: calc(6 / var(--width) * 100vw);
}
@media only screen and (min-width: 770px) {
    .header_menu .box-menu .links_list {
        display: block !important;
    }
}
@media only screen and (max-width: 769px) {
    .header_menu .box-menu .links:not(.is-policy) .links_list {
        display: none;
        line-height: calc(25 / var(--width) * 100vw);
        padding: calc(9 / var(--width) * 100vw) 0 calc(23 / var(--width) * 100vw);
    }

    .header_menu .box-menu .links.is-brands .links_list {
        padding: 0 0 calc(15 / var(--width) * 100vw);
    }
}

.header_menu .box-menu .links.is-policy .links_list {
    font-family: var(--ff-en);
    font-size: calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .header_menu .box-menu .links.is-policy .links_list {
        line-height: calc(24 / var(--width) * 100vw);
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(20 / var(--width) * 100vw);
        padding-top: 0;
    }
}

.header_menu .brandsList {
    font-family: var(--ff-en);
}
@media only screen and (max-width: 769px) {
    .header_menu .brandsList {
        margin-top: calc(-2 / var(--width) * 100vw);
    }

    .header_menu .brandsList:nth-of-type(n+2) {
        margin-top: calc(13 / var(--width) * 100vw);
    }
}

.header_menu .brandsList_item {
    font-size: calc(14 / var(--width) * 100vw);
    font-weight: 400;
}

@media only screen and (min-width: 770px) {
    .header_menu .brandsList_item {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        outline: none;
        cursor: pointer;
    }

    .header_menu .brandsList_item.is-open {
        color: var(--green);
    }

    .header_menu .brandsList_item::after {
        content: '';
        display: inline-block;
        width: calc(5 / var(--width) * 100vw);
        height: calc(5 / var(--width) * 100vw);
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        margin-left: calc(12 / var(--width) * 100vw);
        transition: .3s ease;
        transition-property: transform, opacity;
        transform: translateY(calc(-4 / var(--width) * 100vw)) rotate(-225deg);
        opacity: 0;
    }

    .header_menu .brandsList_item.is-open::after {
        transform: translateY(calc(-4 / var(--width) * 100vw)) rotate(-45deg);
        opacity: 1;
    }
}

.header_menu .brandsList_list {
    display: none;
    line-height: calc(18 / var(--width) * 100vw);
    font-size: calc(12 / var(--width) * 100vw);
    padding-left: calc(11 / var(--width) * 100vw);
    padding-bottom: calc(7 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .header_menu .brandsList_list {
        display: flex !important;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 0;
    }

    .header_menu .brandsList_list li {
        width: calc(93.5 / var(--width) * 100vw);
        margin-top: calc(4 / var(--width) * 100vw);
    }

    .header_menu .brandsList_list li:nth-child(n+3) {
        margin-top: calc(10 / var(--width) * 100vw);
    }

    .header_menu .brandsList_list a {
        display: block;
    }
}


/*----------------------------------------------------------------
* footer
----------------------------------------------------------------*/
.footer {
    position: relative;
    display: none;
    background: #000;
    margin-top: calc(150 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer {
        margin-top: calc(140 / var(--width) * 100vw);
    }

    .page-top .footer {
        margin-top: calc(80 / var(--width) * 100vw);
    }
}


/* pankuzu
-------------------------------------*/
.footer .pankuzu {
    position: relative;
    width: calc(335 / var(--width) * 100vw);
    margin-bottom: calc(-22 / var(--width) * 100vw);
    top: calc(-82 / var(--width) * 100vw);
    left: calc(20 / var(--width) * 100vw);
    padding-bottom: calc(8 / var(--width) * 100vw);
    overflow: auto;
}

.footer .pankuzu ol {
    display: block;
    font-size: 0;
}

.footer .pankuzu ol li {
    display: inline;
    font-size: calc(10 / var(--width) * 100vw);
}


/* pagetop
-------------------------------------*/
.footer_pagetop {
    position: absolute;
    display: block;
    width: calc(176.5 / var(--width) * 100vw);
    height: calc(30 / var(--width) * 100vw);
    color: #fff;
    font-family: var(--ff-en);
    font-size: calc(12 / var(--width) * 100vw);
    font-weight: bold;
    background: var(--green) url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-up-w.svg) calc(14 / var(--width) * 100vw) center / calc(8 / var(--width) * 100vw) auto no-repeat;
    border-radius: calc(4 / var(--width) * 100vw) 0 0 0;
    top: 0;
    right: 0;
    padding: calc(6 / var(--width) * 100vw) 0 0 calc(32 / var(--width) * 100vw);
    transform: translateY(-100%);
}
@media only screen and (max-width: 769px) {
    .footer_pagetop {
        width: calc(130 / var(--width) * 100vw);
    }
}


/* inner
-------------------------------------*/
.footer_inner {
    display: grid;
    width: 100%;
    grid-template-rows:
        calc(80 / var(--width) * 100vw)
        calc(378 / var(--width) * 100vw)
        calc(45 / var(--width) * 100vw)
    ;
    grid-template-columns:
        calc(243 / var(--width) * 100vw)
        1fr
        1fr
    ;
    color: #fff;
    padding: calc(70 / var(--width) * 100vw) 0 calc(72 / var(--width) * 100vw) calc(40 / var(--width) * 100vw);
    overflow: hidden;
}
@media only screen and (min-width: 770px) {
    .footer_inner {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 769px) {
    .footer_inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: calc(31 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(35 / var(--width) * 100vw);
    }
}


/* logo */
.footer_inner .logo {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}
@media only screen and (max-width: 769px) {
    .footer_inner .logo {
        width: 100%;
        margin-bottom: calc(32 / var(--width) * 100vw);
    }
}

.footer_inner .logo a {
    display: block;
    width: calc(163.5 / var(--width) * 100vw);
    margin-top: calc(4 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .logo a {
        width: calc(129 / var(--width) * 100vw);
        margin-top: 0;
    }
}


/* col */
.footer_inner .col-l {
    grid-row: 1 / 4;
    grid-column: 2 / 3;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.footer_inner .col-r {
    grid-row: 1 / 4;
    grid-column: 3 / 4;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: wrap;
}

@media only screen and (max-width: 769px) {
    .footer_inner .col-l,
    .footer_inner .col-r {
        display: block;
        width: 50%;
    }
}


/* links */
.footer_inner .links {
    line-height: calc(28 / var(--width) * 100vw);
    font-size: calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .links {
        line-height: calc(18 / var(--width) * 100vw);
    }
}

.footer_inner .links a {
    color: #fff;
}

.footer_inner .links.is-corporate {
    width: calc(210 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .links.is-corporate {
        width: auto;
    }
}

.footer_inner .links.is-brands {
    width: calc(161 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .links.is-brands {
        width: auto;
        margin-top: calc(34 / var(--width) * 100vw);
    }
}

.footer_inner .links.is-ir {
    width: calc(221 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .links.is-ir {
        width: auto;
        margin-top: calc(37 / var(--width) * 100vw);
    }
}

.footer_inner .links.is-sustainability {
    width: calc(206 / var(--width) * 100vw);
    height: 100%;
}
@media only screen and (max-width: 769px) {
    .footer_inner .links.is-sustainability {
        width: auto;
    }
}

.footer_inner .links.is-news,
.footer_inner .links.is-features,
.footer_inner .links.is-recruit {
    width: calc(160 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .links.is-news,
    .footer_inner .links.is-features,
    .footer_inner .links.is-recruit {
        width: auto;
    }
}

@media only screen and (max-width: 769px) {
    .footer_inner .links.is-news {
        margin-top: calc(35 / var(--width) * 100vw);
    }
}

.footer_inner .links.is-features {
    margin-top: calc(17 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .links.is-features {
        margin-top: calc(35 / var(--width) * 100vw);
    }
}

.footer_inner .links.is-recruit {
    margin-top: calc(17 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .links.is-recruit {
        margin-top: calc(35 / var(--width) * 100vw);
    }
}

.footer_inner .links.is-policy {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    line-height: calc(24 / var(--width) * 100vw);
    font-family: var(--ff-en);
    font-size: calc(14 / var(--width) * 100vw);
    margin-top: calc(10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .links.is-policy {
        width: 100%;
        line-height: calc(21 / var(--width) * 100vw);
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(52 / var(--width) * 100vw);
    }
}


/* links_item */
.footer_inner .links_item {
    line-height: 1;
    font-family: var(--ff-en);
    font-size: calc(24 / var(--width) * 100vw);
    font-weight: bold;
    margin-bottom: calc(11 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .links_item {
        font-size: calc(18 / var(--width) * 100vw);
        margin-bottom: calc(15 / var(--width) * 100vw);
    }
}


/* links_list */
@media only screen and (max-width: 769px) {
    .footer_inner .links_list > li:nth-child(n+2) {
        margin-top: calc(10 / var(--width) * 100vw);
    }

    .footer_inner .links.is-policy .links_list > li {
        margin-top: 0;
    }
}

/* copy */
.footer_inner .copy {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
    line-height: calc(18 / var(--width) * 100vw);
    font-family: var(--ff-en);
    font-size: calc(12 / var(--width) * 100vw);
    margin-top: calc(4 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .copy {
        width: 100%;
        margin-top: calc(49 / var(--width) * 100vw);
    }
}


/* brandsList */
.footer_inner .brandsList {
    font-family: var(--ff-en);
    font-size: calc(14 / var(--width) * 100vw);
}

.footer_inner .brandsList_item {
    font-weight: 400;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: color .3s ease;
    outline: none;
    cursor: pointer;
}
@media only screen and (max-width: 769px) {
    .footer_inner .brandsList_item {
        margin-top: calc(7 / var(--width) * 100vw);
    }
}

.footer_inner .brandsList_item.is-open {
    color: var(--green);
}

.footer_inner .brandsList_item::after {
    content: '';
    display: inline-block;
    width: calc(8 / var(--width) * 100vw);
    height: calc(4.5 / var(--width) * 100vw);
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-up-w.svg) center center / 100% auto no-repeat;
    margin-left: calc(14 / var(--width) * 100vw);
    transition: .3s ease;
    transition-property: transform, opacity;
    transform: translateY(calc(-3 / var(--width) * 100vw));
    opacity: 0;
}

.footer_inner .brandsList_item.is-open::after {
    transform: translateY(calc(-3 / var(--width) * 100vw)) rotate(180deg);
    opacity: 1;
}

.footer_inner .brandsList_list {
    display: none;
    line-height: calc(18 / var(--width) * 100vw);
    font-size: calc(12 / var(--width) * 100vw);
    padding-bottom: calc(5 / var(--width) * 100vw);
    padding-left: calc(12 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .footer_inner .brandsList_list {
        padding-top: calc(4 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* content
----------------------------------------------------------------*/
.content {
    padding-top: calc(118 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .content {
        padding-top: calc(110 / var(--width) * 100vw);
    }
}

.page-top .content {
    padding-top: calc(105 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .page-top .content {
        padding-top: calc(110 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* mainArea
----------------------------------------------------------------*/
/* enTitle
-------------------------------------*/
.mainArea_enTitle {
    height: calc(219 / var(--width) * 100vw);
    margin-top: calc(35 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .mainArea_enTitle {
        height: calc(98 / var(--width) * 100vw);
        text-align: center;
        margin-top: 0;
    }
}

.mainArea_enTitle span {
    display: block;
}

.mainArea_enTitle .en {
    line-height: 1;
    font-family: var(--ff-en);
    font-size: calc(100 / var(--width) * 100vw);
    letter-spacing: -.01em;
    margin-left: calc(-6 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .mainArea_enTitle .en {
        font-size: calc(45 / var(--width) * 100vw);
        margin-left: 0;
    }
}

.mainArea_enTitle .jp {
    font-family: var(--ff-jp);
    font-size: calc(24 / var(--width) * 100vw);
    letter-spacing: -.01em;
    margin-top: calc(11 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .mainArea_enTitle .jp {
        font-size: calc(16 / var(--width) * 100vw);
        margin-top: calc(4 / var(--width) * 100vw);
    }
}

.mainArea_enTitle .en,
.mainArea_enTitle .jp {
    transform: translateX(calc(20 / var(--width) * 100vw));
    opacity: 0;
}
@media only screen and (max-width: 769px) {
    .mainArea_enTitle .en,
    .mainArea_enTitle .jp {
        transform: translateY(calc(20 / var(--width) * 100vw));
        opacity: 0;
    }
}

.mainArea_enTitle.show .en,
.mainArea_enTitle.show .jp {
    transition: .6s ease .3s;
    transition-property: transform, opacity;
    transform: none;
    opacity: 1;
}

.mainArea_enTitle.show .jp {
    transition-delay: .6s;
}


/* jpTitle
-------------------------------------*/
.mainArea_jpTitle {
    min-height: calc(140 / var(--width) * 100vw);
    margin-top: calc(48 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .mainArea_jpTitle {
        min-height: calc(94 / var(--width) * 100vw);
        text-align: center;
        margin-top: calc(-2 / var(--width) * 100vw);
    }

    .page-policy .mainArea_jpTitle {
        min-height: calc(72 / var(--width) * 100vw);
        margin-top: calc(-11 / var(--width) * 100vw);
    }

    .mainArea_jpTitle-small {
        min-height: calc(81 / var(--width) * 100vw);
    }
}

.mainArea_jpTitle span {
    display: block;
}

.mainArea_jpTitle .subTitle {
    line-height: 1;
}
@media only screen and (max-width: 769px) {
    .mainArea_jpTitle .subTitle {
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(4 / var(--width) * 100vw);
    }
}

.mainArea_jpTitle .title {
    font-family: var(--ff-en);
    font-size: calc(42 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .mainArea_jpTitle .title {
        line-height: 1.40625;
        font-size: calc(32 / var(--width) * 100vw);
        margin-top: calc(5 / var(--width) * 100vw);
    }

    .page-policy .mainArea_jpTitle .title {
        line-height: 1.1875;
    }

    .mainArea_jpTitle-small .title {
        font-size: calc(28 / var(--width) * 100vw);
        margin-top: calc(7 / var(--width) * 100vw);
    }

    .page-sustainability .mainArea_jpTitle-small .title {
        line-height: 1.5;
        font-size: calc(29 / var(--width) * 100vw);
    }

    .page-sustainability .mainArea_jpTitle-small2 .title {
        line-height: 1.461538;
        font-size: calc(26 / var(--width) * 100vw);
        white-space: nowrap;
    }
}

.mainArea_jpTitle .subTitle,
.mainArea_jpTitle .title {
    transform: translateX(calc(20 / var(--width) * 100vw));
    opacity: 0;
}

@media only screen and (max-width: 769px) {
    .mainArea_jpTitle .subTitle,
    .mainArea_jpTitle .title {
        transform: translateY(calc(20 / var(--width) * 100vw));
        opacity: 0;
    }
}

.mainArea_jpTitle.show .subTitle,
.mainArea_jpTitle.show .title {
    transition: .6s ease .3s;
    transition-property: transform, opacity;
    transform: none;
    opacity: 1;
}

.mainArea_jpTitle.show .title {
    transition-delay: .6s;
}


/*----------------------------------------------------------------
* topSec
----------------------------------------------------------------*/
.topSec {
    margin-top: calc(174 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topSec {
        margin-top: calc(74 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* topMain
----------------------------------------------------------------*/
.topMain {
    margin-top: calc(0 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topMain {
        margin-top: 0;
    }
}


/* wrap
-------------------------------------*/
.topMain_wrap {
    position: relative;
}


/* cach
-------------------------------------*/
.topMain_catch {
    position: absolute;
    width: calc(520 / 1366 * 100vw);
    background: #fff;
    mask: url(/-/media/Project/globeride/globeride_cojp/common/img/top_main_catch1.svg) 0 0 / 100% auto no-repeat;
    -webkit-mask: url(/-/media/Project/globeride/globeride_cojp/common/img/top_main_catch1.svg) 0 0 / 100% auto no-repeat;
    top: calc(80 / var(--width) * 100vw);
    right: calc(170 / var(--width) * 100vw);
    transition: background 1s ease;
    z-index: 10;
}
@media only screen and (max-width: 769px) {
    .topMain_catch {
        width: calc(287.5 / 375 * 100vw);
        top: auto;
        bottom: calc(28 / var(--width) * 100vw);
        left: calc(26 / var(--width) * 100vw);
        right: auto;
    }
}

.topMain_catch[data-fc-target-color="black"] {
    background-color: #000;
}

.topMain_catch img {
    opacity: 0;
}


/* ph
-------------------------------------*/
.topMain_ph::before {
    padding-top: 58.565154%;
}
@media only screen and (max-width: 769px) {
    .topMain_ph::before {
        padding-top: 100%;
    }
}


/* message
-------------------------------------*/
.topMain_message {
    width: calc(736 / var(--width) * 100vw);
    margin: calc(80 / var(--width) * 100vw) auto 0;
}
@media only screen and (max-width: 769px) {
    .topMain_message {
        width: calc(319 / var(--width) * 100vw);
        margin: calc(40 / var(--width) * 100vw) auto 0;
    }
}


/* anim
-------------------------------------*/
.topMain .topMain_ph,
.topMain .topMain_message,
.topMain .btnWrap {
    transform: translateY(calc(20 / var(--width) * 100vw));
    opacity: 0;
}

.topMain.show .topMain_ph,
.topMain.show .topMain_message,
.topMain.show .btnWrap {
    transition: .6s ease;
    transition-property: transform, opacity;
    transform: none;
    opacity: 1;
}

.topMain.show .topMain_ph { transition-delay: .2s; }
.topMain.show .topMain_message { transition-delay: .4s; }
.topMain.show .btnWrap { transition-delay: .6s; }


/*----------------------------------------------------------------
* topNews
----------------------------------------------------------------*/
.topNews {
    margin-top: calc(110 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topNews {
        margin-top: calc(73 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* topSustainability
----------------------------------------------------------------*/
@media only screen and (max-width: 769px) {
    .topSustainability {
        padding: 0;
    }
}

.topSustainability .btnWrap {
    position: relative;
    z-index: 1;
}

/*
// 2023-03-29　位置調整
		・ボタンの NegativeMargin 削除 

.topSustainability .btnRounder {
    margin-top: calc(-29 / var(--width) * 100vw);
}
*/

/* copy
-------------------------------------*/
.topSustainability_copy {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(337.5 / var(--width) * 100vw);
    z-index: 1;
}
@media only screen and (max-width: 769px) {
    .topSustainability_copy {
        height: calc(250 / var(--width) * 100vw);
    }
}

.topSustainability_copy .txt {
    color: #fff;
    font-family: var(--ff-jp);
    font-size: calc(36 / var(--width) * 100vw);
    letter-spacing: .02em;
}
@media only screen and (max-width: 769px) {
    .topSustainability_copy .txt {
        line-height: calc(32 / var(--width) * 100vw);
        font-size: calc(21 / var(--width) * 100vw);
        text-align: center;
        margin-bottom: calc(15 / var(--width) * 100vw);
    }
}

.topSustainability_copy img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
}


/*----------------------------------------------------------------
* topBrands
----------------------------------------------------------------*/
.topBrands {
    margin-top: calc(150 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topBrands {
        margin-top: calc(85 / var(--width) * 100vw);
    }
}

.topBrands .secTitleEnJp {
    color: #fff;
}


/* mv
-------------------------------------*/
.topBrands_mv {
    position: relative;
}

.topBrands_mv .secTitleEnJp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(calc(-6 / var(--width) * 100vw)) translate(-50%, -50%);
    z-index: 3;
}
@media only screen and (max-width: 769px) {
    .topBrands_mv .secTitleEnJp {
        transform: translateY(calc(-2 / var(--width) * 100vw)) translate(-50%, -50%);
    }
}

.topBrands_mv .secTitleEnJp .en {
    font-size: calc(72 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topBrands_mv .secTitleEnJp .en {
        font-size: calc(36 / var(--width) * 100vw);
    }
}

.topBrands_mv .ph::before {
    padding-top: 56.222547%;
}
@media only screen and (max-width: 769px) {
    .topBrands_mv .ph::before {
        padding-top: 100%;
    }
}


/* list
-------------------------------------*/
.topBrands_list {
    margin-top: calc(76 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topBrands_list {
        margin-top: calc(36 / var(--width) * 100vw);
    }
}

.topBrands_list .list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 0 calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topBrands_list .list {
        justify-content: space-between;
        grid-gap: calc(20 / var(--width) * 100vw) calc(23 / var(--width) * 100vw);
    }
}

.topBrands_list .list:nth-of-type(n+2) {
    margin-top: calc(76 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topBrands_list .list:nth-of-type(n+2) {
        margin-top: calc(38 / var(--width) * 100vw);
    }
}

.topBrands_list .list dt {
    position: relative;
    width: 100%;
    line-height: 1;
    font-family: var(--ff-en);
    font-size: calc(36 / var(--width) * 100vw);
    font-weight: bold;
    text-align: center;
    margin-bottom: calc(36 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topBrands_list .list dt {
        font-size: calc(24 / var(--width) * 100vw);
        margin-bottom: calc(-4 / var(--width) * 100vw);
    }
}

.topBrands_list .list dt::before,
.topBrands_list .list dt::after {
    position: absolute;
    content: '';
    display: block;
    width: calc(440 / var(--width) * 100vw);
    height: 1px;
    background: #000;
    top: 50%;
}
@media only screen and (max-width: 769px) {
    .topBrands_list .list dt::before,
    .topBrands_list .list dt::after {
        width: calc(66.5 / var(--width) * 100vw);
        background: #e8eaeb;
    }
}

.topBrands_list .list dt::before {
    left: 0;
}

.topBrands_list .list dt::after {
    right: 0;
}

.topBrands_list .list dd {
    width: calc(270 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topBrands_list .list dd {
        width: calc(156 / var(--width) * 100vw);
    }
}

.topBrands_list .list dd a {
    display: block;
}


/*----------------------------------------------------------------
* topCol2Links
----------------------------------------------------------------*/
@media only screen and (min-width: 770px) {
    .topCol2Links .secTitleEnJp {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: calc(28 / var(--width) * 100vw);
    }

    .topCol2Links .secTitleEnJp .jp {
        margin-left: calc(14 / var(--width) * 100vw);
    }
}
@media only screen and (max-width: 769px) {
    .topCol2Links .secTitleEnJp {
        margin-bottom: calc(18 / var(--width) * 100vw);
    }

    .topCol2Links .linkTxt {
        margin-top: calc(11 / var(--width) * 100vw);
    }
}


/* sec
-------------------------------------*/
.topCol2Links_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(120 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topCol2Links_sec {
        display: block;
        margin-top: calc(74 / var(--width) * 100vw);
    }
}

.topCol2Links_sec:nth-of-type(n+2) {
    margin-top: calc(80 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topCol2Links_sec:nth-of-type(n+2) {
        margin-top: calc(76 / var(--width) * 100vw);
    }
}

.topCol2Links_sec:nth-of-type(even) {
    flex-direction: row-reverse;
}


/* sec_ph
-------------------------------------*/
.topCol2Links_sec_ph {
    display: block;
    width: calc(600 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topCol2Links_sec_ph {
        width: auto;
    }
}


/* sec_side
-------------------------------------*/
.topCol2Links_sec_side {
    width: calc(511 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .topCol2Links_sec_side {
        width: auto;
    }
}


/*----------------------------------------------------------------
* corporate
----------------------------------------------------------------*/
.corporate .nameEn {
    font-family: var(--ff-en);
}
@media only screen and (max-width: 769px) {
    .corporate .nameEn {
        display: block;
        font-size: calc(12 / var(--width) * 100vw);
    }
}

.corporate .nameEn::before {
    content: '/ ';
}
@media only screen and (max-width: 769px) {
    .corporate .nameEn::before {
        content: none;
    }
}

.corporate:nth-of-type(n+2) {
    margin-top: calc(80 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .corporate:nth-of-type(n+2) {
        margin-top: calc(40 / var(--width) * 100vw);
    }
}

@media only screen and (min-width: 770px) {
    .corporate .table th {
        width: calc(200 / var(--width) * 100vw);
    }

    .corporate-member .table th {
        width: calc(235 / var(--width) * 100vw);
    }

    .corporate .table td {
        padding-left: calc(40 / var(--width) * 100vw);
    }

    .corporate-member .table td {
        padding-left: calc(30 / var(--width) * 100vw);
    }

    .corporate-history .table th,
    .corporate-history .table td {
        padding-top: calc(14 / var(--width) * 100vw);
        padding-bottom: calc(15 / var(--width) * 100vw);
    }
}
@media only screen and (max-width: 769px) {
    .corporate-history .table th,
    .corporate-history .table td {
        padding: calc(10 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(11 / var(--width) * 100vw);
    }

    .corporate-history .table th {
        width: calc(77 / var(--width) * 100vw);
    }
}


/* mapBtn
-------------------------------------*/
.corporate_mapBtn {
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(112.5 / var(--width) * 100vw);
    height: calc(23 / var(--width) * 100vw);
    color: #fff;
    font-size: calc(12 / var(--width) * 100vw);
    font-weight: bold;
    vertical-align: middle;
    background: var(--green);
    border-radius: 1000px;
    margin: calc(-3 / var(--width) * 100vw) 0 0 calc(12 / var(--width) * 100vw);
    padding-left: calc(20 / var(--width) * 100vw);
    padding-bottom: calc(1 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .corporate_mapBtn {
        display: flex;
        margin: calc(7 / var(--width) * 100vw) 0 0;
    }
}

.corporate_mapBtn::after {
    position: absolute;
    content: '+';
    display: block;
    color: #fff;
    top: calc(1 / var(--width) * 100vw);
    right: calc(11 / var(--width) * 100vw);
}


/* map
-------------------------------------*/
.corporateMap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(1011 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .corporateMap {
        display: block;
        width: 100%;
    }
}

.corporateMap_map {
    position: relative;
    width: calc(568 / var(--width) * 100vw);
    z-index: 0;
}
@media only screen and (max-width: 769px) {
    .corporateMap_map {
        width: 100%;
    }
}

.corporateMap_map::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.corporateMap_map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.corporateMap_access {
    flex: 1 0;
    padding: 0 calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .corporateMap_access {
        padding: calc(28 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
    }
}

.corporateMap_access dt {
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: bold;
}
@media only screen and (max-width: 769px) {
    .corporateMap_access dt {
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.corporateMap_access dt:nth-of-type(n+2) {
    margin-top: calc(30 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .corporateMap_access dt:nth-of-type(n+2) {
        margin-top: calc(22 / var(--width) * 100vw);
    }
}

.corporateMap_access dd {
    line-height: 1.714285;
    margin-top: calc(10 / var(--width) * 100vw);
    padding-right: calc(20 / var(--width) * 100vw);
}

.corporateMap_access .link {
    text-align: right;
    margin-top: calc(17 / var(--width) * 100vw);
    padding-right: calc(7 / var(--width) * 100vw);
}

.corporateMap_access .link a {
    text-decoration: underline;
}


/*----------------------------------------------------------------
* message
----------------------------------------------------------------*/
.message {
    margin-top: calc(-13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message {
        margin-top: 0;
    }
}

.message .container {
    width: calc(952 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message .container {
        width: auto;
    }
}

.message .title {
    font-family: var(--ff-en);
    font-size: calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message .title {
        font-size: calc(15 / var(--width) * 100vw);
    }
}


/* mv
-------------------------------------*/
.message_mv {
    position: relative;
}

.message_mv::before {
    content: '';
    display: block;
    padding-top: 56.25916%;
}
@media only screen and (max-width: 769px) {
    .message_mv::before {
        padding-top: 100%;
    }
}

.message_mv img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}


/* vision
-------------------------------------*/
.message_vision {
    margin-top: calc(57 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message_vision {
        margin-top: calc(34 / var(--width) * 100vw);
    }
}

.message_vision .lead {
    width: calc(639 / var(--width) * 100vw);
    margin-top: calc(38 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message_vision .lead {
        width: calc(336 / var(--width) * 100vw);
        margin-top: calc(23 / var(--width) * 100vw);
    }
}


/* slider
-------------------------------------*/
.message_slider {
    margin-top: calc(80 / var(--width) * 100vw);
    overflow: hidden;
}
@media only screen and (max-width: 769px) {
    .message_slider {
        margin-top: calc(42 / var(--width) * 100vw);
    }
}

.message_slider .slide,
.message_slider .box,
.message_slider .ph {
    display: inline-block;
}

.message_slider .slide {
    position: relative;
    width: auto;
    font-size: 0;
    white-space: nowrap;
}

.message_slider .ph {
    position: relative;
    width: 87.84774vw;
    margin: 0 calc(10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message_slider .ph {
        width: 89.33334vw;
        margin: 0 calc(5 / var(--width) * 100vw);
    }
}

.message_slider .ph::before {
    content: '';
    display: block;
    padding-top: 66.6666667%;
}

.message_slider .ph img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}


/* promise
-------------------------------------*/
.message_promise {
    margin-top: calc(63 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message_promise {
        margin-top: calc(29 / var(--width) * 100vw);
    }
}

.message_promise .lead {
    width: calc(639.5 / var(--width) * 100vw);
    margin-top: calc(34 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message_promise .lead {
        width: calc(336 / var(--width) * 100vw);
        margin-top: calc(25 / var(--width) * 100vw);
    }
}


/* movie
-------------------------------------*/
.message_movie {
    position: relative;
    margin-top: calc(80 / var(--width) * 100vw);
    pointer-events: none;
}

.message_movie::before {
    content: '';
    display: block;
    padding-top: 56.25915%;
}
@media only screen and (max-width: 769px) {
    .message_movie::before {
        padding-top: 100%;
    }
}

.message_movie video,
.message_movie iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/* content
-------------------------------------*/
.message_content {
    margin-top: calc(70 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message_content {
        margin-top: calc(37 / var(--width) * 100vw);
    }
}

.message_content .catch {
    font-family: var(--ff-jp);
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(32 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message_content .catch {
        line-height: 1.5;
        font-size: calc(24 / var(--width) * 100vw);
        margin-bottom: calc(20 / var(--width) * 100vw);
    }
}

.message_content p {
    line-height: 1.75;
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: bold;
    text-indent: 1em;
    margin-top: 1.75em;
}
@media only screen and (max-width: 769px) {
    .message_content p {
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.message_content .concept {
    text-indent: 0;
}

.message_content .logo {
    width: calc(336 / var(--width) * 100vw);
    margin: calc(70 / var(--width) * 100vw) auto calc(74 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message_content .logo {
        width: calc(237.5 / var(--width) * 100vw);
        margin: calc(40 / var(--width) * 100vw) auto calc(36 / var(--width) * 100vw);
    }
}


/* company
-------------------------------------*/
.message_company {
    margin-top: calc(80 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .message_company {
        margin-top: calc(40 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* irTop
----------------------------------------------------------------*/
.irTop section:nth-of-type(n+2) {
    margin-top: calc(120 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop section:nth-of-type(n+2) {
        margin-top: calc(80 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .irTop .btnRounder {
        width: calc(204 / var(--width) * 100vw);
        height: calc(51 / var(--width) * 100vw);
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(20 / var(--width) * 100vw);
    }
}

.irTop .adobereader {
    margin-top: calc(120 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop .adobereader {
        margin-top: calc(80 / var(--width) * 100vw);
    }
}


/* message
-------------------------------------*/
.irTop_message {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
@media only screen and (max-width: 769px) {
    .irTop_message {
        display: block;
    }
}

.irTop_message .ph {
    width: calc(737 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop_message .ph {
        width: auto;
        margin: 0 calc(-20 / var(--width) * 100vw);
    }
}

.irTop_message .side {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: calc(446 / var(--width) * 100vw);
    text-align: center;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
@media only screen and (max-width: 769px) {
    .irTop_message .side {
        display: block;
        width: auto;
        text-align: left;
        border: none;
    }
}

.irTop_message .side .title {
    font-size: calc(30 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop_message .side .title {
        font-size: calc(20 / var(--width) * 100vw);
        margin-top: calc(14 / var(--width) * 100vw);
    }
}

.irTop_message .side .lead {
    font-size: calc(16 / var(--width) * 100vw);
    margin-top: calc(5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop_message .side .lead {
        line-height: 1.71428;
        font-size: calc(14 / var(--width) * 100vw);
        margin-top: calc(10 / var(--width) * 100vw);
    }
}

.irTop_message .side .btnRounder {
    margin-top: calc(25 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop_message .side .btnRounder {
        margin-top: calc(12 / var(--width) * 100vw);
    }
}


/* links
-------------------------------------*/
.irTop_links {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
@media only screen and (max-width: 769px) {
    .irTop_links {
        display: block;
    }
}

@media only screen and (max-width: 769px) {
    .irTop_links .center,
    .irTop_links .right {
        margin-top: calc(38 / var(--width) * 100vw);
    }
}

.irTop_links .box {
    width: calc(370 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop_links .box {
        width: auto;
    }
}

.irTop_links .box + .box {
    margin-top: calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop_links .box + .box {
        margin-top: calc(38 / var(--width) * 100vw);
    }
}

.irTop_links .item {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(18 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop_links .item {
        font-size: calc(20 / var(--width) * 100vw);
        margin-bottom: calc(8 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .irTop_links .linkTxt {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }
}

.irTop_links .linkTxt li {
    margin-top: calc(20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irTop_links .linkTxt li {
        width: calc(162 / var(--width) * 100vw);
        margin-top: calc(9 / var(--width) * 100vw);
    }

    .irTop_links .linkTxt li:nth-child(1),
    .irTop_links .linkTxt li:nth-child(2) {
        margin-top: 0;
    }
}


/*----------------------------------------------------------------
* irMessage
----------------------------------------------------------------*/
.irMessage {
    width: calc(800 / var(--width) * 100vw);
    line-height: 1.75;
    font-size: calc(16 / var(--width) * 100vw);
    margin: 0 auto;
}
@media only screen and (max-width: 769px) {
    .irMessage {
        width: auto;
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
    }
}


/* top
-------------------------------------*/
.irMessage_top .ph {
    margin: 0 calc(-72.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irMessage_top .ph {
        margin: 0 calc(-20 / var(--width) * 100vw);
    }
}

.irMessage_top .title {
    line-height: 1.625;
    font-size: calc(24 / var(--width) * 100vw);
    font-weight: bold;
    margin-top: calc(34 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irMessage_top .title {
        line-height: 1.61111;
        font-size: calc(18 / var(--width) * 100vw);
        margin-top: calc(23 / var(--width) * 100vw);
    }
}

.irMessage_top p {
    margin-top: calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irMessage_top p {
        margin-top: calc(9 / var(--width) * 100vw);
    }
}


/* content
-------------------------------------*/
.irMessage_content {
    margin-top: calc(72.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irMessage_content {
        margin-top: calc(32 / var(--width) * 100vw);
    }
}

.irMessage_content p {
    margin-top: calc(32 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irMessage_content p {
        margin-top: calc(24 / var(--width) * 100vw);
    }
}

.irMessage_content .ph:not(:first-of-type) {
    margin-top: calc(67 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irMessage_content .ph:not(:first-of-type) {
        margin-top: calc(34 / var(--width) * 100vw);
    }
}

.irMessage_content .signature {
    line-height: 1.821428;
    font-size: calc(14 / var(--width) * 100vw);
    text-align: right;
}


/*----------------------------------------------------------------
* irAnnouncement
----------------------------------------------------------------*/
.irAnnouncement_none {
    font-size: calc(16 / var(--width) * 100vw);
    padding-top: calc(50 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irAnnouncement_none {
        text-align: center;
        padding: calc(38 / var(--width) * 100vw) 0 calc(36 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* irCalendar
----------------------------------------------------------------*/
.irCalendar_schedule {
    margin-top: calc(54 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCalendar_schedule {
        margin-top: calc(36 / var(--width) * 100vw);
    }
}

.irCalendar_schedule .table th {
    width: calc(240 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCalendar_schedule .table th {
        width: auto;
        padding: calc(16 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(18 / var(--width) * 100vw);
    }

    .irCalendar_schedule .table td {
        padding-top: calc(17 / var(--width) * 100vw);
    }

    .irCalendar_schedule .table tr:last-of-type td {
        border-bottom: 1px solid #ccc;
    }
}


/*----------------------------------------------------------------
* irInformation
----------------------------------------------------------------*/
.irInformation section {
    margin-top: calc(120 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation section {
        margin-top: calc(60 / var(--width) * 100vw);
    }
}

.irInformation section:first-of-type {
    margin-top: calc(40 / var(--width) * 100vw);
}

.irInformation .subTitle {
    line-height: 1.25;
    font-size: calc(24 / var(--width) * 100vw);
    margin-bottom: calc(22 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation .subTitle {
        font-size: calc(18 / var(--width) * 100vw);
        margin-bottom: calc(11 / var(--width) * 100vw);
    }
}

.irInformation .subTitle small {
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: 400;
    margin-left: calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation .subTitle small {
        font-size: calc(18 / var(--width) * 100vw);
        font-weight: bold;
        margin-left: 0;
    }
}

.irInformation .tableNotes {
    width: 100%;
    text-align: right;
    margin-bottom: calc(10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation .tableNotes {
        font-size: calc(12 / var(--width) * 100vw);
        margin-bottom: calc(5 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .irInformation .table {
        line-height: 1.71428;
    }
}


/* anchor
-------------------------------------*/
.irInformation_anchor {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: calc(78.5 / var(--width) * 100vw);
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: bold;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: calc(21 / var(--width) * 100vw) calc(22 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_anchor {
        flex-wrap: wrap;
        font-size: calc(14 / var(--width) * 100vw);
        padding: calc(26 / var(--width) * 100vw) calc(10 / var(--width) * 100vw) calc(25 / var(--width) * 100vw);
    }
}

.irInformation_anchor li:not(:last-child) {
    margin-right: calc(44 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_anchor li:not(:last-child) {
        margin-right: 0;
    }

    .irInformation_anchor li:nth-child(n+3) {
        margin-top: calc(11 / var(--width) * 100vw);
    }

    .irInformation_anchor li:nth-child(odd) {
        width: calc(145 / var(--width) * 100vw);
    }

    .irInformation_anchor li:nth-child(even) {
        width: calc(170 / var(--width) * 100vw);
    }
}

.irInformation_anchor a {
    display: inline-block;
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-down.svg) left center / calc(8 / var(--width) * 100vw) auto no-repeat;
    padding-left: calc(16 / var(--width) * 100vw);
}


/* stock
-------------------------------------*/
.irInformation_stock .table th {
    width: calc(200 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_stock .table th {
        width: calc(145 / var(--width) * 100vw);
        vertical-align: middle;
    }

    .irInformation_stock .table th,
    .irInformation_stock .table td {
        padding: calc(14 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(17 / var(--width) * 100vw);
    }
}


/* total
-------------------------------------*/
.irInformation_total .accordionBox {
    margin-top: calc(-30 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_total .accordionBox {
        width: calc(355 / var(--width) * 100vw);
        margin-top: calc(-20 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .irInformation_total .scrollHint_inner {
        width: calc(868 / var(--width) * 100vw);
    }
}

.irInformation_total .table {
    width: auto;
}

@media only screen and (max-width: 769px) {
    .irInformation_total .table thead th {
        padding-top: calc(17 / var(--width) * 100vw);
        padding-bottom: calc(17 / var(--width) * 100vw);
    }
}

.irInformation_total .table thead .col1 {
    width: calc(180 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_total .table thead .col1 {
        width: calc(159 / var(--width) * 100vw);
    }
}

.irInformation_total .table thead .col2 {
    width: calc(228 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_total .table thead .col2 {
        width: calc(202 / var(--width) * 100vw);
    }
}

.irInformation_total .table thead .col3 {
    width: calc(259 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_total .table thead .col3 {
        width: calc(229 / var(--width) * 100vw);
    }
}

.irInformation_total .table thead .col4 {
    width: calc(278 / var(--width) * 100vw);
}

.irInformation_total .table tbody th {
    text-align: left;
    vertical-align: middle;
    padding: calc(20 / var(--width) * 100vw);
}

.irInformation_total .table tbody td {
    text-align: right;
    vertical-align: middle;
    border-left: 1px solid #ccc;
    padding: calc(18 / var(--width) * 100vw) calc(26 / var(--width) * 100vw) calc(19 / var(--width) * 100vw) calc(0 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_total .table tbody td {
        padding: calc(15 / var(--width) * 100vw) calc(26 / var(--width) * 100vw) calc(15 / var(--width) * 100vw) calc(0 / var(--width) * 100vw);
    }
}

.irInformation_total .table tbody .item {
    width: calc(98 / var(--width) * 100vw);
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
@media only screen and (max-width: 769px) {
    .irInformation_total .table tbody .item {
        width: calc(83 / var(--width) * 100vw);
    }
}

.irInformation_total .table tbody .summary {
    text-align: left;
    vertical-align: middle;
    padding-left: calc(30 / var(--width) * 100vw);
}

.irInformation_total .accordionBox_btn::before {
    content: '全件表示する';
}


/* situation
-------------------------------------*/
.irInformation_situation .innerSec {
    margin-top: calc(70 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_situation .innerSec {
        margin-top: calc(34 / var(--width) * 100vw);
    }
}

.irInformation_situation .innerSec:first-of-type {
    margin-top: 0;
}

.irInformation_situation .numbers {
    line-height: 1.6875;
    font-size: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_situation .numbers {
        line-height: 1.71428;
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.irInformation_situation .situationGuide {
    display: flex;
    font-size: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_situation .situationGuide {
        flex-wrap: wrap;
        font-size: calc(14 / var(--width) * 100vw);
        margin-top: calc(14 / var(--width) * 100vw);
    }
}

.irInformation_situation .situationGuide li:nth-child(n+2) {
    margin-left: calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_situation .situationGuide li:nth-child(3) {
        margin-left: 0;
    }

    .irInformation_situation .situationGuide li:nth-child(n+3) {
        margin-top: calc(8 / var(--width) * 100vw);
    }
}

.irInformation_situation .situationGuide .color {
    display: inline-block;
    width: calc(20 / var(--width) * 100vw);
    height: calc(20 / var(--width) * 100vw);
    vertical-align: middle;
    margin-right: calc(8 / var(--width) * 100vw);
}

.irInformation_situation .situationGuide .color1 { background: #009944; }
.irInformation_situation .situationGuide .color2 { background: #4cb77c; }
.irInformation_situation .situationGuide .color3 { background: #99d6b4; }
.irInformation_situation .situationGuide .color4 { background: #d6dde1; }

.irInformation_situation .situationNote {
    line-height: 1.71428;
    margin-top: calc(9 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_situation .situationNote {
        line-height: 1.66666;
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(18 / var(--width) * 100vw);
    }
}

.irInformation_situation .situationGraph {
    width: calc(731.5 / var(--width) * 100vw);
    margin-top: calc(35 / var(--width) * 100vw);
    margin-left: calc(-6 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_situation .situationGraph {
        width: calc(335 / var(--width) * 100vw);
        margin-top: calc(12 / var(--width) * 100vw);
        margin-left: 0;
    }

    .irInformation_situation .situationGraph .scrollHint_inner {
        width: calc(519 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .irInformation_situation .situationRank thead th {
        padding: calc(15 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
    }
}

.irInformation_situation .situationRank tbody th {
    width: calc(667 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_situation .situationRank tbody th {
        width: calc(232 / var(--width) * 100vw);
    }

    .irInformation_situation .situationRank tbody th,
    .irInformation_situation .situationRank tbody td {
        padding: calc(15 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
    }
}

.irInformation_situation .situationRank tbody td {
    text-align: center;
    vertical-align: middle;
}


/* tables
-------------------------------------*/
.irInformation_tables .innerSec:not(:first-of-type) {
    margin-top: calc(80 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_tables .innerSec:first-of-type {
        margin-top: 0;
    }

    .irInformation_tables .innerSec:not(:first-of-type) {
        margin-top: calc(38 / var(--width) * 100vw);
    }
}

.irInformation_tables .subTitle {
    margin-bottom: calc(28 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_tables .subTitle {
        margin-bottom: calc(17 / var(--width) * 100vw);
    }
}

.irInformation_tables .table .caption {
    line-height: 1.6875;
    text-align: left;
    margin: calc(-15 / var(--width) * 100vw) 0 calc(36 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_tables .table .caption {
        line-height: 1.71428;
        margin: calc(-4 / var(--width) * 100vw) 0 calc(32 / var(--width) * 100vw);
    }
}

.irInformation_tables .table .caption-footer {
    caption-side: bottom;
    margin: calc(29 / var(--width) * 100vw) 0 0;
}

.irInformation_tables .table th {
    font-weight: bold;
}
@media only screen and (min-width: 770px) {
    .irInformation_tables .table th {
        width: calc(247 / var(--width) * 100vw);
        font-weight: bold;
        padding-right: 0;
    }

    .irInformation_tables.is-dividend .table th {
        width: calc(307 / var(--width) * 100vw);
    }
}

.irInformation_tables .table th,
.irInformation_tables .table td {
    padding-top: calc(16 / var(--width) * 100vw);
    padding-bottom: calc(35 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_tables .table th {
        padding: calc(9 / var(--width) * 100vw) calc(4 / var(--width) * 100vw) 0;
    }

    .irInformation_tables .table td {
        padding: calc(1 / var(--width) * 100vw) calc(4 / var(--width) * 100vw) calc(23 / var(--width) * 100vw);
    }
}

.irInformation_tables .table td {
    border-left: none;
}

.irInformation_tables .table td.note {
    font-size: calc(14 / var(--width) * 100vw);
    text-align: right;
    padding-right: calc(67 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irInformation_tables .table td.note {
        font-size: calc(12 / var(--width) * 100vw);
        text-align: right;
        padding-top: calc(8 / var(--width) * 100vw);
        padding-right: calc(0 / var(--width) * 100vw);
    }
}

.irInformation_tables .table li {
    position: relative;
    padding-left: calc(14 / var(--width) * 100vw);
}

.irInformation_tables .table li::before {
    position: absolute;
    content: '';
    width: calc(7 / var(--width) * 100vw);
    height: calc(7 / var(--width) * 100vw);
    background: #000;
    border-radius: 100%;
    top: calc(8 / var(--width) * 100vw);
    left: 0;
}

.irInformation_tables .table ul.note {
    line-height: 1.71428;
    font-size: calc(14 / var(--width) * 100vw);
    margin-top: calc(22 / var(--width) * 100vw);
}

.irInformation_tables .table ul.note li {
    padding-left: calc(18 / var(--width) * 100vw);
}

.irInformation_tables .table ul.note li:nth-child(n+2) {
    margin-top: calc(5 / var(--width) * 100vw);
}

.irInformation_tables .table ul.note li::before {
    content: '※';
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    top: 0;
}


/*----------------------------------------------------------------
* irShareholders
----------------------------------------------------------------*/
.irShareholders {
    width: calc(812.5 / var(--width) * 100vw);
    line-height: 1.6875;
    font-size: calc(16 / var(--width) * 100vw);
    margin: 0 auto;
    padding-right: calc(36 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irShareholders {
        width: auto;
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
        padding-right: 0;
    }
}

.irShareholders .innerSec {
    margin-top: calc(100 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irShareholders .innerSec {
        margin-top: calc(60 / var(--width) * 100vw);
    }
}

.irShareholders .innerSec:first-of-type {
    margin-top: calc(56 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irShareholders .innerSec:first-of-type {
        margin-top: calc(59 / var(--width) * 100vw);
    }
}

.irShareholders .secTitleLine {
    margin-bottom: calc(33 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irShareholders .secTitleLine {
        margin-bottom: calc(16 / var(--width) * 100vw);
    }
}

.irShareholders .card {
    margin-top: calc(34 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irShareholders .card {
        margin-top: calc(27 / var(--width) * 100vw);
    }
}

.irShareholders .table  {
    margin-top: calc(43 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irShareholders .table  {
        margin-top: calc(40 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .irShareholders .table th {
        padding: calc(14 / var(--width) * 100vw) calc(19 / var(--width) * 100vw) calc(15 / var(--width) * 100vw);
    }
}

.irShareholders .table tbody th {
    width: calc(392.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irShareholders .table tbody th {
        width: calc(152 / var(--width) * 100vw);
    }
}

.irShareholders .table tbody td {
    text-align: center;
}
@media only screen and (max-width: 769px) {
    .irShareholders .table tbody td {
        vertical-align: middle;
        padding: calc(14 / var(--width) * 100vw) calc(10 / var(--width) * 100vw) calc(15 / var(--width) * 100vw);
    }
}

.irShareholders .note {
    position: relative;
    margin-top: calc(25 / var(--width) * 100vw);
    padding-left: calc(50 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irShareholders .note {
        padding-left: calc(35 / var(--width) * 100vw);
    }
}

.irShareholders .note::before {
    position: absolute;
    content: '（注）';
    top: 0;
    left: 0;
}


/*----------------------------------------------------------------
* irCorporate
----------------------------------------------------------------*/
.irCorporate {
    width: calc(812 / var(--width) * 100vw);
    margin: 0 auto;
}
@media only screen and (max-width: 769px) {
    .irCorporate {
        width: auto;
    }
}

.irCorporate .innerSec:nth-of-type(n+2) {
    margin-top: calc(56 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate .innerSec:nth-of-type(n+2) {
        margin-top: calc(28 / var(--width) * 100vw);
    }
}

.irCorporate .secTitleLine {
    margin-bottom: calc(35 / var(--width) * 100vw);
    padding: calc(3 / var(--width) * 100vw) calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate .secTitleLine {
        margin-bottom: calc(14 / var(--width) * 100vw);
        padding: calc(8 / var(--width) * 100vw) calc(24 / var(--width) * 100vw) calc(12 / var(--width) * 100vw);
    }
}

.irCorporate .title {
    font-size: calc(22 / var(--width) * 100vw);
    letter-spacing: -.01em;
    margin-bottom: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate .title {
        line-height: 1.61111;
        font-size: calc(17 / var(--width) * 100vw);
        margin-bottom: calc(11 / var(--width) * 100vw);
    }
}


/* tab
-------------------------------------*/
.irCorporate_tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: calc(17 / var(--width) * 100vw);
    margin: 0 auto calc(50 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate_tab {
        flex-wrap: wrap;
        font-size: calc(12 / var(--width) * 100vw);
        margin: 0 calc(8 / var(--width) * 100vw) calc(32 / var(--width) * 100vw);
    }
}

.irCorporate_tab li {
    position: relative;
    width: 25%;
    text-align: center;
}
@media only screen and (max-width: 769px) {
    .irCorporate_tab li {
        width: 50%;
    }

    .irCorporate_tab li:nth-child(n+3) {
        margin-top: calc(24 / var(--width) * 100vw);
    }
}

.irCorporate_tab li::before,
.irCorporate_tab li::after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: calc(12.5 / var(--width) * 100vw);
    background: #e8eaeb;
    top: 50%;
    transform: translateY(-50%);
}

.irCorporate_tab li::before {
    left: -1px;
}

.irCorporate_tab li::after {
    right: 0;
}

.irCorporate_tab a {
    display: block;
}

.irCorporate_tab span {
    display: inline-block;
    border-bottom: calc(3.5 / var(--width) * 100vw) solid transparent;
    padding: calc(3 / var(--width) * 100vw) 0;
}
@media only screen and (max-width: 769px) {
    .irCorporate_tab span {
        border-width: calc(2 / var(--width) * 100vw);
        padding: calc(2 / var(--width) * 100vw) 0;
    }
}

.irCorporate[data-tab='1'] .irCorporate_tab li:nth-child(1) span,
.irCorporate[data-tab='2'] .irCorporate_tab li:nth-child(2) span,
.irCorporate[data-tab='3'] .irCorporate_tab li:nth-child(3) span,
.irCorporate[data-tab='4'] .irCorporate_tab li:nth-child(4) span {
    color: var(--green);
    font-weight: bold;
    border-color: var(--green);
}


/* body
-------------------------------------*/
.irCorporate_body {
    display: none;
    line-height: 1.6875;
    font-size: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate_body {
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.irCorporate[data-tab='1'] .irCorporate_body[data-id='1'],
.irCorporate[data-tab='2'] .irCorporate_body[data-id='2'],
.irCorporate[data-tab='3'] .irCorporate_body[data-id='3'],
.irCorporate[data-tab='4'] .irCorporate_body[data-id='4'] {
    display: block;
}


/* numberList
-------------------------------------*/
.irCorporate .numberList {
    counter-reset: number;
}

.irCorporate .numberList > li {
    padding-left: calc(42 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate .numberList > li {
        padding-left: calc(25 / var(--width) * 100vw);
    }
}

.irCorporate .numberList > li:nth-child(n+2) {
    margin-top: calc(54 / var(--width) * 100vw);
}

.irCorporate .numberList .title {
    line-height: 1.363636;
    margin-bottom: calc(20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate .numberList .title {
        line-height: 1.7058823;
        margin-bottom: calc(10 / var(--width) * 100vw);
    }
}

.irCorporate .numberList .title::before {
    counter-increment: number;
    content: counter(number)'.';
    display: inline-block;
    width: calc(42 / var(--width) * 100vw);
    margin-left: calc(-42 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate .numberList .title::before {
        width: calc(25 / var(--width) * 100vw);
        margin-left: calc(-25 / var(--width) * 100vw);
    }
}


/* bracketsList
-------------------------------------*/
.irCorporate .bracketsList {
    counter-reset: brackets;
}

.irCorporate_system .bracketsList {
    margin-left: calc(-9 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate_system .bracketsList {
        margin-left: calc(-29 / var(--width) * 100vw);
    }
}

.irCorporate_attempt .bracketsList {
    margin-left: calc(30 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate_attempt .bracketsList {
        margin-left: 0;
    }
}

.irCorporate .bracketsList > li {
    padding-left: calc(29 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate .bracketsList > li {
        padding-left: calc(26 / var(--width) * 100vw);
    }
}

.irCorporate .bracketsList > li::before {
    counter-increment: brackets;
    content: '('counter(brackets)')';
    display: inline-block;
    width: calc(29 / var(--width) * 100vw);
    font-weight: bold;
    margin-left: calc(-29 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate .bracketsList > li::before {
        width: calc(26 / var(--width) * 100vw);
        margin-left: calc(-26 / var(--width) * 100vw);
    }
}


/* table
-------------------------------------*/
.irCorporate .table {
    margin-top: calc(20 / var(--width) * 100vw);
}

.irCorporate .table th,
.irCorporate .table td {
    padding-top: calc(17 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irCorporate .table th {
        padding: calc(9 / var(--width) * 100vw) calc(5 / var(--width) * 100vw) 0;
    }

    .irCorporate .table td {
        padding: 0 calc(5 / var(--width) * 100vw) calc(24 / var(--width) * 100vw);
    }
}

.irCorporate .table th {
    width: calc(272 / var(--width) * 100vw);
    font-weight: bold;
}


/*----------------------------------------------------------------
* irData
----------------------------------------------------------------*/
@media only screen and (max-width: 769px) {
    .irData {
        margin-top: calc(-31 / var(--width) * 100vw);
    }

    .irData_pershare,
    .irData_expend {
        margin-top: calc(51 / var(--width) * 100vw);
    }
}

.irData .tableNotes {
    text-align: right;
    margin-bottom: calc(10 / var(--width) * 100vw);
}

.irData_caption {
    line-height: 1.84615;
    font-size: calc(13 / var(--width) * 100vw);
    margin-top: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData_caption {
        line-height: 1.75;
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(16 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .irData .scrollHint_inner {
        width: calc(750 / var(--width) * 100vw);
    }

    .irData_pershare .scrollHint_inner {
        width: calc(780 / var(--width) * 100vw);
    }
}


/* table
-------------------------------------*/
.irData .table-noth tr {
    border-color: #e8eaeb;
}

.irData .table thead th {
    text-align: left;
}

.irData .table thead th:first-of-type {
    width: calc(254 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .table thead th:first-of-type {
        width: calc(206 / var(--width) * 100vw);
    }

    .irData_pershare .table thead th:first-of-type {
        width: calc(236 / var(--width) * 100vw);
    }
}

.irData .table th,
.irData .table td {
    vertical-align: middle;
    padding: calc(16 / var(--width) * 100vw) calc(11 / var(--width) * 100vw) calc(13 / var(--width) * 100vw) calc(31 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .table th,
    .irData .table td {
        padding: calc(8 / var(--width) * 100vw) calc(11 / var(--width) * 100vw) calc(7 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
    }
}

.irData .table tbody th,
.irData .table td {
    padding-top: calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .table tbody th,
    .irData .table td {
        padding-top: calc(8 / var(--width) * 100vw);
    }
}

.irData .table-noth td {
    border-color: #e8eaeb;
}

.irData .table-noth td:nth-of-type(2) {
    border-left-color: #ccc;
}

.irData .table td:nth-of-type(n+2) {
    padding-left: calc(20 / var(--width) * 100vw);
    padding-right: calc(20 / var(--width) * 100vw);
}

.irData .table:not(.table-noth) thead th,
.irData .table:not(.table-noth) td {
    padding-left: calc(20 / var(--width) * 100vw);
    padding-right: calc(20 / var(--width) * 100vw);
}

.irData .table td small {
    display: block;
    font-size: calc(13 / var(--width) * 100vw);
}

.irData .table .highlight {
    background: #f2f2f2;
}

.irData .table tr.thick {
    border-bottom: 1px solid #ccc;
}


/* forecast */
.irData_forecast .secTitleLine {
    margin-bottom: calc(3 / var(--width) * 100vw);
}

.irData_forecast .table thead th:first-of-type {
    width: calc(148 / var(--width) * 100vw);
}

.irData_forecast .table thead th:nth-of-type(5) {
    width: calc(200 / var(--width) * 100vw);
}

.irData_forecast .scrollHint_icon {
    top: calc(50 / var(--width) * 100vw);
}

.irData_forecast .linkList {
    margin-top: calc(80 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData_forecast .linkList {
        margin-top: calc(40 / var(--width) * 100vw);
    }
}


/* data */
.irData_data .table tbody th:first-of-type {
    width: calc(156 / var(--width) * 100vw);
    padding-left: calc(22 / var(--width) * 100vw);
}

.irData_data .table tbody th:last-of-type {
    width: calc(140 / var(--width) * 100vw);
    padding-left: calc(18 / var(--width) * 100vw);
}

.irData_data .table tbody tr:last-of-type th {
    text-align: center;
}


/* graph
-------------------------------------*/
.irData .graph {
    margin-top: calc(72 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .graph {
        margin-top: calc(58 / var(--width) * 100vw);
    }
}

.irData .graph .title {
    font-size: calc(24 / var(--width) * 100vw);
    margin-bottom: calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .graph .title {
        font-size: calc(18 / var(--width) * 100vw);
        margin-bottom: calc(24 / var(--width) * 100vw);
    }
}

.irData .graph .unit {
    font-size: calc(12 / var(--width) * 100vw);
    text-align: right;
    margin-bottom: calc(-20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .graph .unit {
        font-size: calc(10 / var(--width) * 100vw);
        margin-bottom: calc(-16 / var(--width) * 100vw);
    }
}


/* col1 */
.irData .graph-col1 .title {
    margin-bottom: calc(34 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .graph-col1 .title {
        margin-bottom: calc(16 / var(--width) * 100vw);
    }
}

.irData .graph-col1 .unit {
    margin-bottom: calc(-36 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .graph-col1 .unit {
        margin-bottom: calc(-16 / var(--width) * 100vw);
    }
}

.irData .graph-col1 .box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
@media only screen and (max-width: 769px) {
    .irData .graph-col1 .box {
        display: block;
    }
}

.irData .graph-col1 .img {
    width: calc(683 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .graph-col1 .img {
        width: auto;
    }
}

.irData .graph-col1 .guide {
    flex: 1 0;
    font-size: calc(13 / var(--width) * 100vw);
    font-weight: bold;
    margin-top: calc(5 / var(--width) * 100vw);
    margin-left: calc(62 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .graph-col1 .guide {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(20 / var(--width) * 100vw);
        margin-left: 0;
    }
}

.irData .graph-col1 .guide li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media only screen and (min-width: 770px) {
    .irData .graph-col1 .guide li:nth-child(n+2) {
        margin-top: calc(20 / var(--width) * 100vw);
    }
}
@media only screen and (max-width: 769px) {
    .irData .graph-col1 .guide li {
        margin-right: calc(40 / var(--width) * 100vw);
    }

    .irData .graph-col1 .guide li:nth-child(n+3) {
        margin-top: calc(8 / var(--width) * 100vw);
    }

    .irData .graph-col1 .guide li:nth-child(even) {
        min-width: 40%;
    }
}

.irData .graph-col1 .guide .color {
    display: inline-block;
    width: calc(20 / var(--width) * 100vw);
    height: calc(20 / var(--width) * 100vw);
    margin-right: calc(8 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .graph-col1 .guide .color {
        width: calc(15 / var(--width) * 100vw);
        height: calc(15 / var(--width) * 100vw);
        margin-right: calc(10 / var(--width) * 100vw);
    }
}

.irData .graph-col1 .guide .color1 { background: #009944; }
.irData .graph-col1 .guide .color2 { background: #4cb77c; }
.irData .graph-col1 .guide .color3 { background: #99d6b4; }
.irData .graph-col1 .guide .color4 { background: #d6dde1; }


/* col2 */
.irData .graph-col2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(72 / var(--width) * 100vw) calc(41 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData .graph-col2 {
        display: block;
    }

    .irData .graph-col2 li:nth-child(n+2) {
        margin-top: calc(56 / var(--width) * 100vw);
    }
}


/* links
-------------------------------------*/
.irData_links {
    margin-top: calc(160 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData_links {
        margin-top: calc(80 / var(--width) * 100vw);
    }
}

.irData_links-index {
    margin-top: calc(-8 / var(--width) * 100vw);
}

.irData_links .title {
    font-size: calc(20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData_links .title {
        font-size: calc(18 / var(--width) * 100vw);
    }
}

.irData_links ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: calc(20 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
    margin-top: calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData_links ul {
        display: block;
    }

    .irData_links li:nth-child(n+2) {
        margin-top: calc(10 / var(--width) * 100vw);
    }
}

.irData_links a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(302 / var(--width) * 100vw);
    height: calc(70.5 / var(--width) * 100vw);
    font-size: calc(16 / var(--width) * 100vw);
    border: 1px solid #e8eaeb;
    border-radius: calc(5 / var(--width) * 100vw);
    padding: 0 calc(20 / var(--width) * 100vw);
}

.irData_links-index a {
    height: calc(110.5 / var(--width) * 100vw);
    font-weight: bold;
    padding-left: calc(25 / var(--width) * 100vw);
}

@media only screen and (max-width: 769px) {
    .irData_links a {
        position: relative;
        width: 100%;
        height: calc(60 / var(--width) * 100vw);
        font-size: calc(14 / var(--width) * 100vw);
        padding: 0 calc(17 / var(--width) * 100vw);
    }

    .irData_links-index a {
        height: calc(69.5 / var(--width) * 100vw);
    }

    .irData_links li:nth-child(7) a,
    .irData_links li:nth-child(10) a {
        height: calc(72.5 / var(--width) * 100vw);
    }

    .irData_links-index li:nth-child(10) a {
        height: calc(97.5 / var(--width) * 100vw);
    }

    .irData_links a::after {
        position: absolute;
        content: '';
        display: block;
        width: calc(24 / var(--width) * 100vw);
        height: calc(24 / var(--width) * 100vw);
        background: var(--green) url(/-/media/Project/globeride/globeride_cojp/common/img/ir_data_arrow.png) center center / calc(10 / var(--width) * 100vw) auto no-repeat;
        border-radius: 100%;
        top: 50%;
        right: calc(19 / var(--width) * 100vw);
        transform: translateY(-50%);
    }
}

.irData_links-index .date {
    display: block;
    line-height: 1;
    font-family: var(--ff-en);
    font-size: calc(13 / var(--width) * 100vw);
    font-weight: 400;
    margin-top: calc(9 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData_links-index .date {
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(6 / var(--width) * 100vw);
    }
}

.irData_links img {
    width: calc(42 / var(--width) * 100vw);
    height: auto;
    margin-right: calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData_links img {
        width: calc(39.5 / var(--width) * 100vw);
        margin-right: calc(18 / var(--width) * 100vw);
    }
}

.irData_links-index img {
    width: calc(56.5 / var(--width) * 100vw);
    margin-right: calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .irData_links-index img {
        width: calc(41.5 / var(--width) * 100vw);
        margin-right: calc(17 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* sustainability
----------------------------------------------------------------*/

/* anchor
-------------------------------------*/
.sustainability_anchor {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: calc(78.5 / var(--width) * 100vw);
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: bold;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: calc(42 / var(--width) * 100vw);
    padding: calc(21 / var(--width) * 100vw) calc(22 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability_anchor {
        flex-wrap: wrap;
        font-size: calc(14 / var(--width) * 100vw);
        padding: calc(26 / var(--width) * 100vw) calc(10 / var(--width) * 100vw) calc(25 / var(--width) * 100vw);
    }
}

.sustainability_anchor li:not(:last-child) {
    margin-right: calc(44 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability_anchor li:not(:last-child) {
        margin-right: 0;
    }

    .sustainability_anchor li:nth-child(n+3) {
        margin-top: calc(11 / var(--width) * 100vw);
    }

    .sustainability_anchor li:nth-child(odd) {
        width: calc(145 / var(--width) * 100vw);
    }

    .sustainability_anchor li:nth-child(even) {
        width: calc(170 / var(--width) * 100vw);
    }
}

.sustainability_anchor a {
    display: inline-block;
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-down.svg) left center / calc(8 / var(--width) * 100vw) auto no-repeat;
    padding-left: calc(16 / var(--width) * 100vw);
}


/* section
-------------------------------------*/
.sustainability .section:nth-of-type(n+2) {
    margin-top: calc(70 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability .section:nth-of-type(n+2) {
        margin-top: calc(56 / var(--width) * 100vw);
    }
}

.sustainability .section .secTitleLine {
    margin-bottom: calc(33 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability .section .secTitleLine {
        margin-bottom: calc(20 / var(--width) * 100vw);
    }
}

.sustainability .section .text {
    line-height: 1.6875;
    font-size: calc(16 / var(--width) * 100vw);
    letter-spacing: .04em;
}
@media only screen and (max-width: 769px) {
    .sustainability .section .text {
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
    }
}



/* excursion
-------------------------------------*/
.sustainabilityExcursion {
    margin-top: calc(76 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainabilityExcursion {
        margin-top: calc(56 / var(--width) * 100vw);
    }
}

.sustainabilityExcursion_title {
    font-size: calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_title {
        font-size: calc(18 / var(--width) * 100vw);
    }
}

.sustainabilityExcursion_links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(20 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
    margin-top: calc(35 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_links {
        display: block;
        margin-top: calc(13 / var(--width) * 100vw);
    }
}

.sustainabilityExcursion_links > li {
    display: grid;
    grid-template-rows: calc(90 / var(--width) * 100vw) 1fr;
}
@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_links > li {
        display: block;
    }

    .sustainabilityExcursion_links > li:nth-child(n+2) {
        margin-top: calc(10 / var(--width) * 100vw);
    }
}

.sustainabilityExcursion_head,
.sustainabilityExcursion_body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.sustainabilityExcursion_head {
    position: relative;
    color: #fff;
    background: var(--green);
    padding-bottom: calc(2 / var(--width) * 100vw);
    z-index: 1;
}
@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_head {
        min-height: calc(90 / var(--width) * 100vw);
        padding: calc(18 / var(--width) * 100vw) 0 calc(16 / var(--width) * 100vw);
    }
}

.sustainabilityExcursion_head::after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: calc(6 / var(--width) * 100vw) solid transparent;
    border-top-color: var(--green);
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 100%);
    z-index: 1;
}

.sustainabilityExcursion_head .subTitle {
    font-size: calc(11 / var(--width) * 100vw);
    text-decoration: underline;
}

.sustainabilityExcursion_head .title {
    font-size: calc(18 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_head .title {
        font-size: calc(16 / var(--width) * 100vw);
        margin-top: calc(2 / var(--width) * 100vw);
    }
}

.sustainabilityExcursion_body {
    background: #eaeaea;
    padding: calc(27 / var(--width) * 100vw) 0 calc(30 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_body {
        padding: calc(31 / var(--width) * 100vw) 0 calc(40 / var(--width) * 100vw);
    }
}

.sustainabilityExcursion_body .text {
    line-height: 1.6875;
    font-size: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_body .text {
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.sustainabilityExcursion_body .sdgs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(14 / var(--width) * 100vw);
}

.sustainabilityExcursion_body .sdgs li {
    width: calc(64 / var(--width) * 100vw);
    margin: 0 calc(2 / var(--width) * 100vw);
}

.sustainabilityExcursion_body .btnRounder {
    width: calc(160 / var(--width) * 100vw);
    height: calc(30 / var(--width) * 100vw);
    font-size: calc(13 / var(--width) * 100vw);
    font-weight: bold;
    border: none;
    margin-top: calc(25  / var(--width) * 100vw);
}


/* top-message
-------------------------------------*/
@media only screen and (max-width: 769px) {
    .sustainability-top-message .ph {
        margin: 0 calc(-20 / var(--width) * 100vw);
    }
}

.sustainability-top-message .text {
    max-width: calc(718 / var(--width) * 100vw);
    line-height: 2;
    font-size: calc(16 / var(--width) * 100vw);
    letter-spacing: .04em;
    margin: calc(36 / var(--width) * 100vw) auto 0;
}
@media only screen and (max-width: 769px) {
    .sustainability-top-message .text {
        max-width: none;
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
        margin: calc(33 / var(--width) * 100vw) auto 0;
    }
}

.sustainability-top-message span {
    display: block;
}

.sustainability-top-message .name {
    text-align: right;
    margin-top: calc(12 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-message .name {
        margin-top: calc(5 / var(--width) * 100vw);
    }
}

.sustainability-top-message .post {
    font-size: calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-message .post {
        list-style: 1.615384;
    }
}

.sustainability-top-message .sign {
    width: calc(153 / var(--width) * 100vw);
    margin: calc(5 / var(--width) * 100vw) calc(9 / var(--width) * 100vw) 0 auto;
}
@media only screen and (max-width: 769px) {
    .sustainability-top-message .sign {
        width: calc(126 / var(--width) * 100vw);
        margin: calc(5 / var(--width) * 100vw) 0 0 auto;
    }
}

.sustainability-top-message .btnRounder {
    width: calc(224 / var(--width) * 100vw);
    height: calc(51 / var(--width) * 100vw);
    font-size: calc(13 / var(--width) * 100vw);
    margin-top: calc(2.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-message .btnRounder {
        width: calc(204 / var(--width) * 100vw);
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(24 / var(--width) * 100vw);
    }
}


/* top-links
-------------------------------------*/
.sustainability-top-links {
    margin-top: calc(112 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-links {
        margin-top: calc(72 / var(--width) * 100vw);
    }
}

.sustainability-top-links .title {
    font-size: calc(30 / var(--width) * 100vw);
    margin-top: calc(52 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-links .title {
        font-size: calc(20 / var(--width) * 100vw);
        margin-top: calc(52 / var(--width) * 100vw);
    }
}

.sustainability-top-links .col2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 calc(41 / var(--width) * 100vw);
    margin-top: calc(25 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-links .col2 {
        display: block;
        margin-top: calc(25 / var(--width) * 100vw);
    }

    .sustainability-top-links .col2_l,
    .sustainability-top-links .col2_r {
        position: relative;
    }

    .sustainability-top-links .col2_r li:nth-child(1) { order: 1; }
    .sustainability-top-links .col2_r li:nth-child(2) { order: 3; }
    .sustainability-top-links .col2_r li:nth-child(3) { order: 2; }
    .sustainability-top-links .col2_r li:nth-child(4) { order: 4; }
}

.sustainability-top-links .allLink {
    text-align: right;
    margin-top: calc(18 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-links .allLink {
        position: absolute;
        margin-top: 0;
        top: calc(7 / var(--width) * 100vw);
        right: calc(6 / var(--width) * 100vw);
    }
}

.sustainability-top-links .allLink a {
    font-size: calc(13 / var(--width) * 100vw);
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg) center right / calc(4.5 / var(--width) * 100vw) auto no-repeat;
    padding-right: calc(17 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-links .allLink a {
        font-size: calc(12 / var(--width) * 100vw);
        padding-right: calc(14 / var(--width) * 100vw);
    }
}

.sustainability-top-links .linkTxt {
    margin-top: calc(22 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-links .linkTxt {
        margin-top: calc(13 / var(--width) * 100vw);
    }
}

.sustainability-top-links .linkTxt a {
    padding-left: calc(4 / var(--width) * 100vw);
}

.sustainability-top-links .linkTxt-col1 {
    display: grid;
    grid-gap: calc(21.5 / var(--width) * 100vw) 0;
}
@media only screen and (max-width: 769px) {
    .sustainability-top-links .linkTxt-col1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: calc(9.5 / var(--width) * 100vw) calc(14.5 / var(--width) * 100vw);
    }

    .sustainability-top-links .linkTxt-col1 a {
        line-height: 1.5;
    }
}

.sustainability-top-links .linkTxt-col2 {
    grid-gap: calc(20.5 / var(--width) * 100vw) calc(20.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-top-links .linkTxt-col2 {
        grid-template-columns: 1fr;
        grid-gap: calc(10.5 / var(--width) * 100vw) 0;
    }
}


/* approach
-------------------------------------*/
@media only screen and (max-width: 769px) {
    .sustainability-approach {
        margin-top: calc(35 / var(--width) * 100vw);
    }
}

.sustainability-approach .section .subTitle {
    line-height: 1.4;
    font-size: calc(24 / var(--width) * 100vw);
    margin-bottom: calc(18 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-approach .approach .subTitle {
        font-size: calc(20 / var(--width) * 100vw);
        margin-bottom: calc(23 / var(--width) * 100vw);
    }
}

.sustainability-approach .section .subTitle .en {
    display: block;
    font-family: var(--ff-en);
    font-size: calc(13 / var(--width) * 100vw);
    margin-bottom: calc(2 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-approach .approach .subTitle .en {
        font-size: calc(12 / var(--width) * 100vw);
    }
}

.sustainability-approach .section .text {
    padding-right: calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-approach .section .text {
        padding-right: 0;
    }
}

.sustainability-approach .section .sdgs {
    border: 1px solid #dcdcdc;
    margin-top: calc(33 / var(--width) * 100vw);
    padding: calc(68.5 / var(--width) * 100vw) calc(33.75 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-approach .section .sdgs {
        margin-top: calc(12 / var(--width) * 100vw);
        padding: calc(24 / var(--width) * 100vw) calc(12 / var(--width) * 100vw);
    }
}


/* tcfd
-------------------------------------*/
@media only screen and (max-width: 769px) {
    .sustainability-tcfd {
        margin-top: calc(12 / var(--width) * 100vw);
    }

    .sustainability-tcfd .sustainability_anchor {
        align-items: flex-start;
        margin-bottom: calc(38 / var(--width) * 100vw);
    }

    .sustainability-tcfd .sustainability_anchor li:nth-child(odd) {
        width: calc(205 / var(--width) * 100vw);
    }

    .sustainability-tcfd .sustainability_anchor li:nth-child(even) {
        width: calc(110 / var(--width) * 100vw);
    }

    .sustainability-tcfd .sustainability_anchor a {
        background-position: left calc(8 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .dotList {
    line-height: 1.6875;
    font-size: calc(16 / var(--width) * 100vw);
    margin-left: calc(-6 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .dotList {
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
        margin-left: calc(-6 / var(--width) * 100vw);
    }

    .sustainability-tcfd .dotList li {
        padding-left: calc(15 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .dotList li:nth-child(n+2) {
    margin-top: calc(26 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .dotList li:nth-child(n+2) {
        margin-top: calc(23 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .dotList li::before {
    padding-right: 0;
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .dotList li::before {
        width: calc(15 / var(--width) * 100vw);
        font-size: calc(16 / var(--width) * 100vw);
        margin-left: calc(-15 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .img {
    margin-top: calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .img {
        width: calc(280 / var(--width) * 100vw);
        margin: calc(24 / var(--width) * 100vw) auto 0;
    }
}

.sustainability-tcfd .scenario {
    margin-top: calc(43 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario {
        margin-top: calc(39 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario:nth-of-type(n+2) {
    margin-top: calc(55 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario:nth-of-type(n+2) {
        margin-top: calc(25 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario_title {
    font-size: calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario_title {
        font-size: calc(17.5 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario_cause {
    font-size: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario_cause {
        font-size: calc(14 / var(--width) * 100vw);
    }
}

@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .scrollHint_inner {
        width: calc(807.5 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario .table {
    margin-top: calc(22 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .table {
        margin-top: calc(13 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario .table thead th {
    text-align: left;
    vertical-align: middle;
    background: #eaeaea;
    padding: calc(16 / var(--width) * 100vw) calc(29 / var(--width) * 100vw) calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .table thead th {
        padding: calc(11 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(12 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario .table thead th:nth-child(1) {
    width: calc(233 / var(--width) * 100vw);
    padding-left: calc(35 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .table thead th:nth-child(1) {
        width: calc(178 / var(--width) * 100vw);
        padding-left: calc(25 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario .table thead th:nth-child(2) {
    width: calc(150 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .table thead th:nth-child(2) {
        width: calc(135 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario .table thead th:nth-child(3) {
    width: calc(293 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .table thead th:nth-child(3) {
        width: calc(247 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario .table td,
.sustainability-tcfd .scenario .table .dotList,
.sustainability-tcfd .scenario .table .example {
    line-height: 1.76923;
    font-size: calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .table td,
    .sustainability-tcfd .scenario .table .dotList,
    .sustainability-tcfd .scenario .table .example {
        line-height: 1.75;
        font-size: calc(12 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario .table td {
    padding: calc(11 / var(--width) * 100vw) calc(29 / var(--width) * 100vw) calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .table td {
        vertical-align: top;
        padding: calc(10 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(13 / var(--width) * 100vw);
    }

    .sustainability-tcfd .scenario .table td:nth-of-type(1) {
        padding-left: calc(20 / var(--width) * 100vw);
    }

    .sustainability-tcfd .scenario .table td:nth-of-type(2) {
        padding-top: calc(15 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario .table td:nth-of-type(2) {
    padding-right: 0;
}

.sustainability-tcfd .scenario .table td:nth-of-type(3),
.sustainability-tcfd .scenario .table td:nth-of-type(4) {
    padding-left: calc(10 / var(--width) * 100vw);
}

.sustainability-tcfd .scenario .dotList {
    margin-left: 0;
}

.sustainability-tcfd .scenario .dotList li {
    letter-spacing: 0;
}

.sustainability-tcfd .scenario .dotList li:nth-child(n+2) {
    margin-top: calc(-4 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .dotList li:nth-child(n+2) {
        margin-top: 0;
    }
}

.sustainability-tcfd .scenario .table .dotList li::before {
    width: calc(16 / var(--width) * 100vw);
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: bold;
    padding-right: calc(3 / var(--width) * 100vw);
}

.sustainability-tcfd .scenario .example {
    color: #a8a8a8;
    margin-top: calc(10 / var(--width) * 100vw);
    padding-left: calc(20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .scenario .example {
        margin-top: calc(5 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .scenario .risk {
    display: inline-block;
    vertical-align: middle;
    background: center center / 100% auto no-repeat;
    margin-left: calc(12.5 / var(--width) * 100vw);
}

.sustainability-tcfd .scenario .risk-d {
    width: calc(25.5 / var(--width) * 100vw);
    height: calc(27 / var(--width) * 100vw);
    background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/risk-d.png);
}

.sustainability-tcfd .scenario .risk-dr {
    width: calc(23.5 / var(--width) * 100vw);
    height: calc(23.5 / var(--width) * 100vw);
    background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/risk-dr.png);
}

.sustainability-tcfd .scenario .risk-ur {
    width: calc(23.5 / var(--width) * 100vw);
    height: calc(23.5 / var(--width) * 100vw);
    background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/risk-ur.png);
}

.sustainability-tcfd .scenario .risk-u {
    width: calc(25 / var(--width) * 100vw);
    height: calc(27.5 / var(--width) * 100vw);
    background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/risk-u.png);
}

.sustainability-tcfd .section-target .dotList:nth-of-type(n+2) {
    margin-top: calc(57 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .section-target .dotList:nth-of-type(n+2) {
        margin-top: calc(27 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .section-target .dotList li:nth-child(n+2) {
    margin-top: calc(32 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .section-target .dotList li:nth-child(n+2) {
        margin-top: calc(19 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .section-target .dotList p {
    margin-top: calc(2 / var(--width) * 100vw);
}

.sustainability-tcfd .section-target .tableCaption {
    font-size: calc(16 / var(--width) * 100vw);
    margin-top: calc(22 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .section-target .tableCaption {
        font-size: calc(14 / var(--width) * 100vw);
        margin-top: calc(22 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .section-target .table1 {
    margin-top: calc(10 / var(--width) * 100vw);
}

.sustainability-tcfd .section-target .table1 thead th {
    text-align: left;
    background: #eaeaea;
    padding: calc(28 / var(--width) * 100vw) calc(34 / var(--width) * 100vw) calc(26 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .section-target .table1 thead th {
        padding: calc(12 / var(--width) * 100vw) calc(24 / var(--width) * 100vw) calc(13 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .section-target .table1 th:first-of-type {
    width: calc(332 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .section-target .table1 th:first-of-type {
        width: calc(149 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .section-target .table1 td {
    padding-left: calc(34 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .section-target .table1 td {
        padding: calc(10 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(14 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .section-target .table2 {
    margin-top: calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .section-target .table2 {
        margin-top: calc(26 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .section-target .table2 tr:last-of-type {
    border-bottom: none;
}

.sustainability-tcfd .section-target .table2 th,
.sustainability-tcfd .section-target .table2 td {
    padding: calc(16 / var(--width) * 100vw) calc(5 / var(--width) * 100vw) calc(34 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .section-target .table2 th,
    .sustainability-tcfd .section-target .table2 td {
        line-height: 1.714285;
        padding: calc(18 / var(--width) * 100vw) calc(5 / var(--width) * 100vw) calc(34 / var(--width) * 100vw);
    }
}

.sustainability-tcfd .section-target .table2 th {
    width: calc(166 / var(--width) * 100vw);
    font-weight: bold;
}
@media only screen and (max-width: 769px) {
    .sustainability-tcfd .section-target .table2 th {
        width: calc(121 / var(--width) * 100vw);
    }
}


/* maintenance
-------------------------------------*/
.sustainability-maintenance .filter {
    margin-bottom: calc(20 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-maintenance .filter {
        position: relative;
        width: auto;
        margin: calc(10 / var(--width) * 100vw) calc(-20 / var(--width) * 100vw) calc(30 / var(--width) * 100vw);
        overflow: hidden;
    }
}

.sustainability-maintenance .filter .category {
    margin-left: auto;
}
@media only screen and (max-width: 769px) {
    .sustainability-maintenance .filter .category {
        flex-wrap: nowrap;
        margin-top: 0;
    }

    .sustainability-maintenance .filter .category ul {
        display: flex;
    }

    .sustainability-maintenance .filter .category li {
        width: calc(232 / var(--width) * 100vw);
    }

    .sustainability-maintenance .filter .category li:nth-child(n+2) {
        margin-top: 0;
    }

    .sustainability-maintenance .filter .arrow {
        position: absolute;
        width: calc(40 / var(--width) * 100vw);
        height: calc(40 / var(--width) * 100vw);
        background: center center / calc(4 / var(--width) * 100vw) auto no-repeat;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .sustainability-maintenance .filter .arrow-prev {
        background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-left.svg);
        left: calc(60 / var(--width) * 100vw);
    }

    .sustainability-maintenance .filter .arrow-next {
        background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg);
        right: calc(60 / var(--width) * 100vw);
    }

    .sustainability-maintenance .cfRichCheck a {
        border: none;
        white-space: nowrap;
        opacity: .2;
    }

    .sustainability-maintenance .cfRichCheck.active a {
        font-weight: bold;
        opacity: 1;
    }

    .sustainability-maintenance .cfRichCheck a span {
        position: relative;
        display: inline-block;
    }

    .sustainability-maintenance .cfRichCheck a span::after {
        position: absolute;
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: var(--green);
        left: 0;
        bottom: calc(-3 / var(--width) * 100vw);
        transition: opacity .3s ease;
        opacity: 0;
    }

    .sustainability-maintenance .cfRichCheck.active a span::after {
        opacity: 1;
    }
}

.sustainability-maintenance_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    border-top: 1px solid #eaeaea;
    padding: calc(30 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(26 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-maintenance_list li {
        display: block;
        padding: calc(36 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
    }
}

.sustainability-maintenance_list li:last-child {
    border-bottom: 1px solid #eaeaea;
}

.sustainability-maintenance_list .ph {
    width: calc(252.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-maintenance_list .ph {
        margin: 0 auto;
    }
}

.sustainability-maintenance_list .box {
    width: calc(610 / var(--width) * 100vw);
    margin-right: auto;
}
@media only screen and (max-width: 769px) {
    .sustainability-maintenance_list .box {
        width: auto;
    }

    .sustainability-maintenance_list .ph + .box {
        margin-top: calc(24 / var(--width) * 100vw);
    }
}

.sustainability-maintenance_list .title {
    letter-spacing: 1.333333;
    font-size: calc(18.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-maintenance_list .title {
        letter-spacing: 1.5;
        font-size: calc(17 / var(--width) * 100vw);
    }
}

.sustainability-maintenance_list .meta {
    color: var(--green);
    font-weight: bold;
}
@media only screen and (max-width: 769px) {
    .sustainability-maintenance_list .meta {
        font-size: calc(12 / var(--width) * 100vw);
        margin-top: calc(4 / var(--width) * 100vw);
    }
}

.sustainability-maintenance_list .year {
    position: relative;
    display: inline-block;
    margin-left: calc(10 / var(--width) * 100vw);
    padding-left: calc(10 / var(--width) * 100vw);
}

.sustainability-maintenance_list .year::before {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: calc(11 / var(--width) * 100vw);
    background: #000;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: .1;
}

.sustainability-maintenance_list .text {
    line-height: 1.5;
    font-size: calc(16 / var(--width) * 100vw);
    margin-top: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-maintenance_list .text {
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
        margin-top: calc(21 / var(--width) * 100vw);
    }
}

.sustainability-maintenance_list .link {
    margin-top: calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-maintenance_list .link {
        margin-top: calc(9 / var(--width) * 100vw);
    }
}

.sustainability-maintenance_list a {
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg) left center / calc(4 / var(--width) * 100vw) auto no-repeat;
    padding-left: calc(16 / var(--width) * 100vw);
}

.sustainability-maintenance .pagination {
    margin: calc(47 / var(--width) * 100vw) 0;
}


/* materiality
-------------------------------------*/
.sustainability-materiality {
    font-size: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality {
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.sustainability-materiality .process > li {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .process > li {
        display: block;
    }
}

.sustainability-materiality .process > li:not(:last-child)::after {
    position: absolute;
    content: '';
    display: block;
    width: calc(19 / var(--width) * 100vw);
    height: calc(22.5 / var(--width) * 100vw);
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/sustainability_process_icon2.png) center center / 100% auto no-repeat;
    bottom: calc(-39 / var(--width) * 100vw);
    left: calc(130 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .process > li:not(:last-child)::after {
        width: calc(14.5 / var(--width) * 100vw);
        height: calc(17 / var(--width) * 100vw);
        bottom: calc(-27 / var(--width) * 100vw);
        left: 50%;
        transform: translateX(-50%);
    }
}

.sustainability-materiality .process > li:first-child:after {
    width: calc(23 / var(--width) * 100vw);
    height: calc(23 / var(--width) * 100vw);
    background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/sustainability_process_icon1.png);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .process > li:first-child:after {
        width: calc(16.5 / var(--width) * 100vw);
        height: calc(16.5 / var(--width) * 100vw);
    }
}

.sustainability-materiality .process > li:nth-child(n+2) {
    margin-top: calc(52 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .process > li:nth-child(n+2) {
        margin-top: calc(36 / var(--width) * 100vw);
    }
}

.sustainability-materiality .process .dt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(284 / var(--width) * 100vw);
    background: #eaeaea;
    border-right: 1px solid #ccc;
    padding: 0 calc(30 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .process .dt {
        width: auto;
        border-bottom: 1px solid #ccc;
        border-right: none;
        padding: calc(10 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
    }
}

.sustainability-materiality .process .dd {
    flex: 1 0;
    padding: calc(26 / var(--width) * 100vw) calc(50 / var(--width) * 100vw) calc(26 / var(--width) * 100vw) calc(30 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .process .dd {
        padding: calc(14 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(16 / var(--width) * 100vw);
    }
}

.sustainability-materiality .process .subTitle:nth-of-type(n+2) {
    margin-top: calc(18 / var(--width) * 100vw);
}

.sustainability-materiality .process .subTitle + .dotList {
    margin-top: calc(8 / var(--width) * 100vw);
}

.sustainability-materiality .process .dotList {
    line-height: 1.6875;
    margin-left: calc(-4 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .process .dotList {
        margin-left: calc(-8 / var(--width) * 100vw);
    }

    .sustainability-materiality .process .dotList li {
        line-height: 1.5;
        padding-left: calc(18 / var(--width) * 100vw);
    }

    .sustainability-materiality .process .dotList li::before {
        width: calc(18 / var(--width) * 100vw);
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.sustainability-materiality .process .dotList li:nth-child(n+2) {
    margin-top: calc(6 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .process .dotList li:nth-child(n+2) {
        margin-top: calc(20 / var(--width) * 100vw);
    }
}

.sustainability-materiality .mapCaption {
    position: relative;
    margin-top: calc(97 / var(--width) * 100vw);
    margin-left: calc(30 / var(--width) * 100vw);
    z-index: 2;
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .mapCaption {
        margin-top: calc(43 / var(--width) * 100vw);
        margin-left: calc(12 / var(--width) * 100vw);
    }
}

.sustainability-materiality .map {
    position: relative;
    width: calc(732 / var(--width) * 100vw);
    margin-top: calc(-123 / var(--width) * 100vw);
    z-index: 1;
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality .map {
        width: auto;
        margin-top: calc(-43 / var(--width) * 100vw);
        z-index: 1;
    }
}


/* theme */
.sustainability-materiality_theme:nth-of-type(n+2) {
    margin-top: calc(79 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality_theme {
        text-align: center;
        margin-top: calc(36 / var(--width) * 100vw);
    }

    .sustainability-materiality_theme:nth-of-type(n+2) {
        margin-top: calc(53 / var(--width) * 100vw);
    }
}

.sustainability-materiality_theme_subTitle {

    display: block;
    line-height: 1;
    font-size: calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality_theme_subTitle {
        font-size: calc(12 / var(--width) * 100vw);
    }
}

.sustainability-materiality_theme_title {
    font-size: calc(30 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality_theme_title {
        font-size: calc(20 / var(--width) * 100vw);
        margin-top: calc(8 / var(--width) * 100vw);
    }
}

.sustainability-materiality_theme_sdgs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: calc(18 / var(--width) * 100vw) calc(-5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality_theme_sdgs {
        justify-content: center;
        margin: calc(20 / var(--width) * 100vw) calc(-5 / var(--width) * 100vw);
    }
}

.sustainability-materiality_theme_sdgs li {
    width: calc(56.5 / var(--width) * 100vw);
    margin: calc(5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality_theme_sdgs li {
        width: calc(73 / var(--width) * 100vw);
    }
}

.sustainability-materiality_theme + .section {
    margin-top: calc(55 / var(--width) * 100vw) !important;
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality_theme + .section {
        margin-top: calc(34.5 / var(--width) * 100vw) !important;
    }
}


/* detail
-------------------------------------*/
.sustainability-materiality-detail .title {
    font-size: calc(24 / var(--width) * 100vw);
    margin-top: calc(34 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality-detail .title {
        line-height: 1.71428;
        font-size: calc(17.5 / var(--width) * 100vw);
        margin-top: calc(37 / var(--width) * 100vw);
    }

    .sustainability-materiality-detail .secTitleLine + .title {
        margin-top: calc(25 / var(--width) * 100vw);
    }
}

.sustainability-materiality-detail .title:nth-of-type(n+2) {
    margin-top: calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality-detail .title:nth-of-type(n+2) {
        margin-top: calc(30 / var(--width) * 100vw);
    }
}

.sustainability-materiality-detail .dotList {
    line-height: 1.6875;
    margin-top: calc(17 / var(--width) * 100vw);
    margin-left: calc(-9 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-materiality-detail .dotList {
        margin-top: calc(11 / var(--width) * 100vw);
        margin-left: calc(-9 / var(--width) * 100vw);
    }

    .sustainability-materiality-detail .dotList li::before {
        font-size: calc(14 / var(--width) * 100vw);
    }

    .sustainability-materiality-detail .dotList2 {
        font-size: calc(16 / var(--width) * 100vw);
        margin-top: calc(29 / var(--width) * 100vw);
    }
}


/* carbon
-------------------------------------*/
.sustainability-carbon .table1 {
    margin-top: calc(11 / var(--width) * 100vw);
}

.sustainability-carbon .table1 thead th {
    text-align: left;
    background: #eaeaea;
    padding: calc(28 / var(--width) * 100vw) calc(34 / var(--width) * 100vw) calc(26 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-carbon .table1 thead th {
        padding: calc(11 / var(--width) * 100vw) calc(24 / var(--width) * 100vw) calc(14 / var(--width) * 100vw);
    }
}

.sustainability-carbon .table1 thead th:first-of-type {
    width: calc(332 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-carbon .table1 thead th:first-of-type {
        width: calc(150 / var(--width) * 100vw);
    }

    .sustainability-carbon .table1 td {
        padding: calc(10 / var(--width) * 100vw) calc(19 / var(--width) * 100vw) calc(14 / var(--width) * 100vw);
    }
}

.sustainability-carbon .table2 {
    margin-top: calc(37 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-carbon .table2 {
        margin-top: calc(26 / var(--width) * 100vw);
    }
}

.sustainability-carbon .table2 tr:last-of-type {
    border-bottom: none;
}

.sustainability-carbon .table2 th,
.sustainability-carbon .table2 td {
    padding: calc(16 / var(--width) * 100vw) calc(5 / var(--width) * 100vw) calc(34 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-carbon .table2 th,
    .sustainability-carbon .table2 td {
        line-height: 1.714285;
        padding: calc(16 / var(--width) * 100vw) calc(5 / var(--width) * 100vw) calc(34 / var(--width) * 100vw);
    }
}

.sustainability-carbon .table2 th {
    width: calc(166 / var(--width) * 100vw);
    font-weight: bold;
}
@media only screen and (max-width: 769px) {
    .sustainability-carbon .table2 th {
        width: calc(121 / var(--width) * 100vw);
    }
}

.sustainability-carbon .tableCaption2 {
    margin-top: calc(9 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-carbon .tableCaption2 {
        line-height: 1.71428;
        margin-top: calc(8 / var(--width) * 100vw);
        margin-left: calc(4 / var(--width) * 100vw);
    }
}

.sustainability-carbon .ph {
    display: flex;
    justify-content: flex-start;
    margin: calc(21 / var(--width) * 100vw) 0 calc(17 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-carbon .ph {
        display: block;
        margin: calc(21 / var(--width) * 100vw) 0 calc(17 / var(--width) * 100vw);
    }
}

.sustainability-carbon .ph .img1 {
    width: calc(385 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-carbon .ph .img1 {
        width: auto;
    }
}

.sustainability-carbon .ph .img2 {
    width: calc(410.5 / var(--width) * 100vw);
    margin-left: calc(37.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-carbon .ph .img2 {
        width: auto;
        margin-top: calc(20.5 / var(--width) * 100vw);
        margin-left: 0;
    }
}


/* biodiversity
-------------------------------------*/
.sustainability-biodiversity .box1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
    margin-top: calc(23 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-biodiversity .box1 {
        display: block;
        margin-top: calc(13 / var(--width) * 100vw);
    }
}

.sustainability-biodiversity .box1 .ph1 {
    width: calc(385 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-biodiversity .box1 .ph1 {
        width: auto;
        margin-top: calc(16 / var(--width) * 100vw);
    }
}

.sustainability-biodiversity .box1 .dotList {
    flex: 1 0;
    margin-top: calc(-6 / var(--width) * 100vw);
    margin-left: calc(15 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-biodiversity .box1 .dotList {
        margin-top: 0;
        margin-left: calc(-8 / var(--width) * 100vw);
    }
}

.sustainability-biodiversity .dotList-2 {
    margin-top: calc(35 / var(--width) * 100vw);
}

.sustainability-biodiversity .box2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: calc(17 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-biodiversity .box2 {
        display: block;
        margin-top: calc(17 / var(--width) * 100vw);
    }
}

.sustainability-biodiversity .box2 img {
    width: calc(384.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-biodiversity .box2 img {
        width: auto;
    }
}

.sustainability-biodiversity .box2 .ph3 {
    margin-left: calc(21 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-biodiversity .box2 .ph3 {
        margin: calc(21.5 / var(--width) * 100vw) auto 0;
    }
}


/* fishing
-------------------------------------*/
.sustainability-fishing .link {
    display: inline-block;
    text-decoration: underline;
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .link {
        font-size: calc(13 / var(--width) * 100vw);
        word-break: break-all;
    }
}

.sustainability-fishing .link-2 {
    margin-top: calc(7 / var(--width) * 100vw);
}

.sustainability-fishing .box1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
    margin-top: calc(23 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .box1 {
        display: block;
        margin-top: calc(13 / var(--width) * 100vw);
    }
}

.sustainability-fishing .box1 .ph1 {
    width: calc(385.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .box1 .ph1 {
        width: auto;
        margin-top: calc(16 / var(--width) * 100vw);
    }
}

.sustainability-fishing .box1 .dotList {
    flex: 1 0;
    margin-top: calc(-6 / var(--width) * 100vw);
    margin-left: calc(15 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .box1 .dotList {
        margin-top: 0;
        margin-left: calc(-8 / var(--width) * 100vw);
    }
}

.sustainability-fishing .box1 .link {
    margin-top: calc(7 / var(--width) * 100vw);
}

.sustainability-fishing .dotList-2 {
    margin-top: calc(23 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .dotList-2 {
        margin-top: calc(13 / var(--width) * 100vw);
    }
}

.sustainability-fishing .box2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: calc(23 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .box2 {
        display: block;
        margin-top: calc(17 / var(--width) * 100vw);
    }
}

.sustainability-fishing .box2 .ph2 {
    width: calc(386.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .box2 .ph2 {
        width: auto;
    }
}

.sustainability-fishing .box2 .ph3 {
    width: calc(384.5 / var(--width) * 100vw);
    margin-left: calc(21 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .box2 .ph3 {
        margin: calc(21.5 / var(--width) * 100vw) auto 0;
    }
}

.sustainability-fishing .box2 .ph4 {
    width: calc(389.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .box2 .ph4 {
        width: auto;
    }
}

.sustainability-fishing .box2 .ph5 {
    width: calc(390 / var(--width) * 100vw);
    margin-left: calc(21 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-fishing .box2 .ph5 {
        width: auto;
        margin: calc(21.5 / var(--width) * 100vw) auto 0;
    }
}


/* resource
-------------------------------------*/
.sustainability-resource .link {
    display: inline-block;
    text-decoration: underline;
    word-break: break-all;
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .link {
        font-size: calc(13 / var(--width) * 100vw);
    }
}

.sustainability-resource .link-2 {
    margin-top: calc(7 / var(--width) * 100vw);
}

.sustainability-resource .box1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
    margin-top: calc(23 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box1 {
        display: block;
        margin-top: calc(13 / var(--width) * 100vw);
    }
}

.sustainability-resource .box1 + .box1 {
    margin-top: calc(39 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box1 + .box1 {
        margin-top: calc(36 / var(--width) * 100vw);
    }
}

.sustainability-resource .box1 .ph1 {
    width: calc(375 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box1 .ph1 {
        width: auto;
        margin-top: calc(16 / var(--width) * 100vw);
    }
}

.sustainability-resource .box1 .ph-border {
    border: 1px solid #ccc;
}

.sustainability-resource .box1 .dotList {
    flex: 1 0;
    margin-top: calc(-6 / var(--width) * 100vw);
    margin-left: calc(10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box1 .dotList {
        margin-top: 0;
        margin-left: calc(-8 / var(--width) * 100vw);
    }
}

.sustainability-resource .box1 b {
    display: inline-block;
    margin-bottom: calc(9 / var(--width) * 100vw);
}

.sustainability-resource .box1 .link {
    margin-top: calc(7 / var(--width) * 100vw);
}

.sustainability-resource .dotList-2 {
    margin-top: calc(23 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .dotList-2 {
        margin-top: calc(13 / var(--width) * 100vw);
    }
}

.sustainability-resource .box2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: calc(23 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box2 {
        display: block;
        margin-top: calc(17 / var(--width) * 100vw);
    }
}

.sustainability-resource .box2 .ph2 {
    width: calc(386.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box2 .ph2 {
        width: auto;
    }
}

.sustainability-resource .box2 .ph3 {
    width: calc(384.5 / var(--width) * 100vw);
    margin-left: calc(21 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box2 .ph3 {
        margin: calc(21.5 / var(--width) * 100vw) auto 0;
    }
}

.sustainability-resource .box2 .ph5 {
    width: calc(375.5 / var(--width) * 100vw);
}
.sustainability-resource .box2 .ph5.line {
    border: 1px solid #ccc;
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box2 .ph5 {
        width: auto;
    }
}

.sustainability-resource .box2 .ph6 {
    width: calc(374.5 / var(--width) * 100vw);
    margin-left: calc(21 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box2 .ph6 {
        width: auto;
        margin: calc(21.5 / var(--width) * 100vw) auto 0;
    }
}

.sustainability-resource .box2 .ph7 {
    width: calc(540.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability-resource .box2 .ph7 {
        width: auto;
    }
}


/* future
-------------------------------------*/
@media only screen and (max-width: 769px) {
    .sustainability-carbon .sustainability_future {
        margin-top: calc(19 / var(--width) * 100vw) !important;
    }
}

.sustainability_future_subTitle {
    display: block;
    font-size: calc(13 / var(--width) * 100vw);
    font-weight: 400;
}
@media only screen and (max-width: 769px) {
    .sustainability_future_subTitle {
        font-size: calc(12 / var(--width) * 100vw);
    }
}

.sustainability_future_subTitle:nth-of-type(n+2) {
    margin-top: calc(39 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability_future_subTitle:nth-of-type(n+2) {
        margin-top: calc(42 / var(--width) * 100vw);
    }
}

.sustainability_future_title {
    font-size: calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability_future_title {
        font-size: calc(17.5 / var(--width) * 100vw);
    }
}

.sustainability_future .dotList li:nth-child(n+2) {
    margin-top: calc(22 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability_future .dotList {
        margin-left: calc(-15 / var(--width) * 100vw);
    }

    .sustainability_future .dotList li::before {
        font-size: calc(16 / var(--width) * 100vw);
    }

    .sustainability_future .dotList li:nth-child(n+2) {
        margin-top: calc(19 / var(--width) * 100vw);
    }
}

.sustainability_future .sustainability_future_title + .dotList {
    margin-top: calc(13 / var(--width) * 100vw);
}

.sustainability_future .dotList p {
    line-height: 1.875;
    margin: calc(8 / var(--width) * 100vw) 0 calc(6 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .sustainability_future .dotList p {
        line-height: 1.71428;
        margin: calc(1 / var(--width) * 100vw) 0 calc(6 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* entrySec
----------------------------------------------------------------*/
.entrySec {
    font-size: calc(18 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec {
        font-size: calc(16 / var(--width) * 100vw);
    }
}


/* head
-------------------------------------*/
.entrySec_head {
    position: relative;
    margin-top: calc(-10 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_head {
        margin-top: calc(24 / var(--width) * 100vw);
    }
}


/* title */
.entrySec_head .title {
    line-height: 1.38888;
    font-size: calc(36 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_head .title {
        line-height: 1.5;
        font-size: calc(24 / var(--width) * 100vw);
    }
}


/* meta */
.entrySec_head .meta {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_head .meta {
        display: block;
        margin-top: calc(6 / var(--width) * 100vw);
    }
}

.entrySec-features .entrySec_head .meta {
    margin-top: calc(21 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec-features .entrySec_head .meta {
        margin-top: calc(6 / var(--width) * 100vw);
    }
}

.entrySec_head .meta .date {
    font-family: var(--ff-en);
    font-size: calc(16 / var(--width) * 100vw);
    margin-right: calc(12 / var(--width) * 100vw);
}

@media only screen and (max-width: 769px) {
    .entrySec_head .meta .tagCloud {
        margin-top: calc(14 / var(--width) * 100vw);
    }
}


/* lead */
.entrySec_head .lead {
    width: calc(800 / var(--width) * 100vw);
    line-height: 1.666666;
    letter-spacing: -.02em;
    margin-top: calc(28 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_head .lead {
        width: auto;
        line-height: 1.75;
    }
}

.entrySec-features .entrySec_head .lead {
    margin-top: calc(23 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec-features .entrySec_head .lead {
        margin-top: calc(23 / var(--width) * 100vw);
    }
}

.entrySec_head .lead p:nth-of-type(n+2) {
    margin-top: 1.75em;
}


/* scrollDown */
.entrySec_head .scrollDown {
    position: absolute;
    position: sticky;
    width: calc(76 / var(--width) * 100vw);
    height: calc(76 / var(--width) * 100vw);
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-down.svg) center center / calc(8 / var(--width) * 100vw) auto no-repeat;
    bottom: calc(23 / var(--width) * 100vw);
    left: 50%;
    transform: translateX(calc(600 / var(--width) * 100vw)) translateX(-100%);
    margin-top: calc(-100 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_head .scrollDown {
        display: none;
    }
}

.entrySec_head .scrollDown img {
    animation: scrollDown 10s linear infinite;
}

@keyframes scrollDown {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* mv
-------------------------------------*/
.entrySec_mv {
    margin-top: calc(96 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_mv {
        margin: calc(31 / var(--width) * 100vw) calc(-20 / var(--width) * 100vw) 0;
    }
}


/* col2
-------------------------------------*/
.entrySec_col2 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: calc(82 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_col2 {
        display: block;
        margin-top: calc(40 / var(--width) * 100vw);
    }
}

.entrySec_col2 .articlesBack {
    width: 100%;
    order: 3;
}


/* main
-------------------------------------*/
.entrySec_main {
    line-height: 1.666666;
    margin-top: calc(64 / var(--width) * 100vw);
    order: 1;
}

@media only screen and (max-width: 769px) {
    .entrySec-features .entrySec_main {
        line-height: 1.75;
    }
}

.entrySec_col2 .entrySec_main {
    width: calc(800 / var(--width) * 100vw);
    margin-top: 0;
}
@media only screen and (max-width: 769px) {
    .entrySec_col2 .entrySec_main {
        width: auto;
    }
}

.entrySec_main h3 {
    font-size: calc(30 / var(--width) * 100vw);
    border-left: calc(5 / var(--width) * 100vw) solid var(--green);
    margin-top: calc(74 / var(--width) * 100vw);
    padding: calc(2 / var(--width) * 100vw) 0 calc(3 / var(--width) * 100vw) calc(24 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_main h3 {
        line-height: 1.4;
        font-size: calc(20 / var(--width) * 100vw);
        border-left: calc(5 / var(--width) * 100vw) solid var(--green);
        margin-top: calc(24 / var(--width) * 100vw);
        padding: calc(8 / var(--width) * 100vw) 0 calc(9 / var(--width) * 100vw) calc(24 / var(--width) * 100vw);
    }
}

.entrySec_main b {
    font-weight: bold;
}

.entrySec_main small {
    line-height: 2.142857;
    font-size: calc(14 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_main small {
        line-height: 2;
        font-size: calc(12 / var(--width) * 100vw);
    }
}

.entrySec_main p,
.entrySec_main hr.hrDecoA {
    margin-top: calc(74 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
	.entrySec_main p,
	.entrySec_main hr.hrDecoA {
        margin-top: calc(24 / var(--width) * 100vw);
    }
}

.entrySec_main img {
    display: block;
    margin-top: calc(74 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_main img {
        margin-top: calc(24 / var(--width) * 100vw);
    }
}

.entrySec_main > *:first-child {
    margin-top: 0;
}


/* sideNav
-------------------------------------*/
.entrySec_sideNav {
    position: sticky;
    width: calc(100 / var(--width) * 100vw);
    font-size: calc(14 / var(--width) * 100vw);
    top: calc(120 / var(--width) * 100vw);
    margin-top: calc(48 / var(--width) * 100vw);
    margin-bottom: calc(140 / var(--width) * 100vw);
    order: 2;
}
@media only screen and (max-width: 769px) {
    .entrySec_sideNav {
        position: static;
        width: auto;
        background: #e8eaeb;
        margin: calc(50 / var(--width) * 100vw) calc(-20 / var(--width) * 100vw) 0;
        padding: 0 calc(57.5 / var(--width) * 100vw);
    }
}

.entrySec_sideNav li {
    padding: calc(20 / var(--width) * 100vw) 0;
}
@media only screen and (max-width: 769px) {
    .entrySec_sideNav li {
        padding: calc(31 / var(--width) * 100vw) 0 calc(28 / var(--width) * 100vw);
    }
}

.entrySec_sideNav li:nth-child(n+2) {
    border-top: 1px solid #e8eaeb;
}
@media only screen and (max-width: 769px) {
    .entrySec_sideNav li:nth-child(n+2) {
        border-top: 1px solid #000;
    }
}


/* box */
.entrySec_sideNav .box {
    display: flex;
}
@media only screen and (min-width: 770px) {
    .entrySec_sideNav .box:hover {
        opacity: 1;
    }

    .entrySec_sideNav .prev .box {
        flex-direction: column-reverse;
    }

    .entrySec_sideNav .next .box {
        flex-direction: column;
    }
}
@media only screen and (max-width: 769px) {
    .entrySec_sideNav .box {
        display: block;
    }
}


/* wrap */
.entrySec_sideNav .wrap {
    position: relative;
}
@media only screen and (max-width: 769px) {
    .entrySec_sideNav .wrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .entrySec_sideNav .prev .wrap {
        flex-direction: row-reverse;
    }

    .entrySec_sideNav .wrap img {
        width: calc(100 / var(--width) * 100vw);
    }
}


/* caption */
@media only screen and (min-width: 770px) {
    .entrySec_sideNav .caption {
        position: absolute;
        width: calc(150 / var(--width) * 100vw);
        height: 100%;
        background: #e8eaeb;
        top: 0;
        left: 0;
        padding: calc(20 / var(--width) * 100vw) calc(14 / var(--width) * 100vw);
        transition: .6s ease;
        transition-property: transform, opacity;
        opacity: 0;
        overflow: hidden;
        z-index: -1;
    }

    .entrySec_sideNav .box:hover .caption {
        transform: translateX(-100%);
        opacity: 1;
    }
}
@media only screen and (max-width: 769px) {
    .entrySec_sideNav .caption {
        float: 1 0;
        margin-top: calc(6 / var(--width) * 100vw);
    }

    .entrySec_sideNav .prev .caption {
        margin-right: calc(20 / var(--width) * 100vw);
    }

    .entrySec_sideNav .next .caption {
        margin-left: calc(20 / var(--width) * 100vw);
    }
}


/* link */
.entrySec_sideNav .link {
    display: block;
    font-weight: bold;
    padding: 0 calc(4 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_sideNav .link {
        padding: 0;
    }
}

.entrySec_sideNav .prev .link {
    text-align: right;
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-left.svg) center left calc(5 / var(--width) * 100vw) / calc(4.5 / var(--width) * 100vw) auto no-repeat;
    margin-bottom: calc(6 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_sideNav .prev .link {
        text-align: left;
        background-position: center left;
        margin: calc(-17 / var(--width) * 100vw) 0 0;
        padding-left: calc(22 / var(--width) * 100vw);
    }
}

.entrySec_sideNav .next .link {
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg) center right calc(5 / var(--width) * 100vw) / calc(4.5 / var(--width) * 100vw) auto no-repeat;
    margin-top: calc(6 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .entrySec_sideNav .next .link {
        text-align: right;
        background-position: center right;
        margin: calc(-17 / var(--width) * 100vw) 0 0;
        padding-right: calc(22 / var(--width) * 100vw);
    }
}


/*----------------------------------------------------------------
* policy
----------------------------------------------------------------*/
.policy {
    width: calc(812 / var(--width) * 100vw);
    line-height: 1.6875;
    font-size: calc(16 / var(--width) * 100vw);
    margin: 0 auto;
}
@media only screen and (max-width: 769px) {
    .policy {
        width: auto;
        line-height: 1.714285;
        font-size: calc(14 / var(--width) * 100vw);
    }
}

.policy .title {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(26 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy .title {
        font-size: calc(17 / var(--width) * 100vw);
        margin-bottom: calc(8 / var(--width) * 100vw);
    }
}

.policy p + p,
.policy p + ul,
.policy ul + p,
.policy p + ol,
.policy ol + p {
    margin-top: 1.75em;
}


/* numberList
-------------------------------------*/
.policy .numberList {
    counter-reset: number;
}

.policy_privacy .numberList {
    margin-top: calc(33 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_privacy .numberList {
        margin-top: calc(30 / var(--width) * 100vw);
    }
}

.policy .numberList > li {
    padding-left: calc(32 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy .numberList > li {
        padding-left: calc(19 / var(--width) * 100vw);
    }
}

.policy .numberList > li:nth-child(n+2) {
    margin-top: calc(54 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy .numberList > li:nth-child(n+2) {
        margin-top: calc(28 / var(--width) * 100vw);
    }
}

.policy .numberList .title {
    line-height: 1.363636;
    margin-bottom: calc(17 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy .numberList .title {
        line-height: 1.7058823;
        margin-bottom: calc(8 / var(--width) * 100vw);
    }
}

.policy .numberList .title::before {
    counter-increment: number;
    content: counter(number)'.';
    display: inline-block;
    width: calc(32 / var(--width) * 100vw);
    margin-left: calc(-32 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy .numberList .title::before {
        width: calc(19 / var(--width) * 100vw);
        margin-left: calc(-19 / var(--width) * 100vw);
    }
}


/* bracketsList
-------------------------------------*/
.policy .bracketsList {
    counter-reset: brackets;
    margin-top: calc(30 / var(--width) * 100vw);
}

.policy .bracketsList > li {
    padding-left: calc(29 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy .bracketsList > li {
        padding-left: calc(26 / var(--width) * 100vw);
    }
}

.policy .bracketsList > li::before {
    counter-increment: brackets;
    content: '('counter(brackets)')';
    display: inline-block;
    width: calc(29 / var(--width) * 100vw);
    font-weight: bold;
    margin-left: calc(-29 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy .bracketsList > li::before {
        width: calc(26 / var(--width) * 100vw);
        margin-left: calc(-26 / var(--width) * 100vw);
    }
}


/* dotList
-------------------------------------*/
.dotList {
    padding-left: calc(2 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .dotList {
        margin-left: calc(-19 / var(--width) * 100vw);
        padding-left: calc(2 / var(--width) * 100vw);
    }
}

.dotList > li {
    letter-spacing: -.01em;
    padding-left: calc(19 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .dotList > li {
        line-height: calc(24 / var(--width) * 100vw);
        padding-left: calc(21 / var(--width) * 100vw);
    }
}

.dotList > li::before {
    content: '・';
    display: inline-block;
    width: calc(19 / var(--width) * 100vw);
    font-weight: bold;
    text-align: center;
    padding-right: calc(2 / var(--width) * 100vw);
    margin-left: calc(-19 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .dotList > li::before {
        width: calc(21 / var(--width) * 100vw);
        font-size: calc(20 / var(--width) * 100vw);
        vertical-align: middle;
        padding-right: 0;
        margin-left: calc(-21 / var(--width) * 100vw);
    }
}


/* contact
-------------------------------------*/
.policy_contact {
    border-top: 1px solid #e8eaeb;
    border-bottom: 1px solid #e8eaeb;
    padding: calc(30 / var(--width) * 100vw) calc(40 / var(--width) * 100vw) calc(32 / var(--width) * 100vw);
    margin-top: calc(62 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_contact {
        padding: calc(23 / var(--width) * 100vw) calc(24 / var(--width) * 100vw) calc(22 / var(--width) * 100vw);
        margin-top: calc(42 / var(--width) * 100vw);
    }
}

.policy_contact p + p {
    margin: 0;
}
@media only screen and (max-width: 769px) {
    .policy_contact p {
        line-height: 1.6875;
        font-size: calc(16 / var(--width) * 100vw);
    }
}

.policy_contact .title {
    margin-bottom: calc(16 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_contact .title {
        margin-bottom: calc(8 / var(--width) * 100vw);
    }
}

.policy_contact .tel {
    font-size: calc(22 / var(--width) * 100vw);
    font-weight: bold;
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/icon_tel.png) left center / calc(21.5 / var(--width) * 100vw) auto no-repeat;
    margin: calc(-6 / var(--width) * 100vw) 0 calc(6 / var(--width) * 100vw);
    padding-top: calc(4 / var(--width) * 100vw);
    padding-left: calc(32 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_contact .tel {
        font-size: calc(17 / var(--width) * 100vw);
        background-size: calc(17 / var(--width) * 100vw);
        margin: calc(-6 / var(--width) * 100vw) 0 calc(6 / var(--width) * 100vw);
        padding-top: calc(3 / var(--width) * 100vw);
        padding-left: calc(24 / var(--width) * 100vw);
    }
}


/* smp
-------------------------------------*/
@media only screen and (max-width: 769px) {
    .policy_smp {
        margin-top: calc(30 / var(--width) * 100vw);
    }
}


/* account
-------------------------------------*/
.policy_account {
    margin-top: calc(70 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_account {
        margin-top: calc(50 / var(--width) * 100vw);
    }
}


/* title */
.policy_account .title {
    margin-bottom: calc(36 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_account .title {
        margin-bottom: calc(18 / var(--width) * 100vw);
    }
}


/* sns */
.policy_account .sns {
    display: inline-block;
    width: calc(26.5 / var(--width) * 100vw);
    height: calc(26.5 / var(--width) * 100vw);
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: calc(9 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_account .sns {
        width: calc(23.5 / var(--width) * 100vw);
        height: calc(23.5 / var(--width) * 100vw);
        margin-right: calc(9 / var(--width) * 100vw);
    }
}

.policy_account .sns-instagram {
    background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/smp_icon_instagram.png);
    background-size: calc(26.5 / var(--width) * 100vw) auto;
}
@media only screen and (max-width: 769px) {
    .policy_account .sns-instagram {
        background-size: calc(23 / var(--width) * 100vw) auto;
    }
}

.policy_account .sns-facebook {
    background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/smp_icon_facebook.png);
    background-size: calc(25.5 / var(--width) * 100vw) auto;
}
@media only screen and (max-width: 769px) {
    .policy_account .sns-facebook {
        background-size: calc(24 / var(--width) * 100vw) auto;
    }
}

.policy_account .sns-twitter {
    background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/smp_icon_twitter.png);
    background-size: calc(25.5 / var(--width) * 100vw) auto;
}
@media only screen and (max-width: 769px) {
    .policy_account .sns-twitter {
        background-size: calc(23 / var(--width) * 100vw) auto;
    }
}

.policy_account .sns-youtube {
    background-image: url(/-/media/Project/globeride/globeride_cojp/common/img/smp_icon_youtube.png);
    background-size: calc(24.5 / var(--width) * 100vw) auto;
}
@media only screen and (max-width: 769px) {
    .policy_account .sns-youtube {
        background-size: calc(23.5 / var(--width) * 100vw) auto;
    }
}


/* accordion_head */
.policy_account .accordion_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: calc(23 / var(--width) * 100vw) calc(38 / var(--width) * 100vw) calc(22 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_account .accordion_head {
        padding: calc(17 / var(--width) * 100vw) calc(6 / var(--width) * 100vw) calc(15 / var(--width) * 100vw);
    }
}


/* accordion_body */
.policy_account .accordion_body {
    padding-bottom: calc(62 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_account .accordion_body {
        padding-bottom: calc(40 / var(--width) * 100vw);
    }
}

.policy_account .accordion_body dt {
    font-size: calc(18 / var(--width) * 100vw);
    font-weight: bold;
}
@media only screen and (max-width: 769px) {
    .policy_account .accordion_body dt {
        font-size: calc(16 / var(--width) * 100vw);
        text-align: center;
    }
}

.policy_account .accordion_body dt:nth-of-type(n+2) {
    margin-top: calc(38 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_account .accordion_body dt:nth-of-type(n+2) {
        margin-top: calc(30 / var(--width) * 100vw);
    }
}

.policy_account .accordion_body dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: calc(40 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_account .accordion_body dd {
        display: block;
        margin-top: calc(23 / var(--width) * 100vw);
    }
}

.policy_account .accordion_body dt + dd {
    margin-top: calc(23 / var(--width) * 100vw);
}

.policy_account .accordion_body .icon {
    width: calc(91.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_account .accordion_body .icon {
        width: calc(109 / var(--width) * 100vw);
        margin: 0 auto;
    }
}

.policy_account .accordion_body .info {
    flex: 1 0;
    line-height: 1.875;
    font-size: calc(16 / var(--width) * 100vw);
    margin-left: calc(38.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_account .accordion_body .info {
        line-height: 1.71428;
        font-size: calc(14 / var(--width) * 100vw);
        text-align: center;
        margin: calc(14 / var(--width) * 100vw) 0 0;
    }
}

.policy_account .accordion_body .name {
    font-weight: bold;
}


/* link
-------------------------------------*/
.policy_link ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: calc(671 / var(--width) * 100vw);
    margin: 0 auto;
}
@media only screen and (max-width: 769px) {
    .policy_link ul {
        display: block;
        width: auto;
    }
}

.policy_link li {
    width: calc(294.5 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_link li {
        width: auto;
    }
}

.policy_link li:nth-child(n+3) {
    margin-top: calc(76 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_link li:nth-child(n+2) {
        margin-top: calc(32 / var(--width) * 100vw);
    }
}

.policy_link li a {
    display: block;
}

.policy_link li img {
    width: 100%;
}

.policy_link li p {
    margin-top: calc(13 / var(--width) * 100vw);
}
@media only screen and (max-width: 769px) {
    .policy_link li p {
        margin-top: calc(8 / var(--width) * 100vw);
    }
}


/* tail
-------------------------------------*/
.policy_tail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: calc(13 / var(--width) * 100vw);
    margin-top: calc(52 / var(--width) * 100vw);
}

.policy_tail li {
    width: 50%;
}

.policy_tail li:nth-child(n+3) {
    margin-top: calc(8 / var(--width) * 100vw);
}

.policy_tail a {
    display: inline-block;
    letter-spacing: -.02em;
    background: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg) right center / calc(6 / var(--width) * 100vw) auto no-repeat;
    padding-right: calc(16 / var(--width) * 100vw);
}

.policy_tail li.is-current a {
    color: var(--green);
    font-weight: bold;
}



/* add 2022-11
-------------------------------------*/
.header_menu .box-brands dd a.btnDecoA,
.header_menu .brandsList_list a.spTextLink {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: calc(60 / var(--width) * 100vw);
	/*
	background: #fff;
	border: 1px solid #000;
	border-radius: 1000px;
	margin: 0;
	*/
	color: black;
	font-size: 0.6rem;
	padding: 0 1em;
}
.header_menu .brandsList_list a.spTextLink {
	height: calc(60 / var(--width) * 100vw);
}
.header_menu .brandsList_list a.spTextLink > span {
	text-align: center;
}

/*-----------------------------------*/