/* Update 2024/04/05  */

/* This is prathiksha css-- start */

@font-face {
    font-family: "RBDesign Bold";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Bold.otf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "RBDesign Light";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Light.otf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "RBDesign BoldItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-BoldItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign Extrabold";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Extrabold.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign ExtraboldItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-ExtraboldItalic.otf");
    font-weight: normal;
    font-style: normal;
   }


@font-face {
    font-family: "RBDesign LightItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-LightItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign Medium";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Medium.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign MediumItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-MediumItalic.otf");
    font-weight: normal;
    font-style: normal;
   }
@font-face {
    font-family: "RBDesign Regular";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Regular.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign RegularItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-RegularItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign Semibold";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Semibold.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign SemiboldItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-SemiboldItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign thin";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-thin.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign thinItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-thinItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "Arnhem Normal";
    src: url("https://www.rolandberger.com/fonts/arnhem/arnhem_normal_ttf.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Arnhem Bold Italic";
    src: url("https://www.rolandberger.com/fonts/arnhem/arnhem_bolditalic_ttf.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Arnhem Semi Bold";
    src: url("https://www.rolandberger.com/fonts/arnhem/arnhem_semibold_ttf.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Arnhem Blond Italic";
    src: url("https://www.rolandberger.com/fonts/arnhem/arnhem_blonditalic_ttf.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Arnhem Pro Normal";
    src: url("https://www.rolandberger.com/fonts/arnhem/ArnhemPro-Normal.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "RBDesign Bold";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Bold.otf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "RBDesign Light";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Light.otf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "RBDesign BoldItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-BoldItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign Extrabold";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Extrabold.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign ExtraboldItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-ExtraboldItalic.otf");
    font-weight: normal;
    font-style: normal;
   }


@font-face {
    font-family: "RBDesign LightItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-LightItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign Medium";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Medium.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign MediumItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-MediumItalic.otf");
    font-weight: normal;
    font-style: normal;
   }
@font-face {
    font-family: "RBDesign Regular";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Regular.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign RegularItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-RegularItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign Semibold";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-Semibold.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign SemiboldItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-SemiboldItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign thin";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-thin.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "RBDesign thinItalic";
    src: url("https://www.rolandberger.com/fonts/RBDesign/RBDesign-thinItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: "Arnhem Normal";
    src: url("https://www.rolandberger.com/fonts/arnhem/arnhem_normal_ttf.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Arnhem Bold Italic";
    src: url("https://www.rolandberger.com/fonts/arnhem/arnhem_bolditalic_ttf.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Arnhem Semi Bold";
    src: url("https://www.rolandberger.com/fonts/arnhem/arnhem_semibold_ttf.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Arnhem Blond Italic";
    src: url("https://www.rolandberger.com/fonts/arnhem/arnhem_blonditalic_ttf.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Arnhem Pro Normal";
    src: url("https://www.rolandberger.com/fonts/arnhem/ArnhemPro-Normal.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

 .m-load-more .wrapper .m-teaser-press .content .headline {
    font-family: "RBDesign Regular", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}

 .m-load-more .wrapper .m-teaser-press .content p {
    font-family: "RBDesign Light", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
}


.m-text .container .wrapper .c-text-list{
    font-family: "RBDesign Regular", Arial, sans-serif;
    font-size: 13px;
    line-height: 23px;
}

.m-text .container .wrapper .c-text-blockquote .author .details .name {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
    margin-bottom: 10px !important;;
    font-size: 14px !important;;
    line-height: 19px !important;;
    color: #000 !important;font-style: normal !important;

}

.m-text .container .wrapper .c-text-blockquote .author .details .name a {
   font-family: "RBDesign Bold", Arial, sans-serif !important;
    display: inline-block !important;
    text-decoration: none !important;
    color: inherit !important;
  
}


.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text {
    padding: 0 0 0 42px;
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text .headline {
    line-height: 37px;
    margin-bottom: 25px;
    float:left !important;
}



/*Quote font*/

.m-text .container .wrapper .c-text-blockquote blockquote {
    font-size: 24px;
    line-height: 36px;
    font-family: "Arnhem Semi Bold", Arial, sans-serif;
    color: #004ac2;
    margin-bottom: 20px;
}



/*Quote font*/


/* Expandable font update */

.expandable-content .m-text .container .wrapper .c-text-list {
    font-family: "RBDesign Regular", Arial, sans-serif;
    font-size: 13px;
    line-height: 23px;
}

.expandable-content .m-text .container .wrapper .c-text-list b {
    font-family: "RBDesign Bold", Arial, sans-serif;
}

/* Expandable font update */

/*Background color change*/

.m-section-headline.is-grey {
    background:#e6e6e6 !important;
}

.m-slide-quote.is-blue .wrapper {
    background: #004ac2 !important;
}
/*Background color change*/


/*Tile*/
.m-grid .container {
    overflow: hidden;
}

.m-grid .tiles {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    
}

.m-grid .tiles .tile {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 1px;
    background: #f0f0f0;
    margin-bottom: 10px;
}

.c-tile-q-and-a {
    position: relative;
    width: 100%;
}

.c-tile-q-and-a .tile-q-and-a {
    color: #000;
    text-decoration: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.c-tile-q-and-a .tile-q-and-a .content {
    text-align: center !important;
}

.c-tile-q-and-a .tile-q-and-a .content .headline {
    height: 132px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content:center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 25px 45px 15px 45px;
}

.c-tile-q-and-a .tile-q-and-a .content .headline h1 {
    font-family: "RBDesign Medium", Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .1px;

}

.c-tile-q-and-a .tile-q-and-a .content .text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 40px 25px 44px;
    font-family: "RBDesign Bold", Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
}
/*Tile*/

/* CTA */

.m-flag-join .wrapper, .m-flag-new .wrapper {
    position: relative;
}

.m-flag-join .container, .m-flag-new .container {
    padding: 10px 0 0 0;
}
.m-flag-join .wrapper .container {
    position: relative;
    overflow: hidden;
    background-color: inherit;
    border-color: inherit;


}

.m-flag-join .flag-wrapper, .m-flag-new .flag-wrapper {
    position: relative;
    padding-left: 2px;
    margin-left: 9.18%;
}

.m-flag-join .flag.is-red, .m-flag-new .flag .is-red {
    background-color: #ff3532;
    color: #fff;
}

.m-flag-join .flag, .m-flag-new .flag {
    position: relative;
    max-width: 400px;
    display: inline-block;
    padding: 20px 20px 24px 23px;
    margin-left: -17px;
    margin-right: 20px;
    font-family: "RBDesign Bold", Arial, sans-serif;
    letter-spacing: .4px;
    font-size: 22px;
    line-height: 25px;
    text-decoration: none;
}

.m-flag-join .flag .icon, .m-flag-new .flag .icon {
    width: 22px;
    height: 22px;
    float: right;
    margin-top: 5px;
    margin-left: 12px;
}

svg.icon {
    fill: currentColor;
    width: 16px;
    height: 16px;
}




/* CTA */


/*Experience reports*/

.m-experience-report .details .name {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .2px;
    color: #000;
}

.m-experience-report .details .text .intro {
    font-family: "RBDesign Regular", Arial, sans-serif;
    font-size: 13px;
    line-height: 23px;
    text-align: center;
}

.m-experience-report .details .text .more {
    font-family: "RBDesign Regular", Arial, sans-serif;
    font-size: 13px;
    line-height: 23px;
    text-align: center;
}

/*Experience reports*/


/*Text Tiles*/

#module_grid .tiles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#module_grid  .tiles .tile {
    display: -ms-flexbox;
    display: flex
;
width: 100%;
    padding-top: 1px;
    padding-left: 1px;
}

#module_grid .tiles .tile .c-tile-list {
    position: relative;
    width: 100%;
    padding-left: 50px;
    padding-right: 30px;
    background-color: #003B46;
}

#module_grid .tiles .tile .c-tile-list .tile-teaser {
    color: white;
    text-decoration: none;
}

#module_grid .tiles .tile .c-tile-list .tile-teaser .content {
    position: relative;
    height: 100%;
}

#module_grid .tiles .tile .c-tile-list .tile-teaser .headline {
    padding-top: 60px;
    padding-bottom: 30px;
}

#module_grid .tiles .tile .c-tile-list .tile-teaser .headline h1 {
    margin-top: auto;
    font-family: "RBDesign Bold", Arial, sans-serif;
    font-size: 31px;
    line-height: 35px;
    letter-spacing: .4px;
    text-align: left;
}

#module_grid_2  .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}


#module_grid_2 .tiles {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1px;
    margin-top: -1px;
}



#module_grid_2 .tiles .tile {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 1px;
    padding-left: 1px;
}

#module_grid_2 .tiles .tile .c-tile-list {
    position: relative;
    width: 100%;
    padding-left: 50px;
    padding-right: 30px;
    background-color: #000082;
}

#module_grid_2 .tiles .tile .c-tile-list .tile-teaser {
    color: white;
    text-decoration: none !important;
}



#module_grid_2 .tiles .tile .c-tile-list .tile-teaser .content {
    position: relative;
    height: 100%;
}

#module_grid_2 .tiles .tile .c-tile-list .tile-teaser .headline {
    padding-top: 60px;
    padding-bottom: 30px;
}

#module_grid_2 .tiles .tile .c-tile-list .tile-teaser .headline h1 {
    margin-top: auto;
    font-family: "RBDesign Bold", Arial, sans-serif;
    font-size: 31px;
    line-height: 35px;
    letter-spacing: .4px;
    text-align: left;
}


#module_grid_2 .c-tile-list .tile-teaser .headline h1 {
    margin-top: auto;
    font-family: "RBDesign Bold", Arial, sans-serif;
    font-size: 31px;
    line-height: 35px;
    letter-spacing: .4px;
    text-align: left;
}

#module_grid_2 .c-tile-list .tile-teaser .text p {
        margin-top: auto;
    font-family: "RBDesign Medium", Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
}

#module_grid_2 .tiles .tile .c-tile-list .tile-teaser .text.has-button {
    padding-bottom: 84px;
}



#module_grid_2 .c-tile-list .buttons {
    position: absolute;
    right: 0;
    bottom: 0;

}

#module_grid_2 .c-tile-list .buttons  .c-button {
    text-decoration: none;
    height: 48px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .72px;
    font-family: "RBDesign Bold", Arial, sans-serif;
    padding: 0 20px;
    color: #fff;
    background-color: #000;
    display: -ms-inline-flexbox;
    display: inline-flex
;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    background-image: none;
    border: 0;
    outline: 0;
    cursor: pointer;
}

#module_grid_2 .c-tile-list .buttons  .c-button span {
    display: inline-block;
    text-transform: uppercase;
}

#module_grid_2 .c-tile-list .buttons  .c-button:after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #505050;
    transition: -webkit-transform .15s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform .15s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform .15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform .15s cubic-bezier(0.39, 0.575, 0.565, 1);
}


/*Text Tiles*/



/* Web Profiles */

#newsletter .overline:after {
    background-color: unset;
}

#newsletter .overline:before {
    background-color: unset;
}


#newsletter .container:before {
    background-color: unset;
}

.m-separator .container:before{
      background-color: unset;
}

.m-section-headline .overline:after{

       background-color: unset !important;
    
}
.m-stage-person {
    position: relative;
    height: 670px;
    padding-top: 0;
}

.m-stage-person .background {
    position: absolute;
    width: 100%;
    height: 75%;
    margin-top: 0;
    overflow: hidden;
    background: #f0f0f0;
}

.m-stage-person .container {
    background-color: rgba(0, 0, 0, 0);
    height: inherit;
}

.m-stage-person .container:before {
    top: auto;
    bottom: 0;
    height: 120px;
}

.m-stage-person .container .wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100%;
    padding-bottom: 120px;
    padding-top: 142px;
}

.m-stage-person .container .wrapper .image {
    display: flex;
    align-items: flex-end;
    width: 40%;
    justify-content: flex-end;
    padding: 0;
    margin-bottom: 0;
}


.m-stage-person .container .wrapper .image picture {
    max-height: 280px;
}

.m-stage-person .container .wrapper .image img {
    max-height: 280px;
    border-radius: 100%;
}

.m-stage-person .container .wrapper .person {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0;
    color: #000;
    margin: 0;
    text-align: left;
}

.m-stage-person .container .wrapper .person .name {
    position: absolute;
    bottom: 100px;
    width: 60%;
    font-family: "RBDesign Bold", Arial, sans-serif;
    font-size: 45px;
    line-height: 72px;
    letter-spacing: 1px;
    left: 15.38%;
}

.m-stage-person .container .wrapper .person .details {
    position: absolute;
    left: 15.38%;
    bottom: -65px;
    width: 60%;
    text-align: left;
}

.m-stage-person .container .wrapper .person .details .job-title {
    font-size: 16px;
    line-height: 16px;
    font-family: "RBDesign Medium", Arial, sans-serif;
    margin-bottom: 10px;
}

.m-stage-person .container .wrapper .person .details .address {
    font-size: 16px;
    line-height: 16px;
    font-family: "RBDesign Medium", Arial, sans-serif;
}

.m-stage-person .container .wrapper .person .details .address a {
    position: relative;
    color: inherit;
    text-decoration: none;
    box-shadow: inset 0 -4px 0 #f6f600;
    float: left;
}

.m-stage-person .container .wrapper .person .details .telephone {
    text-decoration: none;
    color: #000;
    line-height: 16px;
    font-size: 16px;
    font-family: "RBDesign Medium", Arial, sans-serif;
}

.m-stage-person .container .wrapper .c-share-networks {
    position: absolute;
    bottom: 167px;
    right: 0;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
}

.c-share-networks .c-button+.c-button {
    margin-left: 1px;
}

.m-stage-person .container .wrapper .c-share-networks .c-button {
    text-decoration:
        none;
    height: 48px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .72px;
    font-family: "RBDesign Bold", Arial, sans-serif;
    padding:
        0 20px;
    color: #fff;
    background-color: #000;
    display: inline-flex;


    flex-direction: row;


    justify-content: center;


    align-items: center;


    flex-wrap: nowrap;
    position: relative;
    overflow:
        hidden;
    background-image: none;
    border:
        0;
    outline:
        0;
    cursor: pointer;
}

.m-back-to-location {
    display: none;
}

.m-back-to-location .container {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
}

.m-back-to-location .container .m-text .wrapper {
    width: 49.15%;
    margin-right: 1.69%;
    margin-left: 42.7%;
    float: left;
}

.m-back-to-location .container a {
    font-family: "RBDesign Medium", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-top: 5px;
    color: #000;
    text-decoration: none;
    display: flex;
}

.m-back-to-location .container a .icon-back {
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.m-back-to-location .container a .icon-back .icon {
    transform: scaleX(-1);
}

.m-back-to-location .container a span {
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}

/* .m-person-expertise-headline .container {
    position: fixed;
    right: 80%;
    top: 750px;
    z-index: 1999;
    padding-top: 0;
}
 */

/* .m-person-expertise-headline .container:before {
    left: 116.2%;
    top: 0;
    bottom: 0;
    height: 200px;

} */

.m-person-expertise-headline .label {
    width: auto;
    padding:
        4px 10px;
    display: inline-block;
    font-family: "RBDesign Regular", Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: 10px;
    letter-spacing: 1px;
    margin-left: 80px;


    background-color: #000;


}




/* .m-person-expertise .container {
    width: 25%;
    position: absolute;
    padding-top: 0;
    z-index: 1999;
    top: 810px;
    right: 80%;
}

 */
/* .m-person-expertise .container:before {
    left: 116.2%;
    top: 0;
    bottom: 0;
    height: 200px;
} */

.m-person-expertise .headline {
    font-size: 16px;
    line-height: 30px;
    margin-left: 80px;
    /* text-align: right; */
    font-family: "RBDesign Medium", Arial, sans-serif;
}

.m-person-expertise .headline a {
    position: relative;
    color: inherit;
    text-decoration: none;
    box-shadow: inset 0 -4px 0 #f6f600;
}

.m-text .container {


    position: relative;
    overflow: hidden;
    background-color: inherit;
    border-color: inherit;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;




}

/* .m-text .container:before{
    left: 37.28%;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 9.1836734694%;
    z-index: 0;
    width: 2px;
    background-color: #e6e6e6;
} */

.m-text .wrapper {
    width: 49.15%;
    margin-right: 1.69%;
    margin-left: 42.7%;
    float: left;
}

.c-text-paragraph {
    font-size: 17px;
    line-height: 28px;
    font-family: "RBDesign Regular", Arial, sans-serif;
    margin-top: 30px;
    margin-bottom: 30px;
}

.m-person-quote {
    position: relative;
}

.m-person-quote .container {
    position: relative;
    overflow: hidden;
    background-color: inherit;
    border-color: inherit;

}

/* .m-person-quote .container:before {
    top: 0;
    bottom: auto;
    height: 40px;
    z-index: 10;
    left: 37.28%;
    content: "";
    position: absolute;
    width: 2px;
    background-color: #e6e6e6;


} */

.m-person-quote .container .wrapper {
    width: 100%;
    margin-left: 0;
    position: relative;
    z-index: 1;
}


.m-person-quote .container .wrapper .content {
    top: 0;


    left: 0;


    width: 100%;
    height: 100%;
    z-index: 2;


    padding:
        40px 0 0 0;
    margin:
        30px 0;

    display: flex;


    flex-direction: column;
}






.m-person-quote .container .wrapper .content .quote {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow:
        hidden;

    align-items: center;


    width: 73.3496332518%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 8.8834555827%;
}

.m-person-quote .container .wrapper .content .quote blockquote:before {
    content: open-quote;
    position: absolute;
    margin-left: -12px;
}

.m-person-quote .container .wrapper .content .quote blockquote {
    font-family: "Arnhem Semi Bold", Arial, sans-serif;
    color: #004ac2;
    quotes: "“" "”" "‘" "’";
    font-size: 28px;
    line-height: 42px;


}


.m-person-quote .container .wrapper .content .quote blockquote:after {
    content: close-quote;
    margin-left: -8px;
}



.m-person-quote .container .wrapper .content .name {


    font-family: "RBDesign Regular", Arial, sans-serif;


    margin-top: 20px;


    font-size: 19px;
    line-height: 30px;
    width: 73.3496332518%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 8.8834555827%;
    margin-bottom: 50px;
}

.m-section-headline .container {
    padding:
        40px 0 50px;
}

.m-section-headline .container:before {
    top: 0;
    bottom: auto;
    height: 40px;
    content: "";
    position: absolute;
    top: 0;
    z-index: 0;
    width: 2px;
    background-color: #e6e6e6;
}


.m-section-headline .overline:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 25.42%;
    margin: 0 auto;
    width: 40px;
    height: 4px;
    background-color: #000;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .2px;
    text-align: center;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
}

.m-section-headline .overline:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 35.28%;
    height: 100vh;
    z-index: 0;
    width: 2px;
    background-color: #e6e6e6;
}



.m-load-more {
    background-color: #fff;
}

.m-person-publication .container {
    padding: 40px 0;
}

.m-person-publication .content {
    float: left;
    width: 49.15%;
    margin-left: 42.16%;
    font-size: 17px;
    line-height: 30px;
}

.m-person-publication .content .headline {
    font-family: "RBDesign Bold", Arial, sans-serif;
}

.m-person-publication .content a {
    position: relative;
    color: inherit;
    text-decoration: none;
    box-shadow: inset 0 -4px 0 #f6f600;
}

.m-person-publication .content .author {
    font-family: "RBDesign Regular", Arial, sans-serif;
}

.m-person-publication .content a.no-underline {
    box-shadow: none;
}

.m-person-publication .content p {
    margin: 0;
    padding: 0;
    border: 0;

    font: inherit;
    vertical-align: baseline;
}


.m-load-more {
    background-color: #fff;
}

.m-person-publication .container {
    padding: 40px 0;
    position: relative;
    overflow: hidden;
    background-color: inherit;
    border-color: inherit;
}

.m-person-publication .container .content p {
    font-family: "RBDesign Regular", Arial, sans-serif;
}


.m-load-more .container:before {
    left: 37.28%;
}

.m-person-publication .content {
    float: left;
    width: 49.15%;
    margin-left: 42.16%;
    font-size: 17px;
    line-height: 30px;
}

.m-person-publication .content .headline {
    font-family: "RBDesign Bold", Arial, sans-serif;
}

.m-person-publication .content a {
    position: relative;
    color: inherit;
    text-decoration: none;
    box-shadow: inset 0 -3px 0 #f6f600, 0 1px 0 #f6f600;
}

.m-person-publication .content .author {
    font-family: "RBDesign Regular", Arial, sans-serif;
}

.m-person-publication .content a.no-underline {
    box-shadow: none;
}

.m-person-publication .container:after {
    top: 55px;
    left: 37.28%;
    content: "";
    position: absolute;
    z-index: 1;

    display: block;

    margin-left: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 0 8px #fff;
}



/* Web Profiles */



/* Slider */

.m-slider-textpara .container {
    width: inherit;
    color: #000000;
    background: #f0f0f0;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    overflow: hidden;
  
    display: flex;
    max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
}

.m-slider-textpara .container:before {
    top: 0;
    bottom: auto;
    height: 40px;
}



.m-slider-textpara .container .left-half {
    top: 0;
    text-align: left;
    -webkit-box-flex: 1;

    -ms-flex: 1;
    flex: 1;
    position: relative;
    background-color: inherit;
    font-size: 35px;
    line-height: 52px;
    
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;

    flex-direction: row;
    -webkit-box-pack: center;

    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0;
    right: 25.51%;
    padding-left: 20.4%;

}

.m-slider-textpara .container .left-half .headline {
    margin-right: 8%;
    margin-left: 30%;
    font-size: 30px;
    line-height: 42px;
    font-family: "Arnhem Normal", Arial, sans-serif;
}

.m-slider-textpara .container .right-half {
    background-color: inherit;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    top: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 70%;
    right: 20.53%;
}

.m-slider-textpara .container .right-half .swiper-container {
    height: inherit;
    background-color: inherit;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text {
    padding: 0 0 0 42px;
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text .headline {
    line-height: 37px;
    margin-bottom: 25px;
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p {
    font-size: 17px;
    line-height: 28px;
    font-family: "RBDesign Medium", Arial, sans-serif;
   text-align: left;
    float: left;
    clear: left;
}

.c-tile-text:after {
    content: "";
    display: table;
    clear: both;
}

.c-tile-text .headline {
  font-family: "RBDesign Bold", Arial, sans-serif;
    font-size: 25px;
   
}
.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p:last-child {
    margin-bottom: 42px;
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p {
    font-size: 17px;
    line-height: 28px;
    font-family: "RBDesign Medium", Arial, sans-serif;
}


.m-slider-textpara .container .right-half .navigation .next {
    
    color: #fff ;
        left: auto;
        
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            position: absolute;
            top: 50%;
            width: 44px;
            height: 44px;
            margin-top: -32px;
            z-index: 10;
            cursor: pointer;
            border-radius: 50%;
            /* color: #000000; */
            opacity: 1;
            -webkit-transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
            transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
        
    
}
.m-slider-textpara .container .right-half .navigation .next:not([class*=bg-]){
    background-color: #000000;
}
.m-slider-textpara .container .right-half .navigation .next {
    right: -40%;
}
.m-slider-textpara .container .right-half .navigation .next .icon{
    left: 2px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    width: 20px;
    height: 20px;
}
.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.c-tile-text {
    padding: 0 40px 0 40px;
    width: 100%;
    float: left;
    clear: left;
    font-size: 15px;
    line-height: 24px;
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p {
    font-size: 17px;
    line-height: 28px;
    font-family: "RBDesign Medium", Arial, sans-serif;
}

.m-slider-textpara .container .right-half .pagination {
    margin-left: 42px;
}

.m-slider-textpara .container .right-half .pagination.is-black .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: black !important;
}

.m-slider-textpara .container .right-half .pagination.is-black .swiper-pagination-bullet {
    width: 10px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: inherit;
    border: black solid 2px;
    opacity: 0.5;
}

/*Slider*/


/*Blue grid*/


/* .m-text .wrapper {
  width: 43% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
} */

.m-text .wrapper {
  width: 85% !important;
  /* float: left !important;
  margin-right: 0 !important;
  margin-left: 0 !important; */
}

.m-text .container .wrapper .c-text-infobox {
  position: relative !important;
  margin-left: -29.41% !important;
  width: 144.11% !important;
  padding: 40px 14.7% 0 29.41% !important;
  background: #004ac2 !important;
  color: white !important;
  text-align: right !important;
  font-size: 15px !important;
  /* line-height: 22px !important; */
}

.m-text .container .wrapper  .c-text-infobox .headline {
  margin-top: 5px !important;
  margin-bottom: 20px !important; 
  font-family: "RBDesign Bold", Arial, sans-serif !important;
  text-align: right !important;
  font-size: 19px !important;
  color: #fff !important;
  /* line-height: 27px; */
}

.m-text .container .wrapper .c-text-infobox p {
  font-family: "RBDesign Medium", Arial, sans-serif !important;
  text-align: right !important;
  font-size: 13px !important;
  line-height: 23px !important;
  color: #fff !important;
}

.m-text .container .wrapper .c-text-infobox .c-button {
  float: right !important;
  clear: right !important;
  margin-right: -55px !important;
}

/* .m-text .wrapper .c-text-paragraph {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  font-family: "RBDesign Regular", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 23px !important;
} */

/*Blue grid*/

/*Caption font */

.c-tile-image figure figcaption {
    padding: 10px 0;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: .12em !important;
    background-color: #fff !important;
  }

.m-image-caption figure figcaption {
   padding: 10px 0;
    font-family: "Arnhem Bold Italic", Arial, sans-serif !important;
    font-size: 12px;
    letter-spacing: .12em !important;
    background-color: #fff !important;
    text-decoration: none;
    color: #000 !important;
  }
/*Caption font */
  

/* quote-carouse */


.m-quote-carousel .container .swiper-container .swiper-wrapper{
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 50px;
    -webkit-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
        position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
}

.m-quote-carousel .container .swiper-container .swiper-wrapper .swiper-slide{
    text-align: center;
    font-size: 18px;
    background: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100% !important;
    height: 100%;
    position: relative;
}
.quote-carousel {
    width: inherit;
}

.quote-carousel .c-tile-quote-carousel .image-mobile-section-hidden,
.quote-carousel .c-tile-quote-carousel .image-mobile-section{
       display:none;
}
    
.quote-carousel .c-tile-quote-carousel {
    text-align: left;
width: 100%;
    box-sizing: border-box;
    padding: 3.36% 9.36% 7px 2.36%; 
 
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  flex-wrap:wrap; 
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    line-height: 22px;
    font-size: 18px;
    background-size: cover;
    background-position: center center;
    }

/* .quote-carousel .c-tile-quote-carousel {
padding: 6.77% 6.77% 5px 6.77%;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
position: relative;
text-align: center;
line-height: 22px;
font-size: 18px;
background-size: cover;
background-position: center center;
} */

    .quote-carousel .c-tile-quote-carousel .image-section-hidden {
        visibility: hidden;
        display: block;
        padding: 1.67% 4.77% 1.67% 1.67%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;

    }
    .quote-carousel .c-tile-quote-carousel .image-section {
        padding: 3.67% .77% .67% 1.67%;
    }
    .quote-carousel .c-tile-quote-carousel .image-section {
        top: -75px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 1.67% 6.77% 1.67% 1.67%;
    }
    .quote-carousel .c-tile-quote-carousel .image {
        margin-left: auto;
    margin-right: auto;
    width: 20vw;
    height: 20vw;
    max-width: 300px;
    max-height: 300px;
    }

.quote-carousel .c-tile-quote-carousel .image .wrapper{
  border-radius: 50%;
width: 100%;
height: 100%;
text-align: center;
  overflow:hidden;

}
.quote-carousel .c-tile-quote-carousel .image img {
    height: 100%;
    vertical-align: top;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}
.quote-carousel .c-tile-quote-carousel .image-section {
position: absolute;
/*display: none;*/
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.quote-carousel .c-tile-quote-carousel .content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}

.quote-carousel .c-tile-quote-carousel .content .quote {
height: 175px;
font-size: 25px;
line-height: 45px;
font-family: "Arnhem Pro Normal", Arial, sans-serif;
margin-bottom: 90px;
  margin-right: 5px;
quotes: "“" "â€" "‘" "’";
quotes: "“" "”" "‘" "’" !important;
text-align:left !important;
}
s
.quote-carousel .c-tile-quote-carousel .about {
line-height: 21px;
font-size: 13px;
margin-bottom: 20px;
text-align:left !important;
height:auto;
}
.quote-carousel .c-tile-quote-carousel .buttons {
position: absolute;
bottom: 0;
right: 0;
}

.quote-carousel .c-tile-quote-carousel .content .quote:before {
    content: open-quote;
    position: absolute;
    margin-left: -11px;
}

.quote-carousel .c-tile-quote-carousel .content .quote:after {
    content: close-quote;
}
.m-quote-carousel .container .swiper-container .swiper-wrapper .swiper-slide:not(:first-child){
      display:none;
}



/* quote-carouse */


.m-stage-overview .content-tile .c-button {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    line-height: 27px;
    height: 74px;
    font-size: 18px;
    letter-spacing: 1.06px;
}


.m-stage-overview .container .wrapper .headline h1 {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
}

.m-stage-overview .container .wrapper .headline h2 {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
  }

.m-section-headline .container .add-line  {
  
  font-family: 'RBDesign Bold', Arial, sans-serif !important;
  
}


/* Expandable icon */

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .label {
    
      font-family: "Arnhem Blond Italic",Arial,sans-serif !important;
    -webkit-order: 2 !important;
        -ms-flex-order: 2!important;
        order: 2!important;
  margin-left:30px !important ;
   
}

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon{
    -webkit-order: 1 !important;
        -ms-flex-order: 1!important;
        order: 1!important;
}

/* Expandable icon */


.c-tile-contact .details .name {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
  }

.c-text-subheadline{
   font-family: "RBDesign Bold", Arial, sans-serif; !important;
}

.m-section-headline .overline:before {
 font-family: "Arnhem Bold Italic", Arial, sans-serif !important;
}

.m-section-headline .container .overline:before {
  font-family: "Arnhem Bold Italic", Arial, sans-serif !important;
  
}

.c-text-paragraph{
      font-family: "RBDesign Regular", Arial, sans-serif !important;
}

.m-text .container .c-text-blockquote .author .details .name a {
  
   font-family: 'RBDesign Bold', Arial, sans-serif !important;
  
}

.m-sharebar .container .wrapper .share .label {
    font-family: "Arnhem Blond Italic", Arial, sans-serif !important;
  }


.c-tile-expertise .headline {
   font-family: "Arnhem Bold Italic",Arial,sans-serif !important;
}

.m-section-headline .overline {
  font-family: "RBDesign BoldItalic",Arial,sans-serif !important;
}
.c-tile-content .headline{
  font-family: "Arnhem Bold Italic", Arial, sans-serif !important;
}

.c-text-subheadline{
  font-family: "RBDesign Bold", Arial, sans-serif !important;
}

.m-text .container .c-text-blockquote .author .details .name, .m-text .container .c-text-blockquote .author .details .name a {
  
   font-family: 'RBDesign Bold', Arial, sans-serif !important;
}



.c-text-paragraph strong, .c-text-paragraph b {
  font-family: "RBDesign Bold", Arial, sans-serif !important;
  }

.c-text-blockquote .author .details .job-title, .c-text-blockquote .author .details .address {
    color: #a0a0a0;
    margin-bottom: 5px;
  font-family: "RBDesign Regular", Arial, sans-serif !important;
}

.m-stage-overview .container .wrapper .headline h2 {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
  }

.m-teaser-double-join .wrapper .content .headline h2 {
    
    font-family: "RBDesign Bold", Arial, sans-serif !important;
}

.c-tile-contact .details .job-title, .c-tile-contact .details .address, .c-tile-contact .details .telephone {
    font-family: "RBDesign Medium", Arial, sans-serif !important;
}

.m-footer .locations .organization {
    font-family: "RBDesign Regular", Arial, sans-serif !important;
   
}


.m-footer .locations .photo-credits-body {
    font-family: "RBDesign Regular", Arial, sans-serif !important;
    color: #a0a0a0;
    
}

.m-footer .locations .country {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
  }


.m-footer .locations .city {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
  }

.m-footer .locations .organization .contact-details .communication .label {
    font-family: "RBDesign Regular", Arial, sans-serif !important;
}

.m-footer .locations .organization .name {
   
    font-family: "RBDesign Regular", Arial, sans-serif !important;
}
.m-footer .locations .photo-credits-body {
    font-family: "RBDesign Regular", Arial, sans-serif !important;
  }

.m-breadcrumb ul li {
    font-family: "RBDesign Regular", Arial, sans-serif !important;
  }

.m-stage-expert .container .wrapper .person .details .address {
    font-family: "RBDesign Medium", Arial, sans-serif !important;
  }

.m-slide-quote .container .wrapper .content .person .details .job-title {
    font-family: "RBDesign Medium", Arial, sans-serif !important;
  }

.m-slide-quote .container .wrapper .content .person .details .address {
    font-family: "RBDesign Medium", Arial, sans-serif !important;
  }


.smart-search-search-results {
  display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
    
}
.smart-search-search-results .smart-search-search-result{
    display: flex;
  width: 100%;
  padding-top: 1px;
}
.c-tile-expertise {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    color: #000;
    text-decoration: none;
  background: #f0f0f0 !important;
  }

.c-tile-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: inherit;
    text-decoration: none;
    padding: 10px 10px 10px 20px;
    width: 100%;
    min-height: 120px;
    background: #f0f0f0;
}
.m-grid  .c-tile-content.is-large .label-wrapper {
    z-index: 1;
    position:absolute;
    top: 25px !important;
    left: 155px !important;
    right:initial !important;

}
.m-grid .c-tile-content.is-large .image img,
.m-grid  .c-tile-content.is-large .image video{
    left: 8%;
}
.m-grid  .c-tile-content.is-large .headline{
      padding-left:140px;
}

.m-grid .tiles .tile .c-tile-content.is-large .headline,
.m-grid .tiles .tile .c-tile-content.is-small .headline  {
    position: static !important;
    
  }
.c-tile-content .headline {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
      padding-left:200px;
    order: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    font-family: "RBDesign Medium", Arial, sans-serif !important;
    font-size: 22px;
        line-height: 30px;
    color: #000 !important;
    padding-right: 20px;
    padding-top: 30px;
}
.c-tile-content .label-wrapper .c-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    vertical-align: top;
    padding: 4px 10px;
    display: inline-block;
    font-family: "RBDesign Bold", Arial, sans-serif !important;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}

@media screen and (min-width:480px) {
  .smart-search-search-results{
        margin-left: -1px;
        margin-top: -1px;
  }
  .smart-search-search-results .smart-search-search-result{
        width: 50%;
      padding-left: 1px;
  }
  .c-tile-content.is-large .image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    overflow: hidden;
    width: 100px;
    height: 100px;
    }
}

.m-text .container .wrapper .c-text-infobox .headline {
   
    font-family: "RBDesign Bold", Arial, sans-serif !important;
    
  }

.m-text .container .wrapper .c-text-infobox p {
    font-family: "RBDesign Medium", Arial, sans-serif !important;
  }

.m-text .container .wrapper .c-text-infobox .c-text-paragraph {
    font-family: "RBDesign Regular", Arial, sans-serif !important;
  }

.m-section-headline h2 {
    font-family: "RBDesign Bold", Arial, sans-serif !important;

  }

.quote-carousel .c-tile-quote-carousel .content .quote {
    
    font-family: "Arnhem Pro Normal", Arial, sans-serif !important;
  }

.quote-carousel .c-tile-quote-carousel .about .name {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
}

.quote-carousel .c-tile-quote-carousel .about .details {
    font-family: "RBDesign Light", Arial, sans-serif !important;
}


.quote-carousel .c-tile-quote-carousel .about .office {
    font-family: "RBDesign Light", Arial, sans-serif !important;
}

.c-text-autor {
    font-family: "RBDesign Regular", Arial, sans-serif !important;
  }

.m-contact .details .name, .m-search-contact .details .name {
    font-family: "RBDesign Bold", Arial, sans-serif !important;
  }


.m-contact .details .job-title, .m-search-contact .details .job-title {
    font-family: "RBDesign Medium", Arial, sans-serif !important;
}

.m-contact .details .address, .m-search-contact .details .address {
    font-family: "RBDesign Medium", Arial, sans-serif !important;
}




/* Think Act The grey grid */


.is-small.m-filter .filter {
padding: 16px 0 7px;
}

.m-filter .filter {

border-bottom: 1px solid #fff;
}

.container {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}

.m-filter .filter .headline {
  margin-left: 6.77% !important;
        margin-right: 0;
        width: 91.52%;
text-align:left !important;
       
}


.m-filter .filter .options, .m-filter .filter .checkOptions {
  margin-left: 6.77% !important;
  box-sizing: border-box;
  width:87.05% !important;
  margin-right: 0;
  /*width: unset !important;*/
  /*float: left;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  }

.container:after {
content: " ";
display: block;
clear: both;
}

.m-filter .filter .options .option, .m-filter .filter .checkOptions .option {
  width: 32.33%;
  margin-right: 1%;
  margin-top:12px;
  box-sizing: border-box;
}

.c-form-checkbox {
position: relative;
display: inline-block;
padding: 10px 0 0 0;
width: 100%;
}

.c-form-checkbox input {
position: absolute;
opacity: 0;
z-index: -1;
}

.m-filter .filter .options .c-form-checkbox .wrapper, .m-filter .filter .checkOptions .c-form-checkbox .wrapper {
width: 100%;
font-size: 12px !important;
}

.is-small.m-filter .filter .c-form-checkbox .wrapper:before {
top: 9px;
}

.c-form-checkbox .wrapper:before {
content: "";
position: absolute;
z-index: 0;

right: 14px;
width: 20px;
height: 20px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0);
}

.is-small.m-filter .filter .c-form-checkbox .wrapper .icon {
top: 13px;
}

.c-form-checkbox .wrapper .icon {
position: absolute;
z-index: 1;
right: 18px;

color: #000;
width: 12px;
height: 12px;
opacity: 0;
}

.c-form-checkbox .wrapper .text {
font-family: "RBDesign Bold", Arial, sans-serif;
letter-spacing: .8px;
text-transform: uppercase;
display: inline-block;
margin-right: 10px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.c-form-checkbox .wrapper .number {
font-family: "RBDesign Light", Arial, sans-serif;
letter-spacing: .04em;
margin-right: 10px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}

.is-small.m-filter .form-footer {
margin-top: 0;
}

.m-filter .form-footer {
margin-top: 20px;
text-align: right;
}

.is-small.m-filter .form-footer .container {
min-height: 38px;
}

.m-filter .form-footer .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 48px;
}

.is-small.m-filter .form-footer .c-button {
height: 38px;
}

.c-button.is-transparent {
color: #000;
background-color: rgba(0, 0, 0, 0);
}

.c-button {
text-decoration: none;
height: 48px;
font-size: 12px;
line-height: 16px;
letter-spacing: .72px;
font-family: "RBDesign Bold", Arial, sans-serif;
padding: 0 20px;
color: #fff;
background-color: #000;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
overflow: hidden;
background-image: none;
border: 0;
outline: 0;
cursor: pointer;
}

.c-button span {
display: inline-block;
text-transform: uppercase;
}

.m-filter .form-footer .c-button+.c-button {
margin-left: 1px;
}

.c-button {
text-decoration: none;
height: 48px;
font-size: 12px;
line-height: 16px;
letter-spacing: .72px;
font-family: "RBDesign Bold", Arial, sans-serif;
padding: 0 20px;
color: #fff;
background-color: #000;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
overflow: hidden;
background-image: none;
border: 0;
outline: 0;
cursor: pointer;
}

.m-filter .form-footer .c-button .icon {
width: 16px;
height: 16px;
}
.c-button .icon+span, .c-button span+.icon {
margin-left: 10px;
}

.c-button span {
display: inline-block;
text-transform: uppercase;
}


/* The grey grid */

.m-stage-overview {
  position:relative;
  background: #fff !important;
  overflow:hidden !important;
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header .headline-text {
  display: inline !important;
  text-overflow: unset !important;
  word-spacing: normal !important;
  line-height: 1.4em !important; 
  background-color: white !important; 
  color: #000 !important;
  box-shadow: -8px 0 0 0 white, 8px 0 0 0 white !important;
  -webkit-box-decoration-break: clone !important;
}

/* Podcast */

 .m-audioplayer {
    display: block !important;
  }


 /* end */



/* Update 2024/04/04  */
  @import url("//hello.myfonts.net/count/2e39e3");
  
  * {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
  }

  
  @media print {
    a[href]:after { content: none !important; }
  }

  .ct-label {
    fill: #eff0f1;
    color: #eff0f1;
    font-size: 0.75rem;
    line-height: 1
  }

  #authorTiles {
    display:flex !important;
  }
  #_experts_grid_1 .tiles{
    display:flex !important;
  }
  /* This is chirag css-- start */

  /*
  .m-header .logo {
    padding: 18px;
    z-index: 6;
    top: 20px;
    left: 75px;
    position: absolute;
    width: 60px;
    height: 30px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url("./RB_Wordmark_Black_Digital.png");
  }
  */
  
  span[style] {
    color: white !important;
  }
  
  .m-back-to-location {
    display: none;
  }

  .c-text-paragraph a {
    position: relative;
    color: #000;
    text-decoration: none;
    box-shadow: inset 0 -3px 0 #f6f600, 0 1px 0 #f6f600;
  }

  /* publication page heading */
  .m-stage-publication .container .wrapper .headline h1 {
    font-family: "Brix Sans Bold",Arial,sans-serif !important;
    font-weight: 600;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: .4px;
    color: #FFFFFF;
    display:block;
    font-weight: 700;
  }

  #experts_v2 {
    display: block;
  }
  .m-contact-box {
    display: block;
  }
  .m-stage-overview .button.desktop-only {
    display: block;
  }
  .m-stage-overview .button.mobile-only {
    display: none;
  }
  
  .c-text-blockquote {
    display: block;
    padding-bottom: 30px;
  }
  .c-text-blockquote .author {
    float:left;
    text-align:left;
    margin-top:5px;
    margin-left: -25px;
  }
  
  .m-text .wrapper .c-text-subheadline{
    padding-top:40px;
  }
  
  /* Start page header -- Start -- */
  
  .m-stage-overview.new-overview {
    height: 460px;
  }
  
  .m-stage-overview.tablet {
    display: none;
  }
  
  .m-stage-overview .button {
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: -40px;
  }
  
  .m-stage-overview .button.desktop-only .c-button .icon {
    margin-bottom: -5px;
  }
  
  .m-stage-overview .button.desktop-only .c-button {
    padding: 20px;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1.06px;
  }
  
  .m-stage-overview.new-overview .container:before {
    display: none;
  }
  
  .m-stage-overview .container .wrapper {
    padding-bottom: 60px;
    padding-top: 142px;
  }
  
  .m-stage-overview.new-overview .wrapper .headline {
    display: none;
  }

  
  /* Start page header -- End -- */
  
  /* heading in job page -- Start -- */
  
  .m-stage-overview .container .wrapper .headline h2 {
    bottom: 57px;
    font-size: 45px;
    line-height: 50px;
  }
  
  
  /* heading in job page -- End -- */
  
  /* Start page first v2 grid -- Start -- */
  
  .m-grid .tiles.content-new-tiles .tile.span-6-6:not(:last-child),.m-grid .tiles.content-new-tiles .tile:nth-child(3n+1):last-child {
    margin-bottom: 7px;
    height: 160px;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-6-6 {
    width: 100%;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-6-6 .c-tile-content-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-6-6 .label-wrapper {
    position: absolute;
  top: 18px;
  left: 143px;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-6-6 .image, .m-grid .tiles.content-new-tiles .tile.span-6-6 .video {
    width: 100px;
    height: 100px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    position: absolute;
    left: 3%;
    bottom: 14%;
  }


  .m-grid .tiles.content-new-tiles .tile.span-6-6 .image img, .m-grid .tiles.content-new-tiles .tile.span-6-6 .video img {
    display: block;
    top: auto;
    left: auto;
    height: 100%;
    width: auto;
    -webkit-transform: scale(1.02) translateZ(0);
    transform: scale(1.02) translateZ(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-6-6 .c-tile-content-new.style-vertical .content-wrapper {
    padding: 20px 3.36% 0px;
    position: absolute;
    width: 100% !important;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-6-6 h2 {
    font-size: 14px;
    position: relative; 
    margin-bottom: 6%;
    margin-left: 17%;
  }
  
  /* Start page first v2 grid -- End -- */
  
  
  /* job world-wide grid --Start-- */
  
  .c-tile-content-new .form-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    top: initial !important;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new.with-select.mobile, .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new.with-select.mobile {
    height: 100%;
  }
  
  /* job world-wide grid --End-- */
  
  /* Start page meet our exepert section -- Start -- */
  
  .c-tile-expert {
    line-height: 22px;
    font-size: 18px;
    text-align: left;
    padding: 3.36% 3.36%% 50px 3.36%;
    width: 100%;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    position: relative;
    background-position: center center;
    background: #f0f0f0;
  }
  
  .c-tile-expert.c-tile-expert-bg .c-tile-expert-img-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    /*-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/
    transform: translate(-50%, -50%);
    z-index: 0;
    width: 100%;
  }

  .c-tile-expert.c-tile-expert-bg>* {
    z-index: 1;
    overflow: hidden;
  }
  
  .c-tile-expert .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; 
  }
  
  .c-tile-expert .image {
    margin-left: auto;
    margin-right: auto;
    width: 20vw;
    height: 20vw;
    max-width: 270px;
    max-height: 270px;
  }
  
  .c-tile-expert .image-section {
    padding: 3.67% 5.77% 1.67% 2.67%;
    -webkit-box-align: start;
    /*-webkit-align-items: flex-start;
    -ms-flex-align: start;*/
    align-items: flex-start;
    -webkit-box-pack: center;
    /*-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;*/
  }
  
  .c-tile-expert .image .wrapper {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
  }
  
  .c-tile-expert .image img {
    height: 100%;
    vertical-align: top;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
  }
  
  .c-tile-expert .content .quote {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: .55px;
    font-family: "RBDesign Bold",Arial,sans-serif;
    margin-bottom: 30px;
    quotes: "“" "”" "‘" "’";
    margin-top: 20px;
    width: auto;
  }
  
  .c-tile-expert .image-mobile-section {
    display: none;
  }
  
  .c-tile-expert .about {
    margin-bottom: 15px;
  }
  
  .c-tile-expert .content .name {
    font-family: "RBDesign Bold",Arial,sans-serif;
    font-size: 13px;
    line-height: 21px;
  }
  
  .c-tile-expert .content .details, .c-tile-expert .content .office {
    font-family: "RBDesign Regular",Arial,sans-serif;
    font-size: 13px;
    line-height: 21px;
  }
  
  .c-tile-expert .content .detail {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  
  .c-tile-expert .buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 38px;
  }
  
  .c-tile-expert .buttons .c-button.only-desktop {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;*/
    display: flex;
  }

  .c-tile-expert .buttons .c-button.only-desktop {
    /*display: none;*/
  }
  .c-tile-expert .buttons .c-button {
    float: left;
    margin-left: 2px;
    white-space: nowrap;
  }
  
  .c-tile-expert .buttons .c-button span {
    letter-spacing: .05em;
    margin-bottom: 5px;
  }

  /* Start page meet our exepert section -- End -- */
  
  /* Start page contact-box section -- Start -- */
  
  .m-contact-box .container {
    padding: 40px 0px 0px;
  }
  
  .m-contact-box.is-turquoise {
    background: #d1fcde;
  }
  
  .m-contact-box .content {
    margin-left: 38.37%;
    width: 49.15%;
    float: left;
    margin-right: 1.69%;
  }
  
  .m-contact-box h2 {
    font-family: "RBDesign Bold",Arial,sans-serif;
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 10px;
  }
  
  .m-contact-box .text {
    font-family: "RBDesign Regular",Arial,sans-serif;
    font-size: 17px;
    line-height: 22px;
  }
  
  .m-contact-box .c-button {
    bottom: 0;
    float: right;
    margin-top: 60px;
  }
  
  /* Start page contact-box section -- End -- */

  .m-stage-overview .content-tile .c-button .icon_after {
    width: 25px;
    height: 22px;
    margin-left: 10px;
    margin-bottom: 3px;
  }
  
  .m-stage-overview .content-tile .c-button {
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 10;
    line-height: 27px;
    height: 45px;
    font-size: 15px;
    letter-spacing: 1.06px;
  }
  
  /* This is chirag css-- end */




  .m-stage-overview .container .wrapper .headline h1.st_overview_header .headline-up {
    text-transform: none;
    margin: -3px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    font-size: .37em;
    line-height: .4em;
    display: inline;
    text-overflow: unset;
    word-spacing: normal;
    background-color: #000 !important;
    color: white !important;
  }
 
  
  .ct-chart-line .ct-label, .ct-chart-bar .ct-label {
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
  }

  .ct-label.ct-horizontal.ct-start {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }

  .ct-label.ct-horizontal.ct-end {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }

  .ct-label.ct-vertical.ct-start {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
  }

  .ct-label.ct-vertical.ct-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }

  .ct-chart-bar .ct-label.ct-horizontal.ct-start {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
  }

  .ct-chart-bar .ct-label.ct-horizontal.ct-end {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start
  }

  .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }

  .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start
  }

  .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end
  }

  .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end
  }

  .ct-grid {
    stroke: #eff0f1;
    stroke-width: 1px;
    stroke-dasharray: 2px
  }

  .ct-point {
    stroke-width: 10px;
    stroke-linecap: round
  }

  .ct-line {
    fill: none;
    stroke-width: 4px
  }

  .ct-area {
    stroke: none;
    fill-opacity: 0.1
  }

  .ct-bar {
    fill: none;
    stroke-width: 10px
  }

  .ct-slice-donut {
    fill: none;
    stroke-width: 60px
  }

  .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
    stroke: #111
  }

  .ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
    fill: #111
  }

  .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
    stroke: #eee
  }

  .ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
    fill: #eee
  }

  .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
    stroke: #444
  }

  .ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
    fill: #444
  }

  .ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
    stroke: #ccc
  }

  .ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
    fill: #ccc
  }

  .ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
    stroke: #555
  }

  .ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
    fill: #555
  }

  .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
    stroke: #777
  }

  .ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
    fill: #777
  }

  .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
    stroke: #999
  }

  .ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
    fill: #999
  }

  .ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
    stroke: #888
  }

  .ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
    fill: #888
  }

  .ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
    stroke: #aaa
  }

  .ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
    fill: #aaa
  }

  .ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
    stroke: #666
  }

  .ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
    fill: #666
  }

  .ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
    stroke: #bbb
  }

  .ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
    fill: #bbb
  }

  .ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
    stroke: #333
  }

  .ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
    fill: #333
  }

  .ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
    stroke: #ddd
  }

  .ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
    fill: #ddd
  }

  .ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
    stroke: #222
  }

  .ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
    fill: #222
  }

  .ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
    stroke: #fff
  }

  .ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
    fill: #fff
  }

  .ct-square {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%
  }

  .ct-square:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-square > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-minor-second {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%
  }

  .ct-minor-second:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-minor-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-major-second {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.88889%
  }

  .ct-major-second:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-major-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-minor-third {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.33333%
  }

  .ct-minor-third:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-minor-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-major-third {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%
  }

  .ct-major-third:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-major-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%
  }

  .ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-perfect-fourth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.66667%
  }

  .ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-perfect-fifth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%
  }

  .ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-minor-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-golden-section {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.8047%
  }

  .ct-golden-section:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-golden-section > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%
  }

  .ct-major-sixth:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-major-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%
  }

  .ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-minor-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.33333%
  }

  .ct-major-seventh:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-major-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-octave {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%
  }

  .ct-octave:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%
  }

  .ct-major-tenth:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-major-tenth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%
  }

  .ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-major-eleventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.33333%
  }

  .ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-major-twelfth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .ct-double-octave {
    display: block;
    position: relative;
    width: 100%
  }

  .ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%
  }

  .ct-double-octave:after {
    content: "";
    display: table;
    clear: both
  }

  .ct-double-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .c-text-paragraph a, .c-text-left ul li a, .c-text-location .paragraph a, .c-text-list a, .m-teaser-press .content p a, .m-experience-report .details a, .m-list .content a {
    position: relative;
    color: inherit
  }

  .c-text-paragraph a.no-underline, .c-text-left ul li a.no-underline, .c-text-location .paragraph a.no-underline, .c-text-list a.no-underline, .m-teaser-press .content p a.no-underline, .m-experience-report .details a.no-underline, .m-list .content a.no-underline,.m-list .content a.no-external-hint {
    box-shadow: none;
    text-decoration: none !important;
  }

  @media (min-width: 768px) {
    .c-text-paragraph a.no-underline, .c-text-left ul li a.no-underline, .c-text-location .paragraph a.no-underline, .c-text-list a.no-underline, .m-teaser-press .content p a.no-underline, .m-experience-report .details a.no-underline, .m-list .content a.no-underline {
      box-shadow: none
    }
  }

  .c-text-paragraph a.no-external-hint[target="_blank"], .c-text-left ul li a.no-external-hint[target="_blank"], .c-text-location .paragraph a.no-external-hint[target="_blank"], .c-text-list a.no-external-hint[target="_blank"], .m-teaser-press .content p a.no-external-hint[target="_blank"], .m-experience-report .details a.no-external-hint[target="_blank"], .m-list .content a.no-external-hint[target="_blank"] {
    margin-right: 0
  }

  .c-text-paragraph a.no-external-hint[target="_blank"]:after, .c-text-left ul li a.no-external-hint[target="_blank"]:after, .c-text-location .paragraph a.no-external-hint[target="_blank"]:after, .c-text-list a.no-external-hint[target="_blank"]:after, .m-teaser-press .content p a.no-external-hint[target="_blank"]:after, .m-experience-report .details a.no-external-hint[target="_blank"]:after, .m-list .content a.no-external-hint[target="_blank"]:after {
    display: none
  }

  .c-text-paragraph strong, .c-text-left ul li strong, .c-text-location .paragraph strong, .c-text-list strong, .c-form-checkbox .text strong, .c-form-radio .text strong, .m-teaser-press .content p strong, .m-experience-report .details strong, .m-list .content strong, .c-text-paragraph b, .c-text-left ul li b, .c-text-location .paragraph b, .c-text-list b, .c-form-checkbox .text b, .c-form-radio .text b, .m-teaser-press .content p b, .m-experience-report .details b, .m-list .content b {
    font-family: 'Brix Sans Black', Arial, sans-serif
  }

  .c-text-paragraph i, .c-text-left ul li i, .c-text-location .paragraph i, .c-text-list i, .m-teaser-press .content p i, .m-experience-report .details i, .m-list .content i {
    font-family: 'Brix Sans Light Italic', Arial, sans-serif
  }

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

  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }

  body {
    line-height: 1
  }

  ol, ul {
    list-style: none
  }

  blockquote, q {
    quotes: none
  }

  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
  }

  table {
    border-collapse: collapse;
    border-spacing: 0
  }



  @font-face {
    font-family: 'Brix Sans Black';
    src: url("/fonts/brix_sans/brix_sans_black_ttf.ttf");
    src: url("/fonts/brix_sans/brix_sans_black_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Brix Sans Bold';
    src: url("/fonts/brix_sans/brix-sans_bold_ttf.ttf");
    src: url("/fonts/brix_sans/brix-sans_bold_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Brix Sans Bold Italic';
    src: url("/fonts/brix_sans/brix_sans_bolditalic_ttf.ttf");
    src: url("/fonts/brix_sans/brix_sans_bolditalic_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Brix Sans Light';
    src: url("/fonts/brix_sans/brix_sans_light_ttf.ttf");
    src: url("/fonts/brix_sans/brix_sans_light_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Brix Sans Light Italic';
    src: url("/fonts/brix_sans/brix_sans_lightitalic_ttf.ttf");
    src: url("/fonts/brix_sans/brix_sans_lightitalic_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Brix Sans Medium';
    src: url("/fonts/brix_sans/brix_sans_medium_ttf.ttf");
    src: url("/fonts/brix_sans/brix_sans_medium_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Brix Sans Medium Italic';
    src: url("/fonts/brix_sans/brix-sans_mediumitalic_ttf.ttf");
    src: url("/fonts/brix_sans/brix-sans_mediumitalic_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Arnhem Normal';
    src: url("/fonts/arnhem/arnhem_normal_ttf.ttf");
    src: url("/fonts/arnhem/arnhem_normal_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Arnhem Bold Italic';
    src: url("/fonts/arnhem/arnhem_bolditalic_ttf.ttf");
    src: url("/fonts/arnhem/arnhem_bolditalic_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Arnhem Semi Bold';
    src: url("/fonts/arnhem/arnhem_semibold_ttf.ttf");
    src: url("/fonts/arnhem/arnhem_semibold_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  @font-face {
    font-family: 'Arnhem Blond Italic';
    src: url("/fonts/arnhem/arnhem_blonditalic_ttf.ttf");
    src: url("/fonts/arnhem/arnhem_blonditalic_woff.woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
  }

  html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
  }

  html:after {
    content: "breakpoint-getComputedStyleTest";
    display: none
  }

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

  body {
    margin: 0;
    padding: 0;
    /*font-family: "Brix Sans Light", Arial, sans-serif;*/
    font-size: 18px;
    line-height: 28px;
    color: #000;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0.1)
  }

  html[data-font-lang="ja"] body {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  body.is-grey {
    background-color: #dee0e3
  }

  body:after {
    content: 'none';
    display: none
  }

  @media (min-width: 480px) {
    body:after {
      content: "w480";
      display: none
    }
  }

  @media (min-width: 768px) {
    body:after {
      content: "w768";
      display: none
    }
  }

  @media (min-width: 1024px) {
    body:after {
      content: "w1024";
      display: none
    }
  }

  @media (min-width: 1280px) {
    body:after {
      content: "w1280";
      display: none
    }
  }

  svg.icon {
    fill: currentColor;
    width: 16px;
    height: 16px
  }

  main {
    display: block
  }

  .container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .container:after {
    content: " ";
    display: block;
    clear: both
  }

  @media (min-width: 768px) {
    .container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
    }

    .container:after {
      content: " ";
      display: block;
      clear: both
    }
  }

  @media (min-width: 1024px) {
    .container {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto
    }

    .container:after {
      content: " ";
      display: block;
      clear: both
    }
  }

  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto
    }

    .container:after {
      content: " ";
      display: block;
      clear: both
    }
  }

  a:after {
    font-size: 10px
  }

  a:not(.telephone):not([ng-click]):not([href^="mailto"]):after {
    content: " (URL:" attr(href) ")"
  }

  a[href^="mailto"]:after {
    content: " (" attr(href) ")"
  }

  .c-text-paragraph {
    font-family: "Brix Sans Light", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .c-text-paragraph {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-paragraph {
    font-family: Arial, sans-serif
  }

  .c-text-info {
    position: relative;
    margin-left:-17.24%;
    width: 144.11765%;
    padding: 40px 0;
    color: #fff;
    background: #96aeca;
    position: relative;
    overflow: hidden
  }

  .c-text-info .headline, .c-text-info p {
    margin-left: 10.20408%;
    margin-right: 16.20408%;
    font-size: 15px;
    line-height: 22px
  }

  .c-text-info .headline {
    font-family: "Brix Sans Bold Italic", Arial, sans-serif
  }

  html[data-font-lang="ja"] .c-text-info .headline {
    font-family: "Brix Sans Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-info .headline {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .c-text-info p {
    font-family: "Brix Sans Light Italic", Arial, sans-serif
  }

  html[data-font-lang="ja"] .c-text-info p {
    font-family: "Brix Sans Light Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-info p {
    font-family: Arial, sans-serif;
    font-style: italic
  }

  .c-text-info .headline + p {
    margin-top: 10px
  }

  .c-text-infobox {
    position: relative;
    margin-left: -14.70588%;
    width: 144.11765%;
    padding: 40px 14.70588% 0 14.70588%;
    background: linear-gradient(to right, #156c9c 0%, #0092ac 100%);
    color: #fff;
    text-align: right;
    font-size: 15px;
    line-height: 22px
  }

  .c-text-infobox:after {
    content: '';
    display: table;
    clear: both
  }

  .c-text-infobox .headline {
    margin-top: 5px;
    margin-bottom: 20px;
    font-family: "Brix Sans Bold Italic", Arial, sans-serif;
    text-align: left
  }

  html[data-font-lang="ja"] .c-text-infobox .headline {
    font-family: "Brix Sans Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-infobox .headline {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .c-text-infobox p {
    font-family: "Brix Sans Light Italic", Arial, sans-serif;
    text-align: left
  }

  html[data-font-lang="ja"] .c-text-infobox p {
    font-family: "Brix Sans Light Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-infobox p {
    font-family: Arial, sans-serif;
    font-style: italic
  }

  .c-text-infobox p:last-child {
    margin-bottom: 40px
  }

  .c-text-infobox .c-button {
    margin-top: 20px;
    vertical-align: bottom
  }

  .c-text-infobox.is-aligned-right {
    padding: 40px 14.70588% 0 14.70588%
  }

  .c-text-infobox.is-aligned-right .headline, .c-text-infobox.is-aligned-right p {
    text-align: right
  }
  
  .c-text-blockquote .author .details .job-title a, .c-text-blockquote .author .details .address a {
    color: inherit;
    text-decoration: none
  }

  
  .c-text-blockquote {
    width: 100%;
    font-size: 19px;
    line-height: 30px
  }

  .c-text-blockquote blockquote {
    font-size: 17px;
    line-height: 30px;
    font-family: "Arnhem Semi Bold",Arial,sans-serif;
    color: #004ac2 !important;
    margin-bottom: 25px;
    margin-top: 0px;
  }
  
  /*
  html[data-font-lang="ja"] .c-text-blockquote blockquote {
    font-family: "Arnhem Normal", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-blockquote blockquote {
    font-family: Arial, sans-serif
  }

  .c-text-blockquote blockquote:before, .c-text-blockquote blockquote:after {
    content: "\0022"
  }
  */
  
  
  .c-text-blockquote .author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .c-text-blockquote .author .image {
    display: block;
    width: 72px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: left;
    margin-bottom: 0;
    margin-left: 30px;
    margin-right: 20px;  
  }

  
  .c-text-blockquote .author .image img {
    border-radius: 50%;
    max-width: 50%;
    vertical-align: bottom
  }
  

  .c-text-blockquote .author .details {
    font-size: 12px;
    line-height: 16px
  }

  .c-text-blockquote .author .details .name {
    font-family: "Brix Sans Black", Arial, sans-serif;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    color: #000
  }

  html[data-font-lang="ja"] .c-text-blockquote .author .details .name {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-blockquote .author .details .name {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-text-blockquote .author .details .job-title, .c-text-blockquote .author .details .address {
    color: #8d9399;
    letter-spacing: 0.04em;
    margin-bottom: 5px
  }

  .c-text-blockquote .author .details .job-title:last-child, .c-text-blockquote .author .details .address:last-child {
    margin-bottom: 0
  }

  .c-text-blockquote .author .details .job-title {
    font-family: "Brix Sans Black", Arial, sans-serif;
    text-transform: uppercase
  }

  html[data-font-lang="ja"] .c-text-blockquote .author .details .job-title {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-blockquote .author .details .job-title {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-text-blockquote .author .details .address {
    font-family: "Brix Sans Medium", Arial, sans-serif
  }

  html[data-font-lang="ja"] .c-text-blockquote .author .details .address {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-blockquote .author .details .address {
    font-family: Arial, sans-serif
  }
  

  .c-text-subheadline {
    position: relative;
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 45px;
    display: list-item
  }

  html[data-font-lang="ja"] .c-text-subheadline {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-subheadline {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-text-subheadline.is-grey {
    color: #8d9399
  }

  .c-text-subheadline.is-black {
    color: #000
  }



  .c-text-left {
    text-align: left;
    font-size: 15px;
    line-height: 22px
  }

  @media (min-width: 768px) {
    .c-text-left {
      width: 65.51724%;
      margin-left: -86.2069%;
      float: left;
      clear: left;
      font-size: 19px;
      line-height: 30px;
      text-align: right
    }

    .c-text-left h3:after {
      content: '';
      position: absolute;
      z-index: 1;
      top: 8px;
      right: -18.96552%;
      margin-right: 2px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #000;
      box-shadow: 0 0 0 8px #fff
    }

    body.is-grey .c-text-left h3:after {
      box-shadow: 0 0 0 8px #dee0e3
    }
  }

  @media (min-width: 768px) and (min-width: 1024px) {
    .c-text-left h3:after {
      top: 12px;
      right: -18.08134%;
      margin-right: 3.5px
    }
  }

  @media (min-width: 768px) {
    .c-text-left ul li:after {
      content: '';
      position: absolute;
      z-index: 1;
      top: 8px;
      right: -18.96552%;
      margin-right: 2px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #000;
      box-shadow: 0 0 0 8px #fff
    }

    body.is-grey .c-text-left ul li:after {
      box-shadow: 0 0 0 8px #dee0e3
    }
  }

  @media (min-width: 768px) and (min-width: 768px) {
    .c-text-left ul li:after {
      top: 12px;
      right: -18.08134%;
      margin-right: 3.5px
    }
  }

  .c-text-left .headline {
    margin-top: 5px;
    margin-bottom: 20px;
    font-family: "Brix Sans Black", Arial, sans-serif;
    text-align: left
  }

  html[data-font-lang="ja"] .c-text-left .headline {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  @media (min-width: 768px) {
    .c-text-left .headline {
      margin-bottom: 50px;
      margin-left: 30px;
      margin-right: 0px;
      text-align: right
    }
  }

  .c-text-left .headline:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 8px;
    right: -18.96552%;
    margin-right: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 0 8px #fff
  }

  body.is-grey .c-text-left .headline:after {
    box-shadow: 0 0 0 8px #dee0e3
  }

  @media (min-width: 1024px) {
    .c-text-left .headline:after {
      top: 12px;
      right: -18.08134%;
      margin-right: 3.5px
    }
  }

  .c-text-left p {
    font-family: "Brix Sans Light", Arial, sans-serif;
    text-align: left
  }

  html[data-font-lang="ja"] .c-text-left p {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  @media (min-width: 768px) {
    .c-text-left p {
      margin-bottom: 50px;
      margin-left: 30px;
      margin-right: 0px;
      text-align: right
    }
  }

  .c-text-left p:last-child {
    margin-bottom: 40px
  }

  .c-text-left .text-image-caption .container:before {
    display: none
  }

  .c-text-left .text-image-caption figure {
    position: relative
  }

  .c-text-left .text-image-caption figure img {
    width: 100%;
    display: block;
    margin-left: 0px
  }

  @media (min-width: 768px) {
    .c-text-left .text-image-caption figure img {
      margin-left: 30px
    }
  }

  .c-text-left .text-image-caption figure figcaption {
    padding: 10px 20px;
    margin-left: 0px;
    background-color: #eff0f1;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.12em
  }

  html[data-font-lang="ja"] .c-text-left .text-image-caption figure figcaption {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  @media (min-width: 768px) {
    .c-text-left .text-image-caption figure figcaption {
      font-size: 14px;
      line-height: 20px;
      margin-left: 30px;
      text-align: left
    }

    .c-text-left .text-image-caption figure figcaption:after {
      content: '';
      display: table;
      clear: both
    }
  }

  .c-text-left .text-image-caption figure figcaption .reference {
    display: block;
    color: #8d9399;
    font-family: "Brix Sans Medium", Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase
  }

  html[data-font-lang="ja"] .c-text-left .text-image-caption figure figcaption .reference {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  @media (min-width: 768px) {
    .c-text-left .text-image-caption figure figcaption .reference {
      float: right
    }
  }

  .c-text-left .text-image-caption figure figcaption .reference strong {
    font-family: "Brix Sans Black", Arial, sans-serif
  }

  html[data-font-lang="ja"] .c-text-left .text-image-caption figure figcaption .reference strong {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  .c-text-left .text-image-caption figure figcaption .reference a {
    color: inherit;
    text-decoration: none
  }

  .c-text-location {
    font-family: "Brix Sans Medium", Arial, sans-serif;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.04em
  }

  html[data-font-lang="ja"] .c-text-location {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-location {
    font-family: Arial, sans-serif
  }

  .c-text-location .name {
    display: block;
    font-family: "Brix Sans Black", Arial, sans-serif;
    margin-bottom: 20px;
    color: #000
  }

  html[data-font-lang="ja"] .c-text-location .name {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-location .name {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-text-location .contact-details {
    color: #8d9399
  }

  .c-text-location .contact-details .address {
    margin-bottom: 20px
  }

  .c-text-location .contact-details .communication .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .c-text-location .contact-details .communication .label {
    font-family: "Brix Sans Black", Arial, sans-serif;
    min-width: 75px
  }

  html[data-font-lang="ja"] .c-text-location .contact-details .communication .label {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-location .contact-details .communication .label {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-text-location .contact-details .communication a {
    display: inline-block;
    color: inherit;
    text-decoration: none
  }

  .c-text-location .contact-details .communication a.telephone {
    cursor: text
  }

  .c-text-location .contact-details .communication a .icon {
    position: relative;
    top: 4px
  }

  .c-text-location figure {
    position: relative;
    margin-top: 20px;
    background-color: #eff0f1
  }

  .c-text-location figure .image {
    width: 100%
  }

  .c-text-location figure .image img {
    display: block;
    width: 100%
  }

  .c-text-location figure figcaption {
    width: 100%;
    padding: 15px;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.12em
  }

  html[data-font-lang="ja"] .c-text-location figure figcaption {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-location figure figcaption {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .c-text-location figure figcaption .reference {
    display: block;
    color: #8d9399;
    font-family: "Brix Sans Medium", Arial, sans-serif;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    margin-top: 15px
  }

  html[data-font-lang="ja"] .c-text-location figure figcaption .reference {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-location figure figcaption .reference {
    font-family: Arial, sans-serif
  }

  .c-text-location figure figcaption .reference strong {
    font-family: "Brix Sans Black", Arial, sans-serif
  }

  html[data-font-lang="ja"] .c-text-location figure figcaption .reference strong {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-location figure figcaption .reference strong {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-text-location figure figcaption .reference a {
    color: inherit;
    text-decoration: none
  }

  .c-text-location .paragraph {
    font-family: "Brix Sans Light", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px
  }

  html[data-font-lang="ja"] .c-text-location .paragraph {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-location .paragraph {
    font-family: Arial, sans-serif
  }

  .c-text-list {
    font-family: "Brix Sans Light", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .c-text-list {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-list {
    font-family: Arial, sans-serif
  }

  .c-text-list li + li {
    margin-top: 18px
  }

  ul.c-text-list li {
    list-style-type: disc
  }

  ol.c-text-list li {
    list-style-type: decimal
  }

  .c-text-download {
    display: none
  }

  .c-label {
    padding: 4px 10px;
    display: inline-block;
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 12px;
    line-height: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #000;
    background-color: #fff;
  }

  html[data-font-lang="ja"] .c-label {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-label {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-label.is-grey {
    background-color: #dee0e3
  }

  .c-label.is-black {
    color: #fff;
    background-color: #000
  }

  .c-button {
    text-decoration: none;
    height: 40px !important;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.12em;
    font-family: "Brix Sans Black", Arial, sans-serif;
    padding: 0px 20px;
    color: #fff;
    background-color: #000;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    background-image: none;
    border: 0;
    outline: 0;
    cursor: pointer
  }

  html[data-font-lang="ja"] .c-button {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-button {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-button:after {
    margin-left: 5px
  }

  .c-button.is-transparent {
    color: #000;
    background-color: transparent
  }

  .c-button.is-grey {
    background-color: #aeb6bb
  }

  .c-button.is-small {
    padding: 0 12px
  }

  .c-button .icon {
    width: 24px;
    height: 24px
  }

  .c-button span {
    display: inline-block;
    text-transform: uppercase
  }

  .c-button .icon + span, .c-button span + .icon {
    margin-left: 10px
  }

  .c-button.only-desktop {
    display: none
  }

  @media (min-width: 480px) {
    .c-button.only-desktop {
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex
    }
  }

  @media (min-width: 480px) {
    .c-button.only-mobile {
      display: none
    }
  }
  
  .c-tile-contact {
    display: block;
  }

  .c-tile-contact {
    position: relative;
    width: 100%;
    padding: 40px 10px 0;
    background: #f0f0f0;
  }

  .c-tile-contact.is-gradient-darkgrey-lightgrey {
    background: linear-gradient(to bottom right, #dee0e3 0%, #eff0f1 100%)
  }

  .c-tile-contact.is-white {
    background: #fff
  }

  .c-tile-contact .image {
    display: block;
    margin: 0 auto 5px;
    height: 160px;
    width: 140px
  }

  .c-tile-contact .image:after {
    display: none
  }

  .c-tile-contact .image img {
    border-radius: 50%;
    max-width: 100%;
    vertical-align: bottom
  }

  .c-tile-contact .details {
    margin-bottom: 55px;
    text-align: center;
    margin-top: 185px;
    font-size: 12px;
    line-height: 16px
  }

  .c-tile-contact .details .name {
    font-family: "Brix Sans Black", Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
    color: #000
  }

  html[data-font-lang="ja"] .c-tile-contact .details .name {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-tile-contact .details .name {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-tile-contact .details .name a {
    text-decoration: none;
    color: inherit
  }

  .c-tile-contact .details .name a:after {
    display: block
  }

  .c-tile-contact .details .job-title, .c-tile-contact .details .address, .c-tile-contact .details .telephone {
    color: #8d9399;
    letter-spacing: 0.04em;
    margin-bottom: 5px
  }

  .c-tile-contact .details .job-title:last-child, .c-tile-contact .details .address:last-child, .c-tile-contact .details .telephone:last-child {
    margin-bottom: 0
  }

  .c-tile-contact .details .job-title a, .c-tile-contact .details .address a, .c-tile-contact .details .telephone a {
    color: inherit;
    text-decoration: none
  }

  .c-tile-contact .details .job-title {
    font-family: "Brix Sans Black", Arial, sans-serif;
    text-transform: uppercase
  }

  html[data-font-lang="ja"] .c-tile-contact .details .job-title {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-tile-contact .details .job-title {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-tile-contact .details .address, .c-tile-contact .details .telephone {
    font-family: "Brix Sans Medium", Arial, sans-serif
  }

  html[data-font-lang="ja"] .c-tile-contact .details .address, html[data-font-lang="ja"] .c-tile-contact .details .telephone {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-tile-contact .details .address, html[data-font-lang="fallback"] .c-tile-contact .details .telephone {
    font-family: Arial, sans-serif
  }

  .c-tile-contact .details .telephone {
    cursor: text;
    text-decoration: none
  }

  .c-tile-contact .image + .details {
    margin-top: 0
  }
  
  /*
  .c-tile-contact .c-share-networks {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  */

  .c-tile-expertise {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    color: #000;
    text-decoration: none;
  
  }

  .c-tile-expertise:after {
    position: absolute;
    bottom: 10px;
    right: 20px;
    left: 20px;
    text-align: right;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 10px;
    line-height: 1.5
  }

  html[data-font-lang="ja"] .c-tile-expertise:after {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-tile-expertise:after {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .c-tile-expertise.is-gradient-blue-turquoise {
    background: linear-gradient(to bottom right, #156c9c 0%, #00aac9 100%);
    color: #fff
  }

  .c-tile-expertise.is-gradient-darkgrey-lightgrey {
    background: linear-gradient(to bottom right, #dee0e3 0%, #eff0f1 100%)
  }

  .c-tile-expertise.is-white {
    background: #fff;
    background: linear-gradient(#fff, #fff)
  }

  .c-tile-expertise.has-flag .headline {
    padding-top: 60px
  }

  .c-tile-expertise .c-flag {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 20px
  }

  .c-tile-expertise .image {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 115px;
    margin-left: 10px
  }

  .c-tile-expertise .image img {
    max-width: 100%;
    vertical-align: bottom;
    min-width: 100%;
    transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor
  }

  .c-tile-expertise .headline {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-align: right;
    margin: 0;
    padding: 20px 20px 40px 0
  }

  html[data-font-lang="ja"] .c-tile-expertise .headline {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-tile-expertise .headline {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    line-height: 20px
  }

  .c-tile-content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: inherit;
    text-decoration: none;
    padding: 10px 10px 40px 20px;
    width: 100%;
    min-height: 120px;
    margin: 0 !important;
    background: #f0f0f0;
  }

  .c-tile-content:after {
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    color: #8d9399;
    line-height: 1.5
  }

  html[data-font-lang="ja"] .c-tile-content:after {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-tile-content:after {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .c-tile-content.is-gradient-darkgrey-lightgrey {
    background: linear-gradient(to bottom right, #dee0e3 0%, #eff0f1 100%)
  }

  .c-tile-content.is-white {
    background: #fff
  }

  .c-tile-content.is-white .c-label {
    background-color: #dee0e3
  }

  .c-tile-content.is-static .image img {
    transition: none;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
  }

  .c-tile-content.is-landscape .image img {
    width: 100%;
    height: auto
  }

  .c-tile-content .c-flag {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 20px
  }
  
  /*
  .c-tile-content .label-wrapper {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    right: 10px
  }
  
  #grid .c-tile-content.is-large .label-wrapper {
    margin-left:-20px;
  }
  #module_grid .container .tiles .tile .c-tile-content.is-large .label-wrapper .c-label {
    position: absolute !important;       
    left: 205px !important;
  }      
  
  .c-tile-content .label-wrapper .c-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    vertical-align: top;
    position: absolute;
    top: 15px;
    left: 222px;
  }  

  .c-tile-content .image + .label-wrapper {
    right: 120px;
  }  

  .c-tile-content .c-flag + .label-wrapper {
    right: 80px;
  }
  */

  .c-tile-content .headline {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #8d9399;
    padding-right: 20px;
    padding-top: 25px;
    display: inline-block;
  }

  html[data-font-lang="ja"] .c-tile-content .headline {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-tile-content .headline {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .c-tile-content .image,.c-tile-content .image video {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    overflow: hidden;
    height: 100px;
  }

  .c-tile-content .image img,.c-tile-content .image video {
    position: absolute;
    top: 51%;
    left: 14%;
    padding: 10px;
    -webkit-transform: scale(1.05) translate3d(-50%, -50%, 0);
    transform: scale(1.05) translate3d(-50%, -50%, 0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    height: 120px;
    vertical-align: top;
    transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    width: 130px !important;
    height: 110px !important;
  }

  .c-tile-teaser {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding: 70px 10.20408%;
    color: #fff;
    text-decoration: none
  }

  .c-tile-teaser.is-grey {
    background: #ced2d5
  }

  .c-tile-teaser.is-blue {
    background: #156c9c
  }

  .c-tile-teaser.is-green {
    background: #37a42c
  }

  .c-tile-teaser.is-turquoise {
    background: #00aac9
  }

  .c-tile-teaser.is-pink {
    background: #e6006e
  }

  .c-tile-teaser.is-orange {
    background: #cc8a00
  }

  .c-tile-teaser.is-lemongreen {
    background: #cdd400
  }

  .c-tile-teaser.is-yellow {
    background: #fed700
  }

  .c-tile-teaser.is-red80p {
    background: #e6593f
  }

  .c-tile-teaser.is-red80 {
    background: #e6593f
  }

  .c-tile-teaser.is-join-campaign-red {
    background: #e6593f
  }

  .c-tile-teaser.is-join-campaign-background-blue {
    background: #00aac9
  }

  .c-tile-teaser.is-join-campaign-foreground-blue {
    background: #078fa7
  }

  .c-tile-teaser.is-darkblue {
    background: #004775
  }

  .c-tile-teaser.is-darkturquoise {
    background: #0092ac
  }

  .c-tile-teaser.is-darkpink {
    background: #c2005b
  }

  .c-tile-teaser.is-darkgreen {
    background: #2b8d28
  }

  .c-tile-teaser.is-darkgrey {
    background: #8d9399
  }

  .c-tile-teaser.is-darkorange {
    background: #cc7600
  }

  .c-tile-teaser.is-darkred {
    background: #be1b1f
  }

  .c-tile-teaser.is-darkyellow {
    background: #dab900
  }

  .c-tile-teaser.is-darklemongreen {
    background: #aeb500
  }

  .c-tile-teaser.is-gradient-turquoise-pink {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .c-tile-teaser.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .c-tile-teaser.is-gradient-darkblue-turquoise {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .c-tile-teaser.is-gradient-turquoise-blue {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .c-tile-teaser.is-gradient-orange-pink {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .c-tile-teaser.is-gradient-pink-green {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .c-tile-teaser.is-gradient-turquoise-green {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .c-tile-teaser .c-flag {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 20px
  }

  .c-tile-teaser .c-flag .row:first-child {
    width: 100%
  }

  .c-tile-teaser .label-wrapper {
    position: absolute;
    z-index: 1;
    top: 30px;
    left: 10.20408%;
    right: 10.20408%
  }

  .c-tile-teaser .label-wrapper .c-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    vertical-align: top
  }

  .c-tile-teaser .c-flag + .label-wrapper {
    right: 80px
  }

  .c-tile-teaser .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none
  }

  .c-tile-teaser .image img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(1.05) translate3d(-50%, -50%, 0);
    transform: scale(1.05) translate3d(-50%, -50%, 0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    height: 100%;
    vertical-align: top;
    transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor
  }

  .c-tile-teaser .content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .c-tile-teaser .headline {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .c-tile-teaser .headline h1 {
    margin-top: auto;
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 28px;
    line-height: 1em
  }

  html[data-font-lang="ja"] .c-tile-teaser .headline h1 {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-tile-teaser .headline h1 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-tile-teaser .text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .c-tile-teaser .text p {
    margin-top: auto;
    font-family: "Brix Sans Bold", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }



  html[data-font-lang="ja"] .c-tile-teaser .text p {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-tile-teaser .text p {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-tile-teaser .headline + .text {
    margin-top: 10px
  }

  .c-tile-teaser .c-button {
    position: absolute;
    right: 0;
    bottom: 0
  }
  
  .c-background {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .c-background video, .c-background img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    /*-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/
    transform: translate(-50%, -50%);
  }

  /*
  html.no-touchevents .c-background .fallback {
    display: none
  }

  html.touchevents .c-background video {
    display: none
  }
  */

  @media (min-width: 768px) {
    .c-background .stencil {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: right;
      pointer-events: none
    }
  }

  .c-flag {
    display: none
  }

  .c-share-button {
    display: none
  }

  .c-share-networks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .c-share-networks .c-button span {
    display: none
  }

  @media (min-width: 1024px) {
    .c-share-networks .c-button span {
      display: inline-block;
      text-transform: none
    }
  }

  .c-share-networks .c-button + .c-button {
    margin-left: 1px
  }

  .c-form-input {
    display: block;
    font-family: "Brix Sans Light", Arial, sans-serif;
    font-size: 19px;
    width: 100%;
    height: 48px;
    padding: 13px 19px 12px;
    margin: 0;
    color: #000;
    background-color: transparent;
    background-image: none;
    border: 1px solid #aeb6bb;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  html[data-font-lang="ja"] .c-form-input {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-form-input {
    font-family: Arial, sans-serif
  }

  .c-form-input::-webkit-input-placeholder {
    color: #aeb6bb
  }

  .c-form-input:-moz-placeholder {
    color: #aeb6bb;
    opacity: 1
  }

  .c-form-input::-moz-placeholder {
    color: #aeb6bb;
    opacity: 1
  }

  .c-form-input:-ms-input-placeholder {
    color: #aeb6bb
  }

  .c-form-input:invalid {
    box-shadow: none
  }

  .c-form-input:focus {
    box-shadow: 0 0 5px #156c9c
  }

  .c-form-input[disabled] {
    cursor: not-allowed;
    background-color: #eff0f1;
    border-color: #ced2d5;
    color: #aeb6bb
  }

  .c-form-textarea {
    display: block;
    font-family: "Brix Sans Light", Arial, sans-serif;
    font-size: 19px;
    width: 100%;
    min-height: 48px;
    padding: 13px 19px 12px;
    margin: 0;
    color: #000;
    background-color: transparent;
    background-image: none;
    border: 1px solid #aeb6bb;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  html[data-font-lang="ja"] .c-form-textarea {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-form-textarea {
    font-family: Arial, sans-serif
  }

  .c-form-textarea::-webkit-input-placeholder {
    color: #aeb6bb
  }

  .c-form-textarea:-moz-placeholder {
    color: #aeb6bb;
    opacity: 1
  }

  .c-form-textarea::-moz-placeholder {
    color: #aeb6bb;
    opacity: 1
  }

  .c-form-textarea:-ms-input-placeholder {
    color: #aeb6bb
  }

  .c-form-textarea:invalid {
    box-shadow: none
  }

  .c-form-textarea:focus {
    box-shadow: 0 0 5px #156c9c
  }

  .c-form-textarea[disabled] {
    cursor: not-allowed;
    background-color: #eff0f1;
    border-color: #ced2d5;
    color: #aeb6bb
  }

  .c-form-checkbox {
    position: relative;
    display: inline-block;
    padding: 10px 0 0 0;
    width: 100%
  }

  .c-form-checkbox.is-multi-line .wrapper .text {
    overflow: visible;
    white-space: normal;
    text-overflow: inherit
  }

  .c-form-checkbox input {
    position: absolute;
    opacity: 0;
    z-index: -1
  }

  .c-form-checkbox input:focus ~ .wrapper {
    box-shadow: 0 0 5px #156c9c
  }

  .c-form-checkbox input:checked ~ .wrapper {
    background: #ced2d5
  }

  .c-form-checkbox input:checked ~ .wrapper .icon {
    opacity: 1
  }

  .c-form-checkbox input[disabled] ~ .wrapper {
    cursor: not-allowed;
    background-color: #eff0f1;
    color: #aeb6bb
  }

  .c-form-checkbox input[disabled] ~ .wrapper .text {
    cursor: not-allowed
  }

  .c-form-checkbox input[disabled] ~ .wrapper .icon {
    color: #aeb6bb
  }

  .c-form-checkbox input[disabled] ~ .text {
    color: #aeb6bb;
    cursor: not-allowed
  }

  .c-form-checkbox .text {
    cursor: pointer
  }

  .c-form-checkbox .wrapper {
    position: relative;
    background: #dee0e3;
    height: 48px;
    float: left;
    margin: -10px 24px 0 0;
    padding: 13px 34px 13px 14px;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .c-form-checkbox .wrapper:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 14px;
    right: 14px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid transparent
  }

  .c-form-checkbox .wrapper .icon {
    position: absolute;
    z-index: 1;
    right: 18px;
    top: 18px;
    color: #000;
    width: 12px;
    height: 12px;
    opacity: 0
  }

  .c-form-checkbox .wrapper .text {
    font-family: "Brix Sans Black", Arial, sans-serif;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  html[data-font-lang="ja"] .c-form-checkbox .wrapper .text {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-form-checkbox .wrapper .text {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-form-checkbox .wrapper .number {
    font-family: "Brix Sans Light", Arial, sans-serif;
    letter-spacing: 0.04em;
    margin-right: 10px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  html[data-font-lang="ja"] .c-form-checkbox .wrapper .number {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-form-checkbox .wrapper .number {
    font-family: Arial, sans-serif
  }

  .c-form-radio {
    position: relative;
    display: inline-block;
    padding: 10px 0 0 0;
    width: 100%
  }

  .c-form-radio.is-multi-line .wrapper .text {
    overflow: visible;
    white-space: normal;
    text-overflow: inherit
  }

  .c-form-radio input {
    position: absolute;
    opacity: 0;
    z-index: -1
  }

  .c-form-radio input:focus ~ .wrapper {
    box-shadow: 0 0 5px #156c9c
  }

  .c-form-radio input:checked ~ .wrapper {
    background: #ced2d5
  }

  .c-form-radio input:checked ~ .wrapper .dot {
    opacity: 1
  }

  .c-form-radio input[disabled] ~ .wrapper {
    cursor: not-allowed;
    background-color: #eff0f1;
    color: #aeb6bb
  }

  .c-form-radio input[disabled] ~ .wrapper .text {
    cursor: not-allowed
  }

  .c-form-radio input[disabled] ~ .wrapper .dot {
    background: #aeb6bb
  }

  .c-form-radio input[disabled] ~ .text {
    color: #aeb6bb;
    cursor: not-allowed
  }

  .c-form-radio .text {
    cursor: pointer
  }

  .c-form-radio .wrapper {
    position: relative;
    background: #dee0e3;
    height: 48px;
    float: left;
    margin: -10px 24px 0 0;
    padding: 13px 34px 13px 14px;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .c-form-radio .wrapper:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 14px;
    right: 14px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid transparent
  }

  .c-form-radio .wrapper .text {
    font-family: "Brix Sans Black", Arial, sans-serif;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px
  }

  html[data-font-lang="ja"] .c-form-radio .wrapper .text {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-form-radio .wrapper .text {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-form-radio .wrapper .number {
    font-family: "Brix Sans Light", Arial, sans-serif;
    letter-spacing: 0.04em;
    margin-right: 10px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  html[data-font-lang="ja"] .c-form-radio .wrapper .number {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-form-radio .wrapper .number {
    font-family: Arial, sans-serif
  }

  .c-form-radio .wrapper .dot {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 20px;
    background: #000;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 0
  }

  .c-form-select {
    position: relative;
    display: inline-block
  }

  .c-form-select .icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    pointer-events: none;
  }

  .type-inverted.c-form-select .icon {
    color: #fff
  }

  .c-form-select select {
    display: inline-block;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 55px 0 20px;
    color: #000;
    background-color: transparent;
    border: 1px solid #aeb6bb;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "RBDesign Bold",Arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap
  }

  html[data-font-lang="ja"] .c-form-select select {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-form-select select {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .type-inverted.c-form-select select {
    color: #fff;
    border-color: #000;
    background-color: #000
  }

  @-moz-document url-prefix() {
    .c-form-select select:after {
      content: '';
      position: absolute;
      z-index: 1;
      top: 1px;
      right: 1px;
      bottom: 1px;
      background: #fff;
      width: 50px;
      pointer-events: none
    }
  }

  .c-form-select select:focus {
    box-shadow: 0 0 5px #156c9c
  }

  .c-form-select select:focus:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
  }

  .type-inverted.c-form-select select:focus:-moz-focusring {
    text-shadow: 0 0 0 #fff
  }

  .c-form-select select::-ms-expand {
    display: none
  }

  .c-form-select select[disabled] {
    cursor: not-allowed;
    background-color: #eff0f1;
    border-color: #ced2d5;
    color: #aeb6bb
  }

  .c-form-select select[disabled] + .icon {
    color: #aeb6bb
  }

  .c-form-select select optgroup {
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-style: normal;
    font-weight: normal
  }

  html[data-font-lang="ja"] .c-form-select select optgroup {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-form-select select optgroup {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .c-form-select select option {
    font-family: "Brix Sans Medium", Arial, sans-serif
  }

  html[data-font-lang="ja"] .c-form-select select option {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-form-select select option {
    font-family: Arial, sans-serif
  }

  .c-keywords {
    background-color: #eff0f1;
    width: 100%
  }

  @media (min-width: 768px) {
    .c-keywords {
      width: 65.51724%
    }
  }

  .c-keywords .headline {
    color: #aeb6bb;
    text-align: center;
    margin: 0 10px;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    font-family: "Arnhem Blond Italic", Arial, sans-serif
  }

  html[data-font-lang="ja"] .c-keywords .headline {
    font-family: "Arnhem Blond Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-keywords .headline {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  @media (min-width: 1280px) {
    .c-keywords .headline {
      font-size: 24px
    }
  }

  .c-keywords .suggestions {
    padding: 10px;
    text-align: center;
    font-family: "Brix Sans Black", Arial, sans-serif
  }

  html[data-font-lang="ja"] .c-keywords .suggestions {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-keywords .suggestions {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  @media (min-width: 1280px) {
    .c-keywords .suggestions {
      padding: 30px
    }
  }

  .c-keywords .suggestions .list .list-item + .list-item {
    margin-top: 15px
  }

  .c-keywords .suggestions .list .list-item a {
    text-decoration: none;
    color: #000
  }

  .c-keywords .suggestions .list .list-item a .highlight {
    color: #c2005b
  }

  html.no-touchevents .c-keywords .suggestions .list .list-item a:hover {
    color: #c2005b
  }

  .c-text-timestamp {
    width: 100%;
    font-family: "Brix Sans Medium", Arial, sans-serif;
    color: #8d9399;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.12em;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-top: 75px;
  }

  html[data-font-lang="ja"] .c-text-timestamp {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-text-timestamp {
    font-family: Arial, sans-serif
  }

  .c-campaign-headline {
    display: block;
    font-size: 1em;
    line-height: 0.9em
  }

  .c-campaign-headline .headline-top {
    display: block;
    color: #000
  }

  .c-campaign-headline .headline-bottom {
    display: block;
    color: #fff
  }

  .c-campaign-headline .sup {
    position: relative;
    top: -0.05em;
    display: inline-block;
    padding-left: 0.05em;
    color: #fff;
    font-family: "Brix Sans Medium", Arial, sans-serif;
    font-size: 0.4em;
    vertical-align: super
  }

  html[data-font-lang="ja"] .c-campaign-headline .sup {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .c-campaign-headline .sup {
    font-family: Arial, sans-serif
  }

  @media (min-width: 480px) {
    .c-campaign-headline .sup {
      top: 0.05em;
      font-size: 0.6em
    }
  }

  /* header(Top menu) css start */
  
  .m-header {
    display: none;
  }
  
  /*
  .m-header .container .wrapper .navigation .meta {
    position: absolute;
    top: -86px;
    left: 0;
    right: 0;
    width: 100%;
    height: 48px;
    background-color: #f0f0f0;
  }
  
  .m-header .container {
    background-color: rgba(0,0,0,0);
  }
  
  .m-header .container .wrapper .navigation .meta .container .wrapper {
    padding: 0;
  }
  
  .m-header .container .wrapper .navigation .meta .container .wrapper {
    text-align: center;
    height: 48px;
    position: relative;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: rgba(0,0,0,0);
  }

  .m-header .container {
    display: none;
    height: inherit;
    background-color: rgba(0,0,0,0);
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .meta-links {
    position: relative;
    width: 100%;
    text-align: center;
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch.c-language-switch--alternative-layout {
    width: 150px;
  }
  */


  /* header(Top menu) css end */

  /* header(mega menu) css start */
  
  /*
  .m-header {
    display: none;
    height: 104px;
    width: 100%;
    height: 60px;
    position: fixed;
    z-index: 2000;
    margin-bottom: 30px;
  }


  .m-header .container .wrapper {
    height: inherit;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }


  .m-header .container .wrapper:not([class*=bg-]) {
    background-color: #000;
  }
  
  @media (min-width: 1280px) {
    .m-header .container .wrapper .logo {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 172px;
      -ms-flex: 0 0 172px;
      flex: 0 0 172px;
    }
  }

  @media (min-width: 1024px) {
    .m-header .container .wrapper .logo {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 126px;
      -ms-flex: 0 0 126px;
      flex: 0 0 126px;
    }
  }

  @media (min-width: 768px) {
    .m-header .container .wrapper .logo {
      padding-left: 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 54px;
      -ms-flex: 0 0 54px;
      flex: 0 0 54px;
    }
  }

  .m-header .container .wrapper .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 20px;
  }

  @media (min-width: 768px) {
    .m-header .container .wrapper .navigation {
      position: static;
      top: auto;
      left: auto;
      width: auto;
      height: auto;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      z-index: auto;
      padding-top: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      overflow-y: visible;
      opacity: 1;
      -webkit-transition-duration: 0s;
      transition-duration: 0s;
    }
  }

  .m-header .container .wrapper .navigation {
    opacity: 0;
    position: fixed;
    top: -200vh;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "RBDesign Medium",Arial,sans-serif;
    padding-top: 60px;
    z-index: -1;
    -webkit-transition: opacity .3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity .3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  @media (min-width: 768px) {
    .m-header .container .wrapper .navigation .main {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: inherit;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  }
  */

  /* header(Top menu) css start */
  
  /* This is footer css --Start-- */
  
  .m-footer {
    background: #e6e6e6;
  }

  .m-footer .container {
    padding: 30px 0

  }

  .m-footer aside {
    margin-bottom: 0;
    width: 15.25%;
    float: left;
    margin-right: 1.69%;
    margin-left: 16.94%;
  }

  .m-footer aside .icon {
    position: relative;
    left: 0px;
    display: block;
    width: 130px;
    height: 130px;
    color: #004775;
    margin-bottom: 45px;
  }
  
  .m-footer aside .icon img {
    width: 110px;
    margin-bottom: 49px;
    margin-left: 0px;
  }

  .m-footer aside nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    margin-top: 25px;
  }
  
  .m-footer aside nav a {
    font-family: "RBDesign Bold",Arial,sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2.35px;
    color: #8d9399;
    border-bottom: 2px solid rgba(0,0,0,0);
    padding-bottom: 2px;
  }

  .m-footer .locations {
    color: #000;
    margin-left: 8.8834555827%;
    width: 37.8158109209%;
    float: left;
    margin-right: 6.6014669927%;
  }
  
  .m-footer .locations .photo-credits-head {
    margin-top: 60px;
    font-family: "RBDesign Bold",Arial,sans-serif;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #a0a0a0;
    text-transform: uppercase;
  }
      
  .m-footer .locations .photo-credits-body {
    font-family: "RBDesign Regular",Arial,sans-serif;
    color: #a0a0a0;
    font-size: 10px;
    line-height: 16px;
  }
  
  .m-footer .locations .country {
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 28px;
    line-height: 28px;
    color: #000;
    margin-top: -5px;
    margin-bottom: 55px;
    margin-top: 15px;
  }

  html[data-font-lang="ja"] .m-footer .locations .country {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-footer .locations .country {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-footer .locations .city {
    font-size: 15px;
    letter-spacing: .2px;
    font-family: "RBDesign Bold",Arial,sans-serif;
    line-height: 22px;
    color: #000;
  }

  html[data-font-lang="ja"] .m-footer .locations .city {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-footer .locations .city {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-footer .locations .organization {
    font-family: "Brix Sans Medium", Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #8d9399;
  }

  html[data-font-lang="ja"] .m-footer .locations .organization {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-footer .locations .organization {
    font-family: Arial, sans-serif
  }

  .m-footer .locations .organization .name {
    display: block;
    font-family: "Brix Sans Black", Arial, sans-serif;
  }

  html[data-font-lang="ja"] .m-footer .locations .organization .name {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-footer .locations .organization .name {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-footer .locations .organization .contact-details .address {
    margin-bottom: 15px
  }

  .m-footer .locations .organization .contact-details .communication .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .m-footer .locations .organization .contact-details .communication .label {
    font-family: "Brix Sans Black", Arial, sans-serif;
    min-width: 50px;
    margin-right: 10px
  }

  html[data-font-lang="ja"] .m-footer .locations .organization .contact-details .communication .label {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-footer .locations .organization .contact-details .communication .label {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-footer .locations .organization .contact-details .communication a {
    display: inline-block;
    color: inherit;
    text-decoration: none
  }

  .m-footer .locations .organization .contact-details .communication a.telephone {
    cursor: text
  }

  .m-footer .locations .organization .contact-details .communication a .icon {
    position: relative;
    top: 4px
  }

  .m-footer .locations .organization + .city {
    margin-top: 60px
  }

  .m-footer .locations .organization + .country {
    margin-top: 40px
  }
  
  /* This is footer css --End-- */
  
  .m-separator .container {
    height: 30px;
    /*display: none;*/
  }

  .m-section-headline.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #004775 0%, #00aac9 100%)
  }

  .m-section-headline.is-gradient-blue-turquoise .overline {
    color: #fff
  }

  .m-section-headline.is-gradient-blue-turquoise .overline:before {
    background-color: #fff;
    border-bottom: 4px solid #fff
  }

  .m-section-headline.is-gradient-blue-turquoise h2 {
    color: #fff
  }

  .m-section-headline .overline {
    position: relative;
    margin-left: 9.183%;
    margin-right: 10.8027750248%;
    padding: 18px 0 13px;
    font-family: "Arnhem Bold Italic",Arial,sans-serif;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: .17px;
  }

  .m-section-headline .container {
    padding: 40px 0 20px;
  }

  html[data-font-lang="ja"] .m-section-headline .overline {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-section-headline .overline {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }
  
  .m-section-headline .container .overline:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: auto;
    margin: 0 auto;
    width: 40px;
    height: 4px;
    background-color: #000;
    border-bottom: 4px solid #000
  }

  .m-section-headline h2 {
    font-family: 'Brix Sans Black', sans-serif;
    font-size: 38px;
    line-height: 42px;
    margin-top: 35px;
    letter-spacing: .42px;
    width: 46.69%;
    float: left;
    margin-right: 2.04082%;
    margin-left: 20.40816%;
    font-weight: 700;
  }

  html[data-font-lang="ja"] .m-section-headline h2 {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-section-headline h2 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-text .wrapper {
    width: 69.38776%;
    float: left;
    margin-right: 2.04082%;
    margin-left: 10.20408%;
  }

  .m-text .wrapper .c-text-infobox, .m-text .wrapper .c-text-download {
    margin-top: 30px;
    margin-bottom: 30px
  }

  .m-text .wrapper .c-text-infobox + .c-text-list, .m-text .wrapper .c-text-infobox + .c-text-info {
    clear: left
  }

  .m-text .wrapper .c-text-location, .m-text .wrapper .c-text-blockquote {
    margin-top: 60px;
    margin-bottom: 60px
  }

  .m-text .wrapper .c-text-list {
    clear: left;
    padding-top: 5px
  }

  .m-text .wrapper > *:first-child {
    margin-top: 0
  }

  .m-text .wrapper > *:last-child {
    margin-bottom: 0
  }

  .m-stage + .m-text .c-text-paragraph:first-child {
    position: relative
  }

  .m-stage + .m-text .c-text-paragraph:first-child:before {
    content: '';
    position: absolute;
    top: 12px;
    left: -16.68357%;
    margin-left: -2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 0 8px #fff
  }

  .m-teaser-hero.is-grey .wrapper {
    background: #ced2d5
  }

  .m-teaser-hero.is-blue .wrapper {
    background: #156c9c
  }

  .m-teaser-hero.is-green .wrapper {
    background: #37a42c
  }

  .m-teaser-hero.is-turquoise .wrapper {
    background: #00aac9
  }

  .m-teaser-hero.is-pink .wrapper {
    background: #e6006e
  }

  .m-teaser-hero.is-orange .wrapper {
    background: #cc8a00
  }

  .m-teaser-hero.is-lemongreen .wrapper {
    background: #cdd400
  }

  .m-teaser-hero.is-yellow .wrapper {
    background: #fed700
  }

  .m-teaser-hero.is-red80p .wrapper {
    background: #e6593f
  }

  .m-teaser-hero.is-red80 .wrapper {
    background: #e6593f
  }

  .m-teaser-hero.is-join-campaign-red .wrapper {
    background: #e6593f
  }

  .m-teaser-hero.is-join-campaign-background-blue .wrapper {
    background: #00aac9
  }

  .m-teaser-hero.is-join-campaign-foreground-blue .wrapper {
    background: #078fa7
  }

  .m-teaser-hero.is-darkblue .wrapper {
    background: #004775
  }

  .m-teaser-hero.is-darkturquoise .wrapper {
    background: #0092ac
  }

  .m-teaser-hero.is-darkpink .wrapper {
    background: #c2005b
  }

  .m-teaser-hero.is-darkgreen .wrapper {
    background: #2b8d28
  }

  .m-teaser-hero.is-darkgrey .wrapper {
    background: #8d9399
  }

  .m-teaser-hero.is-darkorange .wrapper {
    background: #cc7600
  }

  .m-teaser-hero.is-darkred .wrapper {
    background: #be1b1f
  }

  .m-teaser-hero.is-darkyellow .wrapper {
    background: #dab900
  }

  .m-teaser-hero.is-darklemongreen .wrapper {
    background: #aeb500
  }

  .m-teaser-hero.is-gradient-turquoise-pink .wrapper {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-teaser-hero.is-gradient-blue-turquoise .wrapper {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-teaser-hero.is-gradient-darkblue-turquoise .wrapper {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-teaser-hero.is-gradient-turquoise-blue .wrapper {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-teaser-hero.is-gradient-orange-pink .wrapper {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-teaser-hero.is-gradient-pink-green .wrapper {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-teaser-hero.is-gradient-turquoise-green .wrapper {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-teaser-hero .wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
  }

  .m-teaser-hero .wrapper:after {
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #fff
  }

  html[data-font-lang="ja"] .m-teaser-hero .wrapper:after {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-hero .wrapper:after {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .m-teaser-hero .c-flag {
    position: absolute;
    top: -10px;
    right: 30px;
    z-index: 10
  }

  .m-teaser-hero .label-wrapper {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
    right: 145px
  }

  .m-teaser-hero .label-wrapper .c-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    vertical-align: top
  }

  .m-teaser-hero .c-button, .m-teaser-hero .form-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10
  }

  .m-teaser-hero .image {
    display: none
  }

  .m-teaser-hero a.wrapper .image img {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0)
  }

  .m-teaser-hero .content {
    color: #fff;
    padding: 60px 0 40px 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 79.59184%;
    float: left;
    margin-right: 2.04082%
  }

  .m-teaser-hero .content .headline {
    margin-bottom: 20px
  }

  .m-teaser-hero .content .headline h2 {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 28px;
    color: #fff
  }

  html[data-font-lang="ja"] .m-teaser-hero .content .headline h2 {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-hero .content .headline h2 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .type-join.m-teaser-hero .content .headline h2 {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-hero .content .headline h2 {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .type-join.m-teaser-hero .content .headline h2 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-hero .content .text p {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-hero .content .text p {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-hero .content .text p {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .type-join.m-teaser-hero .content .text p {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-hero .content .text p {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .type-join.m-teaser-hero .content .text p {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-hero-join.is-grey .wrapper {
    background: #ced2d5
  }

  .m-teaser-hero-join.is-blue .wrapper {
    background: #156c9c
  }

  .m-teaser-hero-join.is-green .wrapper {
    background: #37a42c
  }

  .m-teaser-hero-join.is-turquoise .wrapper {
    background: #00aac9
  }

  .m-teaser-hero-join.is-pink .wrapper {
    background: #e6006e
  }

  .m-teaser-hero-join.is-orange .wrapper {
    background: #cc8a00
  }

  .m-teaser-hero-join.is-lemongreen .wrapper {
    background: #cdd400
  }

  .m-teaser-hero-join.is-yellow .wrapper {
    background: #fed700
  }

  .m-teaser-hero-join.is-red80p .wrapper {
    background: #e6593f
  }

  .m-teaser-hero-join.is-red80 .wrapper {
    background: #e6593f
  }

  .m-teaser-hero-join.is-join-campaign-red .wrapper {
    background: #e6593f
  }

  .m-teaser-hero-join.is-join-campaign-background-blue .wrapper {
    background: #00aac9
  }

  .m-teaser-hero-join.is-join-campaign-foreground-blue .wrapper {
    background: #078fa7
  }

  .m-teaser-hero-join.is-darkblue .wrapper {
    background: #004775
  }

  .m-teaser-hero-join.is-darkturquoise .wrapper {
    background: #0092ac
  }

  .m-teaser-hero-join.is-darkpink .wrapper {
    background: #c2005b
  }

  .m-teaser-hero-join.is-darkgreen .wrapper {
    background: #2b8d28
  }

  .m-teaser-hero-join.is-darkgrey .wrapper {
    background: #8d9399
  }

  .m-teaser-hero-join.is-darkorange .wrapper {
    background: #cc7600
  }

  .m-teaser-hero-join.is-darkred .wrapper {
    background: #be1b1f
  }

  .m-teaser-hero-join.is-darkyellow .wrapper {
    background: #dab900
  }

  .m-teaser-hero-join.is-darklemongreen .wrapper {
    background: #aeb500
  }

  .m-teaser-hero-join.is-gradient-turquoise-pink .wrapper {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-teaser-hero-join.is-gradient-blue-turquoise .wrapper {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-teaser-hero-join.is-gradient-darkblue-turquoise .wrapper {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-teaser-hero-join.is-gradient-turquoise-blue .wrapper {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-teaser-hero-join.is-gradient-orange-pink .wrapper {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-teaser-hero-join.is-gradient-pink-green .wrapper {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-teaser-hero-join.is-gradient-turquoise-green .wrapper {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-teaser-hero-join .wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    color: #FFFFFF;
    overflow: hidden;
  }

  .m-teaser-hero-join .wrapper:after {
    position: absolute;
    bottom: 10px;
    left: 20px
  }

  .m-teaser-hero-join .wrapper .image-tile {
    position: relative;
    /*display: -webkit-flex;
    display: -ms-flexbox;*/
    display: flex
  }

  .m-teaser-hero-join .wrapper .image-tile.is-grey {
    background: #ced2d5
  }

  .m-teaser-hero-join .wrapper .image-tile.is-blue {
    background: #156c9c
  }

  .m-teaser-hero-join .wrapper .image-tile.is-green {
    background: #37a42c
  }

  .m-teaser-hero-join .wrapper .image-tile.is-turquoise {
    background: #00aac9
  }

  .m-teaser-hero-join .wrapper .image-tile.is-pink {
    background: #e6006e
  }

  .m-teaser-hero-join .wrapper .image-tile.is-orange {
    background: #cc8a00
  }

  .m-teaser-hero-join .wrapper .image-tile.is-lemongreen {
    background: #cdd400
  }

  .m-teaser-hero-join .wrapper .image-tile.is-yellow {
    background: #fed700
  }

  .m-teaser-hero-join .wrapper .image-tile.is-red80p {
    background: #e6593f
  }

  .m-teaser-hero-join .wrapper .image-tile.is-red80 {
    background: #e6593f
  }

  .m-teaser-hero-join .wrapper .image-tile.is-join-campaign-red {
    background: #e6593f
  }

  .m-teaser-hero-join .wrapper .image-tile.is-join-campaign-background-blue {
    background: #00aac9
  }

  .m-teaser-hero-join .wrapper .image-tile.is-join-campaign-foreground-blue {
    background: #078fa7
  }

  .m-teaser-hero-join .wrapper .image-tile.is-darkblue {
    background: #004775
  }

  .m-teaser-hero-join .wrapper .image-tile.is-darkturquoise {
    background: #0092ac
  }

  .m-teaser-hero-join .wrapper .image-tile.is-darkpink {
    background: #c2005b
  }

  .m-teaser-hero-join .wrapper .image-tile.is-darkgreen {
    background: #2b8d28
  }

  .m-teaser-hero-join .wrapper .image-tile.is-darkgrey {
    background: #8d9399
  }

  .m-teaser-hero-join .wrapper .image-tile.is-darkorange {
    background: #cc7600
  }

  .m-teaser-hero-join .wrapper .image-tile.is-darkred {
    background: #be1b1f
  }

  .m-teaser-hero-join .wrapper .image-tile.is-darkyellow {
    background: #dab900
  }

  .m-teaser-hero-join .wrapper .image-tile.is-darklemongreen {
    background: #aeb500
  }

  .m-teaser-hero-join .wrapper .image-tile.is-gradient-turquoise-pink {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-teaser-hero-join .wrapper .image-tile.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-teaser-hero-join .wrapper .image-tile.is-gradient-darkblue-turquoise {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-teaser-hero-join .wrapper .image-tile.is-gradient-turquoise-blue {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-teaser-hero-join .wrapper .image-tile.is-gradient-orange-pink {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-teaser-hero-join .wrapper .image-tile.is-gradient-pink-green {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-teaser-hero-join .wrapper .image-tile.is-gradient-turquoise-green {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-teaser-hero-join .wrapper .image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .m-teaser-hero-join .wrapper .image-content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 8.47% 40px 0;
  }

  .m-teaser-hero-join .wrapper .image-content img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 130px;
    margin-top: auto
  }

  .m-teaser-hero-join .wrapper .image-content .text {
    max-width: 280px;
    margin-top: auto;
    margin-bottom: 12px;
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.2em;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
  }

  html[data-font-lang="ja"] .m-teaser-hero-join .wrapper .image-content .text {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-hero-join .wrapper .image-content .text {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-hero-join .wrapper .content-tile {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .m-teaser-hero-join .wrapper .label-wrapper {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
    right: 145px
  }

  .m-teaser-hero-join .wrapper .label-wrapper .c-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    vertical-align: top
  }

  .m-teaser-hero-join .wrapper .content-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 20px 40px
  }

  .m-teaser-hero-join .wrapper .content-content p {
    font-family: "Brix Sans Bold", Arial, sans-serif;
    margin-top: auto;
    margin-bottom: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
  }

  html[data-font-lang="ja"] .m-teaser-hero-join .wrapper .content-content p {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-hero-join .wrapper .content-content p {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-hero-join .wrapper .c-flag {
    position: absolute;
    top: -10px;
    right: 30px;
    z-index: 10
  }

  .m-teaser-hero-join .wrapper .c-flag .row:first-child {
    width: 100%
  }

  .m-teaser-hero-join .wrapper .c-button {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10
  }

  .m-teaser-superhero {
    position: relative;
    background: #156c9c
  }

  .m-teaser-superhero.is-grey {
    background: #ced2d5
  }

  .m-teaser-superhero.is-blue {
    background: #156c9c
  }

  .m-teaser-superhero.is-green {
    background: #37a42c
  }

  .m-teaser-superhero.is-turquoise {
    background: #00aac9
  }

  .m-teaser-superhero.is-pink {
    background: #e6006e
  }

  .m-teaser-superhero.is-orange {
    background: #cc8a00
  }

  .m-teaser-superhero.is-lemongreen {
    background: #cdd400
  }

  .m-teaser-superhero.is-yellow {
    background: #fed700
  }

  .m-teaser-superhero.is-red80p {
    background: #e6593f
  }

  .m-teaser-superhero.is-red80 {
    background: #e6593f
  }

  .m-teaser-superhero.is-join-campaign-red {
    background: #e6593f
  }

  .m-teaser-superhero.is-join-campaign-background-blue {
    background: #00aac9
  }

  .m-teaser-superhero.is-join-campaign-foreground-blue {
    background: #078fa7
  }

  .m-teaser-superhero.is-darkblue {
    background: #004775
  }

  .m-teaser-superhero.is-darkturquoise {
    background: #0092ac
  }

  .m-teaser-superhero.is-darkpink {
    background: #c2005b
  }

  .m-teaser-superhero.is-darkgreen {
    background: #2b8d28
  }

  .m-teaser-superhero.is-darkgrey {
    background: #8d9399
  }

  .m-teaser-superhero.is-darkorange {
    background: #cc7600
  }

  .m-teaser-superhero.is-darkred {
    background: #be1b1f
  }

  .m-teaser-superhero.is-darkyellow {
    background: #dab900
  }

  .m-teaser-superhero.is-darklemongreen {
    background: #aeb500
  }

  .m-teaser-superhero.is-gradient-turquoise-pink {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-teaser-superhero.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-teaser-superhero.is-gradient-darkblue-turquoise {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-teaser-superhero.is-gradient-turquoise-blue {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-teaser-superhero.is-gradient-orange-pink {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-teaser-superhero.is-gradient-pink-green {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-teaser-superhero.is-gradient-turquoise-green {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-teaser-superhero .container {
    background-color: transparent
  }

  .m-teaser-superhero .container .wrapper {
    position: relative;
    margin: 50px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    width: 89.79592%;
    float: left;
    margin-right: 2.04082%
  }

  .m-teaser-superhero .container .wrapper:after {
    position: absolute;
    bottom: 10px;
    left: 10.86129%;
    color: #000;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-superhero .container .wrapper:after {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-superhero .container .wrapper:after {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .type-join.m-teaser-superhero .container .wrapper:after {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-superhero .container .wrapper:after {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .type-join.m-teaser-superhero .container .wrapper:after {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-superhero .container .wrapper .c-flag {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 10
  }

  .m-teaser-superhero .container .wrapper .c-button {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10
  }

  .m-teaser-superhero .container .wrapper .image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .m-teaser-superhero .container .wrapper .image .top, .m-teaser-superhero .container .wrapper .image .bottom {
    background-color: #fff
  }

  .m-teaser-superhero .container .wrapper .image .middle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .m-teaser-superhero .container .wrapper .image .middle .left {
    background-color: #fff;
    width: calc(10.86129% - 26px)
  }

  .m-teaser-superhero .container .wrapper .image .middle .middle img {
    height: 143px;
    display: block
  }

  .m-teaser-superhero .container .wrapper .image .middle .right {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff
  }

  .m-teaser-superhero .container .wrapper .content {
    padding: 0 10.86129% 55px 10.86129%;
    color: #000;
    background-color: white
  }

  .m-teaser-superhero .container .wrapper .content .label-wrapper {
    margin-bottom: 15px
  }

  .type-join.m-teaser-superhero .container .wrapper .content .label-wrapper {
    display: none
  }

  .m-teaser-superhero .container .wrapper .content .label-wrapper .c-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    vertical-align: top
  }

  .m-teaser-superhero .container .wrapper .content .headline {
    margin-bottom: 20px
  }

  .m-teaser-superhero .container .wrapper .content .headline h2 {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 40px;
    line-height: 40px
  }

  html[data-font-lang="ja"] .m-teaser-superhero .container .wrapper .content .headline h2 {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-superhero .container .wrapper .content .headline h2 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .type-join.m-teaser-superhero .container .wrapper .content .headline h2 {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-superhero .container .wrapper .content .headline h2 {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .type-join.m-teaser-superhero .container .wrapper .content .headline h2 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-superhero .container .wrapper .content .text p {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-superhero .container .wrapper .content .text p {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-superhero .container .wrapper .content .text p {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .type-join.m-teaser-superhero .container .wrapper .content .text p {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-superhero .container .wrapper .content .text p {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .type-join.m-teaser-superhero .container .wrapper .content .text p {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-superhero-join {
    display:none;
  }

  .m-teaser-superhero-join.is-grey {
    background: #ced2d5
  }

  .m-teaser-superhero-join.is-blue {
    background: #156c9c
  }

  .m-teaser-superhero-join.is-green {
    background: #37a42c
  }

  .m-teaser-superhero-join.is-turquoise {
    background: #00aac9
  }

  .m-teaser-superhero-join.is-pink {
    background: #e6006e
  }

  .m-teaser-superhero-join.is-orange {
    background: #cc8a00
  }

  .m-teaser-superhero-join.is-lemongreen {
    background: #cdd400
  }

  .m-teaser-superhero-join.is-yellow {
    background: #fed700
  }

  .m-teaser-superhero-join.is-red80p {
    background: #e6593f
  }

  .m-teaser-superhero-join.is-red80 {
    background: #e6593f
  }

  .m-teaser-superhero-join.is-join-campaign-red {
    background: #e6593f
  }

  .m-teaser-superhero-join.is-join-campaign-background-blue {
    background: #00aac9
  }

  .m-teaser-superhero-join.is-join-campaign-foreground-blue {
    background: #078fa7
  }

  .m-teaser-superhero-join.is-darkblue {
    background: #004775
  }

  .m-teaser-superhero-join.is-darkturquoise {
    background: #0092ac
  }

  .m-teaser-superhero-join.is-darkpink {
    background: #c2005b
  }

  .m-teaser-superhero-join.is-darkgreen {
    background: #2b8d28
  }

  .m-teaser-superhero-join.is-darkgrey {
    background: #8d9399
  }

  .m-teaser-superhero-join.is-darkorange {
    background: #cc7600
  }

  .m-teaser-superhero-join.is-darkred {
    background: #be1b1f
  }

  .m-teaser-superhero-join.is-darkyellow {
    background: #dab900
  }

  .m-teaser-superhero-join.is-darklemongreen {
    background: #aeb500
  }

  .m-teaser-superhero-join.is-gradient-turquoise-pink {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-teaser-superhero-join.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-teaser-superhero-join.is-gradient-darkblue-turquoise {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-teaser-superhero-join.is-gradient-turquoise-blue {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-teaser-superhero-join.is-gradient-orange-pink {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-teaser-superhero-join.is-gradient-pink-green {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-teaser-superhero-join.is-gradient-turquoise-green {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-teaser-superhero-join .container {
    background-color: transparent
  }

  .m-teaser-superhero-join .container .wrapper {
    position: relative;
    margin: 50px 0;
    text-decoration: none;
    width: 89.79592%;
    float: left;
    margin-right: 2.04082%
  }

  .m-teaser-superhero-join .container .wrapper:after {
    position: absolute;
    bottom: 10px;
    left: 10.86129%;
    color: #0092ac;
    font-family: "Brix Sans Bold", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-superhero-join .container .wrapper:after {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-superhero-join .container .wrapper:after {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-superhero-join .container .wrapper .c-flag {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 10
  }

  .m-teaser-superhero-join .container .wrapper .c-button {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10
  }

  .m-teaser-superhero-join .container .wrapper .content {
    padding: 30px 10.86129% 55px 10.86129%;
    color: #0092ac;
    background-color: rgba(255, 255, 255, 0.8)
  }

  .m-teaser-superhero-join .container .wrapper .content .label-wrapper {
    margin-bottom: 15px
  }

  .m-teaser-superhero-join .container .wrapper .content .label-wrapper .c-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    vertical-align: top
  }

  .m-teaser-superhero-join .container .wrapper .content .headline {
    margin-bottom: 20px
  }

  .m-teaser-superhero-join .container .wrapper .content .headline h2 {
    font-family: "Brix Sans Bold", Arial, sans-serif;
    font-size: 40px;
    line-height: 40px
  }

  html[data-font-lang="ja"] .m-teaser-superhero-join .container .wrapper .content .headline h2 {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-superhero-join .container .wrapper .content .headline h2 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-superhero-join .container .wrapper .content .text p {
    font-family: "Brix Sans Bold", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-superhero-join .container .wrapper .content .text p {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-superhero-join .container .wrapper .content .text p {
    font-family: Arial, sans-serif;
    font-weight: bold
  }
  
  /* This is publication grid css -- Start */
  
  .m-grid .tiles .tile {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 20px;
  }
  
  .c-tile-content-new .content-wrapper .text p {
    display: none;
  }
  
  .m-grid .tiles.content-new-tiles {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    position: relative;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-2-6, .m-grid .tiles.content-new-tiles .tile.span-3-6 {
    height: 160px;
  }
  
  .m-grid .tiles .c-tile-content, .m-grid .tiles .c-tile-expertise {
    margin-left: 4.08163%;
    margin-right: 4.08163%;
    height: 140px;
  }
  
  .c-tile-content-new.show-tile {
    opacity: 1;
  }
  
  .c-tile-content-new {
    position: relative;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    color: #000;
    text-decoration: none;
    padding: 10px 20px 25px 20px;
    min-height: 120px;
    z-index: 1;
    background: #f0f0f0;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new, .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new {
    padding-top: 12.5px;
    padding-bottom: 12px;
  }
  
  
  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new .label-wrapper, .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new .label-wrapper {
    position: absolute;
    top: 18px;
    left: 143px;
  }
  .m-grid .tiles .tile .c-tile-content.is-large .label-wrapper {
    position: absolute;
    top: 18px;
    left: 213px;
  }
  
  .m-grid .tiles .tile .c-tile-content.is-small .label-wrapper {
    position: absolute;
    top: 18px;
    left: 213px;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new .image, .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new .image {
    position: absolute;
    top: 20px;
    left: 25px;
  }
  
  .c-tile-content-new .image img {
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform .2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform .2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform .2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform .2s cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transform: scale(1.02) translate3d(-50%, -50%, 0);
    transform: scale(1.02) translate3d(-50%, -50%, 0);
    position: relative;
    top: 50%;
    left: 50%;
    height: 100%;
    vertical-align: top;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
  }
  
  .c-tile-content-new.style-regular .content-wrapper {
    width: 100%;
  }
  
  .c-tile-content-new .content-wrapper .content {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    overflow: hidden;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new .headline, .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new .headline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 98px;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new .headline .date, .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new .headline .date {
    padding-bottom: 0;
    padding-top: 4px;
  }
  
  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new .headline h2, .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new .headline h2 {
    position: absolute;
    top: 65px;
    left: 126px;
  }
  .m-grid .tiles .tile .c-tile-content.is-large .headline {
    position: absolute;
    top: 65px;
    left: 213px;
  }
  
  .m-grid .tiles .tile .c-tile-content.is-small .headline {
    position: absolute;
    top: 65px;
    left: 213px;
  }
  

  .c-tile-content-new .content-wrapper .headline h2 {
    padding-top: 0;
    font-family: "RBDesign Medium",Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  
  .c-tile-content-new .content-wrapper .text-wrapper {
    -webkit-transition: height .3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: height .3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .c-tile-content-new .text-wrapper {
    display: none;
  }
  
  .c-tile-content-new .image {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    overflow: hidden;
    vertical-align: baseline;
    width: 100px;
    height: 100px;
  }
      
  /* This is publication grid css -- End */
  
  .m-teaser-double.is-grey .wrapper {
    background: #ced2d5
  }

  .m-teaser-double.is-blue .wrapper {
    background: #156c9c
  }

  .m-teaser-double.is-green .wrapper {
    background: #37a42c
  }

  .m-teaser-double.is-turquoise .wrapper {
    background: #00aac9
  }

  .m-teaser-double.is-pink .wrapper {
    background: #e6006e
  }

  .m-teaser-double.is-orange .wrapper {
    background: #cc8a00
  }

  .m-teaser-double.is-lemongreen .wrapper {
    background: #cdd400
  }

  .m-teaser-double.is-yellow .wrapper {
    background: #fed700
  }

  .m-teaser-double.is-red80p .wrapper {
    background: #e6593f
  }

  .m-teaser-double.is-red80 .wrapper {
    background: #e6593f
  }

  .m-teaser-double.is-join-campaign-red .wrapper {
    background: #e6593f
  }

  .m-teaser-double.is-join-campaign-background-blue .wrapper {
    background: #00aac9
  }

  .m-teaser-double.is-join-campaign-foreground-blue .wrapper {
    background: #078fa7
  }

  .m-teaser-double.is-darkblue .wrapper {
    background: #004775
  }

  .m-teaser-double.is-darkturquoise .wrapper {
    background: #0092ac
  }

  .m-teaser-double.is-darkpink .wrapper {
    background: #c2005b
  }

  .m-teaser-double.is-darkgreen .wrapper {
    background: #2b8d28
  }

  .m-teaser-double.is-darkgrey .wrapper {
    background: #8d9399
  }

  .m-teaser-double.is-darkorange .wrapper {
    background: #cc7600
  }

  .m-teaser-double.is-darkred .wrapper {
    background: #be1b1f
  }

  .m-teaser-double.is-darkyellow .wrapper {
    background: #dab900
  }

  .m-teaser-double.is-darklemongreen .wrapper {
    background: #aeb500
  }

  .m-teaser-double.is-gradient-turquoise-pink .wrapper {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-teaser-double.is-gradient-blue-turquoise .wrapper {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-teaser-double.is-gradient-darkblue-turquoise .wrapper {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-teaser-double.is-gradient-turquoise-blue .wrapper {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-teaser-double.is-gradient-orange-pink .wrapper {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-teaser-double.is-gradient-pink-green .wrapper {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-teaser-double.is-gradient-turquoise-green .wrapper {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-teaser-double .wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .m-teaser-double .wrapper .c-flag {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 10
  }

  .m-teaser-double .wrapper .c-button {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10
  }

  .m-teaser-double .wrapper .tiles {
    display: none
  }

  .m-teaser-double .wrapper .content {
    color: #fff;
    padding: 30px 0 70px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    width: 79.59184%;
    float: left;
    margin-right: 2.04082%;
    margin-left: 10.20408%
  }

  .m-teaser-double .wrapper .content:after {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-double .wrapper .content:after {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  .type-join.m-teaser-double .wrapper .content:after {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-double .wrapper .content:after {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  .m-teaser-double .wrapper .content .headline {
    margin-bottom: 20px
  }

  .m-teaser-double .wrapper .content .headline h2 {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 28px;
    color: #fff
  }

  html[data-font-lang="ja"] .m-teaser-double .wrapper .content .headline h2 {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  .type-join.m-teaser-double .wrapper .content .headline h2 {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-double .wrapper .content .headline h2 {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  .m-teaser-double .wrapper .content .text p {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-double .wrapper .content .text p {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  .type-join.m-teaser-double .wrapper .content .text p {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-double .wrapper .content .text p {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  .m-teaser-double-join.is-grey .wrapper {
    background: #ced2d5
  }

  .m-teaser-double-join.is-blue .wrapper {
    background: #156c9c
  }

  .m-teaser-double-join.is-green .wrapper {
    background: #37a42c
  }

  .m-teaser-double-join.is-turquoise .wrapper {
    background: #00aac9
  }

  .m-teaser-double-join.is-pink .wrapper {
    background: #e6006e
  }

  .m-teaser-double-join.is-orange .wrapper {
    background: #cc8a00
  }

  .m-teaser-double-join.is-lemongreen .wrapper {
    background: #cdd400
  }

  .m-teaser-double-join.is-yellow .wrapper {
    background: #fed700
  }

  .m-teaser-double-join.is-red80p .wrapper {
    background: #e6593f
  }

  .m-teaser-double-join.is-red80 .wrapper {
    background: #e6593f
  }

  .m-teaser-double-join.is-join-campaign-red .wrapper {
    background: #e6593f
  }

  .m-teaser-double-join.is-join-campaign-background-blue .wrapper {
    background: #00aac9
  }

  .m-teaser-double-join.is-join-campaign-foreground-blue .wrapper {
    background: #078fa7
  }

  .m-teaser-double-join.is-darkblue .wrapper {
    background: #004775
  }

  .m-teaser-double-join.is-darkturquoise .wrapper {
    background: #0092ac
  }

  .m-teaser-double-join.is-darkpink .wrapper {
    background: #c2005b
  }

  .m-teaser-double-join.is-darkgreen .wrapper {
    background: #2b8d28
  }

  .m-teaser-double-join.is-darkgrey .wrapper {
    background: #8d9399
  }

  .m-teaser-double-join.is-darkorange .wrapper {
    background: #cc7600
  }

  .m-teaser-double-join.is-darkred .wrapper {
    background: #be1b1f
  }

  .m-teaser-double-join.is-darkyellow .wrapper {
    background: #dab900
  }

  .m-teaser-double-join.is-darklemongreen .wrapper {
    background: #aeb500
  }

  .m-teaser-double-join.is-gradient-turquoise-pink .wrapper {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-teaser-double-join.is-gradient-blue-turquoise .wrapper {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-teaser-double-join.is-gradient-darkblue-turquoise .wrapper {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-teaser-double-join.is-gradient-turquoise-blue .wrapper {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-teaser-double-join.is-gradient-orange-pink .wrapper {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-teaser-double-join.is-gradient-pink-green .wrapper {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-teaser-double-join.is-gradient-turquoise-green .wrapper {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-teaser-double-join .wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #156c9c
  }

  .m-teaser-double-join .wrapper .c-flag {
    position: absolute;
    top: -5px;
    right: 30px;
    z-index: 10
  }

  .m-teaser-double-join .wrapper .c-flag .row:first-child {
    width: 100%
  }

  .m-teaser-double-join .wrapper .c-button, .m-teaser-double-join .wrapper .form-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10
  }

  .m-teaser-double-join .wrapper .content {
    position: relative;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    width: 100%;
    padding: 70px 10.20408% 18.50408%
  }
  
  .m-teaser-double-join .wrapper .content .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1.05) translateZ(0);
    transform: translate(-50%, -50%) scale(1.05) translateZ(0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform .2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform .2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform .2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform .2s cubic-bezier(0.39, 0.575, 0.565, 1);
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
  }

  .m-teaser-double-join .wrapper .content:after {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-double-join .wrapper .content:after {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-double-join .wrapper .content:after {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .type-join.m-teaser-double-join .wrapper .content:after {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-double-join .wrapper .content:after {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .type-join.m-teaser-double-join .wrapper .content:after {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-double-join .wrapper .content.is-grey {
    background: #ced2d5
  }

  .m-teaser-double-join .wrapper .content.is-blue {
    background: #156c9c
  }

  .m-teaser-double-join .wrapper .content.is-green {
    background: #37a42c
  }

  .m-teaser-double-join .wrapper .content.is-turquoise {
    background: #00aac9
  }

  .m-teaser-double-join .wrapper .content.is-pink {
    background: #e6006e
  }

  .m-teaser-double-join .wrapper .content.is-orange {
    background: #cc8a00
  }

  .m-teaser-double-join .wrapper .content.is-lemongreen {
    background: #cdd400
  }

  .m-teaser-double-join .wrapper .content.is-yellow {
    background: #fed700
  }

  .m-teaser-double-join .wrapper .content.is-red80p {
    background: #e6593f
  }

  .m-teaser-double-join .wrapper .content.is-red80 {
    background: #e6593f
  }

  .m-teaser-double-join .wrapper .content.is-join-campaign-red {
    background: #e6593f
  }

  .m-teaser-double-join .wrapper .content.is-join-campaign-background-blue {
    background: #00aac9
  }

  .m-teaser-double-join .wrapper .content.is-join-campaign-foreground-blue {
    background: #078fa7
  }

  .m-teaser-double-join .wrapper .content.is-darkblue {
    background: #004775
  }

  .m-teaser-double-join .wrapper .content.is-darkturquoise {
    background: #0092ac
  }

  .m-teaser-double-join .wrapper .content.is-darkpink {
    background: #c2005b
  }

  .m-teaser-double-join .wrapper .content.is-darkgreen {
    background: #2b8d28
  }

  .m-teaser-double-join .wrapper .content.is-darkgrey {
    background: #8d9399
  }

  .m-teaser-double-join .wrapper .content.is-darkorange {
    background: #cc7600
  }

  .m-teaser-double-join .wrapper .content.is-darkred {
    background: #be1b1f
  }

  .m-teaser-double-join .wrapper .content.is-darkyellow {
    background: #dab900
  }

  .m-teaser-double-join .wrapper .content.is-darklemongreen {
    background: #aeb500
  }

  .m-teaser-double-join .wrapper .content.is-gradient-turquoise-pink {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-teaser-double-join .wrapper .content.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-teaser-double-join .wrapper .content.is-gradient-darkblue-turquoise {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-teaser-double-join .wrapper .content.is-gradient-turquoise-blue {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-teaser-double-join .wrapper .content.is-gradient-orange-pink {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-teaser-double-join .wrapper .content.is-gradient-pink-green {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-teaser-double-join .wrapper .content.is-gradient-turquoise-green {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-teaser-double-join .wrapper .content .label-wrapper {
    position: absolute;
    z-index: 1;
    top: 30px;
    left: 10.20408%;
    right: 10.20408%
  }

  .m-teaser-double-join .wrapper .content .label-wrapper .c-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    vertical-align: top
  }

  .m-teaser-double-join .wrapper .content .image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  
  .m-teaser-hero-join .wrapper .image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .m-teaser-double-join .wrapper .content .headline {
    margin-bottom: 20px;
    position: relative
  }

  .m-teaser-double-join .wrapper .content .headline h2 {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 28px;
    color: #fff
  }

  html[data-font-lang="ja"] .m-teaser-double-join .wrapper .content .headline h2 {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-double-join .wrapper .content .headline h2 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .type-join.m-teaser-double-join .wrapper .content .headline h2 {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-double-join .wrapper .content .headline h2 {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .type-join.m-teaser-double-join .wrapper .content .headline h2 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-double-join .wrapper .content .text {
    position: relative
  }

  .m-teaser-double-join .wrapper .content .text p {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-double-join .wrapper .content .text p {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-double-join .wrapper .content .text p {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .type-join.m-teaser-double-join .wrapper .content .text p {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-double-join .wrapper .content .text p {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .type-join.m-teaser-double-join .wrapper .content .text p {
    font-family: Arial, sans-serif;
    font-weight: bold
  }
  
  .m-stage-overview {
    position: relative;
    background: #fff !important;
  }

  .m-stage-overview.is-light .container .wrapper .headline h1 {
    color: #000
  }

  .m-stage-overview.is-grey {
    background: #ced2d5
  }

  .m-stage-overview.is-blue {
    background: #156c9c
  }

  .m-stage-overview.is-green {
    background: #37a42c
  }

  .m-stage-overview.is-turquoise {
    background: #00aac9
  }

  .m-stage-overview.is-pink {
    background: #e6006e
  }

  .m-stage-overview.is-orange {
    background: #cc8a00
  }

  .m-stage-overview.is-lemongreen {
    background: #cdd400
  }

  .m-stage-overview.is-yellow {
    background: #fed700
  }

  .m-stage-overview.is-red80p {
    background: #e6593f
  }

  .m-stage-overview.is-red80 {
    background: #e6593f
  }

  .m-stage-overview.is-join-campaign-red {
    background: #e6593f
  }

  .m-stage-overview.is-join-campaign-background-blue {
    background: #00aac9
  }

  .m-stage-overview.is-join-campaign-foreground-blue {
    background: #078fa7
  }

  .m-stage-overview.is-darkblue {
    background: #004775
  }

  .m-stage-overview.is-darkturquoise {
    background: #0092ac
  }

  .m-stage-overview.is-darkpink {
    background: #c2005b
  }

  .m-stage-overview.is-darkgreen {
    background: #2b8d28
  }

  .m-stage-overview.is-darkgrey {
    background: #8d9399
  }

  .m-stage-overview.is-darkorange {
    background: #cc7600
  }

  .m-stage-overview.is-darkred {
    background: #be1b1f
  }

  .m-stage-overview.is-darkyellow {
    background: #dab900
  }

  .m-stage-overview.is-darklemongreen {
    background: #aeb500
  }

  .m-stage-overview.is-gradient-turquoise-pink {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-stage-overview.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-stage-overview.is-gradient-darkblue-turquoise {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-stage-overview.is-gradient-turquoise-blue {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-stage-overview.is-gradient-orange-pink {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-stage-overview.is-gradient-pink-green {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-stage-overview.is-gradient-turquoise-green {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-stage-overview .container {
    background-color: transparent;
    height: inherit
  }

  .m-stage-overview .container .wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px
  }

  .m-stage-overview .container .wrapper .image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 240px
  }

  .type-join.m-stage-overview .container .wrapper .image {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: calc(19.33587% - 40px)
  }

  .m-stage-overview .container .wrapper .image img {
    height: 100%;
    max-height: 240px
  }

  .m-stage-overview .container .wrapper .headline {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0;
  }
  .m-stage-overview.type-join .container .wrapper .headline {
    padding: 0 1.33%;
    position: absolute;
    top: 240px;
    left: 240px;
    width: 80%;
  }
  
  .m-stage-overview .container .wrapper .headline h1 {
    font-family: "Brix Sans Black", Arial, sans-serif;
    color: #fff;
    position: absolute;
    left: 200px;
    bottom: 50px;
    width: 68.0351906158%;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 1px;
  }


  html[data-font-lang="ja"] .m-stage-overview .container .wrapper .headline h1 {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-overview .container .wrapper .headline h1 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header .headline-text {
    display: inline-block;
    text-overflow: unset;
    word-spacing: normal;
    line-height: 1.4em;
    color: white;
  }

  .is-uppercase.m-stage-overview .container .wrapper .headline h1 {
    text-transform: uppercase
  }

  .m-slider .container {
    position: relative
  }

  .m-slider .navigation {
    display: none
  }

  .m-slider .swiper-slide {
    width: 50% !important;
    margin-right: 0 !important;
    float: left;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  
  .m-slider-images .container .swiper-container .swiper-wrapper .swiper-slide:nth-child(2){
    display:none;
  }
  .m-slider-images .container .swiper-container .swiper-wrapper .swiper-slide:nth-child(3){
    display:none;
  }
  .m-slider-images .container .swiper-container .swiper-wrapper .swiper-slide:nth-child(4){
    display:none;
  }
  .m-slider-images .container .swiper-container .swiper-wrapper .swiper-slide:nth-child(5){
    display:none;
  }
  .m-slider-images .container .swiper-container .swiper-wrapper .swiper-slide:nth-child(6){
    display:none;
  }
  .m-slider-images .container .swiper-container .swiper-wrapper .swiper-slide:nth-child(7){
    display:none;
  }
  .m-slider-images .container .swiper-container .swiper-wrapper .swiper-slide:nth-child(8){
    display:none;
  }
  .m-slider-images .container .swiper-container .swiper-wrapper .swiper-slide:nth-child(9){
    display:none;
  }
  
  .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide:nth-child(2){
    display:none;
  }
  .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide:nth-child(3){
    display:none;
  }
  .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide:nth-child(4){
    display:none;
  }
  .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide:nth-child(5){
    display:none;
  }
  
  .m-slider .swiper-container .swiper-wrapper .swiper-slide:nth-child(4){
    display:none;
  }
  .m-slider .swiper-container .swiper-wrapper .swiper-slide:nth-child(5){
    display:none;
  }
  .m-slider .swiper-container .swiper-wrapper .swiper-slide:nth-child(6){
    display:none;
  }
  .m-slider .swiper-container .swiper-wrapper .swiper-slide:nth-child(7){
    display:none;
  }
  .m-slider .swiper-container .swiper-wrapper .swiper-slide:nth-child(8){
    display:none;
  }
  .m-slider .swiper-container .swiper-wrapper .swiper-slide:nth-child(9){
    display:none;
  }
  
  .m-slider-textpara .container {
    padding: 50px;
  }
  .c-tile-text .headline {
    margin-top: 20px;
  }
  .c-tile-text p {
    margin-top: 40px;
    margin-left: 0;
    font-size: 13px;
    line-height: 23px;
  }
  
  .m-quote-carousel .container .navigation .previous, .m-slider-textpara .container .right-half .navigation .previous, .m-slider .navigation .previous, .m-header .more-right .previous, .m-header .more-left .previous, .m-quote-carousel .container .navigation .swiper-container-rtl .next, .m-slider-textpara .container .right-half .navigation .swiper-container-rtl .next, .m-slider .navigation .swiper-container-rtl .next, .m-header .more-right .swiper-container-rtl .next, .m-header .more-left .swiper-container-rtl .next {
    display: none;
  }
  
  .m-slider .container .swiper-container .swiper-wrapper .c-tile-content .headline {
    margin-left: 40px;
  }
  
  .m-slider-images .container .swiper-slide .c-tile-image figure figcaption {
    text-align: left;
    text-decoration: none;
    color: #000;
  }
  
  .m-breadcrumb {
    background: #eff0f1;
    padding: 20px 0;
    margin: 45px 0px;
  }

  .m-breadcrumb ul {
    text-align: center
  }

  .m-breadcrumb ul li {
    font-family: "Brix Sans Light", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin: 0 30px;
    color: #004775
  }

  html[data-font-lang="ja"] .m-breadcrumb ul li {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-breadcrumb ul li {
    font-family: Arial, sans-serif
  }

  .m-breadcrumb ul li a {
    color: inherit;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent
  }

  .m-breadcrumb ul li a:after {
    display: block;
  }

  .m-breadcrumb ul li span {
    color: #000;
    padding-bottom: 4px;
    border-bottom: 2px solid #000;
  }

  .m-breadcrumb ul li .icon {
    width: 8px;
    height: 8px;
    color: #000;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-bottom: 1px
  }
  

  .m-stage-menu {
    position: relative;
    background: #fff;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
  }

  .m-stage-menu .container {
    background-color: transparent;
    height: inherit
  }

  .m-stage-menu .container .wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 0
  }

  .m-stage-menu .container .wrapper .headline {
    padding: 0 19.33587%
  }

  .m-stage-menu .container .wrapper .headline h1 {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    position: absolute;
    top:10%;
    left: 9.37%;
    bottom: 75px;
  }

  html[data-font-lang="ja"] .m-stage-menu .container .wrapper .headline h1 {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-menu .container .wrapper .headline h1 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .m-load-more {
    background-color: #fff;
  }
  
  .m-load-more .container .tiles {
    /*display: flex;*/
  }

  .m-load-more[ng-cloak] {
    display: block;
  }

  .m-load-more .button {
    position: relative;
    z-index: 10;
    cursor: pointer;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 9.18367%;
    margin-top: 40px;
    margin-bottom: 40px
  }

  .m-load-more .button .icon {
    display: none
  }

  .m-load-more .button .text {
    visibility: hidden;
    padding: 0 18px;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.12em;
    font-family: "Brix Sans Black", Arial, sans-serif;
    color: #000;
    text-transform: uppercase
  }

  html[data-font-lang="ja"] .m-load-more .button .text {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-load-more .button .text {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-load-more .button .text:after {
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
    content: "> " attr(data-print);
    padding: 18px 0
  }

  .m-stage-summary {
    position: relative;
    background: #156c9c;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
  }

  .m-stage-summary.is-grey {
    background: #ced2d5
  }

  .m-stage-summary.is-blue {
    background: #156c9c
  }

  .m-stage-summary.is-green {
    background: #37a42c
  }

  .m-stage-summary.is-turquoise {
    background: #00aac9
  }

  .m-stage-summary.is-pink {
    background: #e6006e
  }

  .m-stage-summary.is-orange {
    background: #cc8a00
  }

  .m-stage-summary.is-lemongreen {
    background: #cdd400
  }

  .m-stage-summary.is-yellow {
    background: #fed700
  }

  .m-stage-summary.is-red80p {
    background: #e6593f
  }

  .m-stage-summary.is-red80 {
    background: #e6593f
  }

  .m-stage-summary.is-join-campaign-red {
    background: #e6593f
  }

  .m-stage-summary.is-join-campaign-background-blue {
    background: #00aac9
  }

  .m-stage-summary.is-join-campaign-foreground-blue {
    background: #078fa7
  }

  .m-stage-summary.is-darkblue {
    background: #004775
  }

  .m-stage-summary.is-darkturquoise {
    background: #0092ac
  }

  .m-stage-summary.is-darkpink {
    background: #c2005b
  }

  .m-stage-summary.is-darkgreen {
    background: #2b8d28
  }

  .m-stage-summary.is-darkgrey {
    background: #8d9399
  }

  .m-stage-summary.is-darkorange {
    background: #cc7600
  }

  .m-stage-summary.is-darkred {
    background: #be1b1f
  }

  .m-stage-summary.is-darkyellow {
    background: #dab900
  }

  .m-stage-summary.is-darklemongreen {
    background: #aeb500
  }

  .m-stage-summary.is-gradient-turquoise-pink {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-stage-summary.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-stage-summary.is-gradient-darkblue-turquoise {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-stage-summary.is-gradient-turquoise-blue {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-stage-summary.is-gradient-orange-pink {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-stage-summary.is-gradient-pink-green {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-stage-summary.is-gradient-turquoise-green {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-stage-summary .container {
    background-color: transparent;
    height: inherit
  }

  .m-stage-summary .container .wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px
  }

  .m-stage-summary .container .wrapper .image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 240px
  }

  .type-join.m-stage-summary .container .wrapper .image {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: calc(19.33587% - 40px)
  }

  .m-stage-summary .container .wrapper .image img {
    height: 100%;
    max-height: 240px
  }

  .m-stage-summary .container .wrapper .summary {
    padding: 0 19.33587%
  }

  .m-stage-summary .container .wrapper .summary h1 {
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    text-transform: uppercase;
    color: #fff
  }

  html[data-font-lang="ja"] .m-stage-summary .container .wrapper .summary h1 {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-summary .container .wrapper .summary h1 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-stage-summary .container .wrapper .summary h1.is-expanded {
    font-size: 20px;
    line-height: 22px
  }

  .m-stage-summary .container .wrapper .summary h1.is-expanded .clickable .before {
    line-height: 12px
  }

  .m-stage-summary .container .wrapper .summary h1 .clickable .before {
    color: #fff;
    background-color: #000;
    line-height: 23px;
    cursor: pointer;
    display: none;
    padding: 3px 3px 4px
  }

  .m-stage-summary .container .wrapper .summary h1 .clickable .before > div {
    white-space: nowrap
  }

  .m-stage-summary .container .wrapper .summary h1 .clickable .after {
    display: inline
  }

  .m-stage-summary .container .wrapper .summary .networks {
    position: absolute;
    bottom: 10px;
    left: 19.33587%
  }

  .m-stage-summary .container .wrapper .summary .networks a {
    color: #000;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Brix Sans Bold Italic", Arial, sans-serif;
    margin-bottom: 5px;
    visibility: hidden;
    opacity: 0
  }

  html[data-font-lang="ja"] .m-stage-summary .container .wrapper .summary .networks a {
    font-family: "Brix Sans Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-summary .container .wrapper .summary .networks a {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .m-stage-summary .container .wrapper .summary .networks a svg {
    width: 16px;
    height: 16px;
    fill: #fff
  }

  .m-videoplayer .container:before, .m-videoplayer .container:after {
    z-index: 0
  }

  .m-videoplayer.has-played .poster {
    display: none
  }

  .m-videoplayer .wrapper {
    position: relative;
    z-index: 1;
    background: linear-gradient(to bottom right, #dee0e3 0%, #eff0f1 100%)
  }

  .m-videoplayer .wrapper .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-top: 20px;
    page-break-after: always !important;
  }

  .m-videoplayer .wrapper .video .poster {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
  }

  .m-videoplayer .wrapper .video .poster img {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top
  }

  .m-videoplayer .wrapper .video .play-button {
    position: absolute;
    z-index: 2;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .m-videoplayer .wrapper .video .play-button svg {
    height: 100%;
    max-height: 240px;
    margin: 0 auto
  }

  .m-videoplayer .wrapper .video .play-button svg path, .m-videoplayer .wrapper .video .play-button svg circle {
    stroke: #fff
  }

  .m-videoplayer .wrapper .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:1; 
  }

  .m-videoplayer .wrapper .headline {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #8d9399;
    padding: 20px
  }

  html[data-font-lang="ja"] .m-videoplayer .wrapper .headline {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-videoplayer .wrapper .headline {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }


  .m-stage-expert {
    position: relative;
    background: #156c9c;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    height: 460px;
  }

  .m-stage-expert.is-grey {
    background: #ced2d5
  }

  .m-stage-expert.is-blue {
    background: #156c9c
  }

  .m-stage-expert.is-green {
    background: #37a42c
  }

  .m-stage-expert.is-turquoise {
    background: #00aac9
  }

  .m-stage-expert.is-pink {
    background: #e6006e
  }

  .m-stage-expert.is-orange {
    background: #cc8a00
  }

  .m-stage-expert.is-lemongreen {
    background: #cdd400
  }

  .m-stage-expert.is-yellow {
    background: #fed700
  }

  .m-stage-expert.is-red80p {
    background: #e6593f
  }

  .m-stage-expert.is-red80 {
    background: #e6593f
  }

  .m-stage-expert.is-join-campaign-red {
    background: #e6593f
  }

  .m-stage-expert.is-join-campaign-background-blue {
    background: #00aac9
  }

  .m-stage-expert.is-join-campaign-foreground-blue {
    background: #078fa7
  }

  .m-stage-expert.is-darkblue {
    background: #004775
  }

  .m-stage-expert.is-darkturquoise {
    background: #0092ac
  }

  .m-stage-expert.is-darkpink {
    background: #c2005b
  }

  .m-stage-expert.is-darkgreen {
    background: #2b8d28
  }

  .m-stage-expert.is-darkgrey {
    background: #8d9399
  }

  .m-stage-expert.is-darkorange {
    background: #cc7600
  }

  .m-stage-expert.is-darkred {
    background: #be1b1f
  }

  .m-stage-expert.is-darkyellow {
    background: #dab900
  }

  .m-stage-expert.is-darklemongreen {
    background: #aeb500
  }

  .m-stage-expert.is-gradient-turquoise-pink {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-stage-expert.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-stage-expert.is-gradient-darkblue-turquoise {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-stage-expert.is-gradient-turquoise-blue {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-stage-expert.is-gradient-orange-pink {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-stage-expert.is-gradient-pink-green {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-stage-expert.is-gradient-turquoise-green {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-stage-expert .container {
    background-color: transparent;
    height: inherit
  }

  .m-stage-expert .container .wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 130px;
    height: 100%;
    padding-left: 130px;
  }    
  
  .m-stage-expert .container .wrapper .image {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 32.2%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
  }
  
  .m-stage-expert .container .wrapper .image img {
    max-height: 160px;
    border-radius: 100%
  }
  
  .m-stage-expert .container .wrapper .person {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0;
    margin: 0 180px;
    text-align: left;
    color: #fff
  }
  
  .m-stage-expert .container .wrapper .person .details {
    position: absolute;
    left: 15.38%;
    bottom: 0;
    width: 100%;
  }

  .m-stage-expert .container .wrapper .person .details .name a, .m-stage-expert .container .wrapper .person .details .job-title a, .m-stage-expert .container .wrapper .person .details .address a, .m-stage-expert .container .wrapper .person .details .telephone a {
    color: inherit;
    text-decoration: none
  }

  .m-stage-expert .container .wrapper .person .details .name {
    font-family: "Brix Sans Black", Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 42px;
    line-height: 42px;
  }

  html[data-font-lang="ja"] .m-stage-expert .container .wrapper .person .details .name {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-expert .container .wrapper .person .details .name {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-stage-expert .container .wrapper .person .details .job-title {
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    margin-bottom: 10px
  }

  html[data-font-lang="ja"] .m-stage-expert .container .wrapper .person .details .job-title {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-expert .container .wrapper .person .details .job-title {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-stage-expert .container .wrapper .person .details .address {
    font-family: "Brix Sans Medium", Arial, sans-serif;
    font-size: 12px;
    line-height: 12px
  }

  html[data-font-lang="ja"] .m-stage-expert .container .wrapper .person .details .address {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-expert .container .wrapper .person .details .address {
    font-family: Arial, sans-serif
  }

  .m-stage-expert .container .wrapper .person .details .telephone {
    font-family: "Brix Sans Medium", Arial, sans-serif;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    color: #fff
  }

  html[data-font-lang="ja"] .m-stage-expert .container .wrapper .person .details .telephone {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-expert .container .wrapper .person .details .telephone {
    font-family: Arial, sans-serif
  }

  .m-stage-expert .container .wrapper .c-share-networks {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden
  }

  .m-slide-quote {
    position: relative;
    margin: 15px 0px;
  }

  .m-slide-quote.is-grey .wrapper {
    background: #ced2d5
  }

  .m-slide-quote.is-blue .wrapper {
    background: #156c9c
  }

  .m-slide-quote.is-green .wrapper {
    background: #37a42c
  }

  .m-slide-quote.is-turquoise .wrapper {
    background: #00aac9
  }

  .m-slide-quote.is-pink .wrapper {
    background: #e6006e
  }

  .m-slide-quote.is-orange .wrapper {
    background: #cc8a00
  }

  .m-slide-quote.is-lemongreen .wrapper {
    background: #cdd400
  }

  .m-slide-quote.is-yellow .wrapper {
    background: #fed700
  }

  .m-slide-quote.is-red80p .wrapper {
    background: #e6593f
  }

  .m-slide-quote.is-red80 .wrapper {
    background: #e6593f
  }

  .m-slide-quote.is-join-campaign-red .wrapper {
    background: #e6593f
  }

  .m-slide-quote.is-join-campaign-background-blue .wrapper {
    background: #00aac9
  }

  .m-slide-quote.is-join-campaign-foreground-blue .wrapper {
    background: #078fa7
  }

  .m-slide-quote.is-darkblue .wrapper {
    background: #004775
  }

  .m-slide-quote.is-darkturquoise .wrapper {
    background: #0092ac
  }

  .m-slide-quote.is-darkpink .wrapper {
    background: #c2005b
  }

  .m-slide-quote.is-darkgreen .wrapper {
    background: #2b8d28
  }

  .m-slide-quote.is-darkgrey .wrapper {
    background: #8d9399
  }

  .m-slide-quote.is-darkorange .wrapper {
    background: #cc7600
  }

  .m-slide-quote.is-darkred .wrapper {
    background: #be1b1f
  }

  .m-slide-quote.is-darkyellow .wrapper {
    background: #dab900
  }

  .m-slide-quote.is-darklemongreen .wrapper {
    background: #aeb500
  }

  .m-slide-quote.is-gradient-turquoise-pink .wrapper {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-slide-quote.is-gradient-blue-turquoise .wrapper {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-slide-quote.is-gradient-darkblue-turquoise .wrapper {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-slide-quote.is-gradient-turquoise-blue .wrapper {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-slide-quote.is-gradient-orange-pink .wrapper {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-slide-quote.is-gradient-pink-green .wrapper {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-slide-quote.is-gradient-turquoise-green .wrapper {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-slide-quote .container {
    position: relative
  }

  .m-slide-quote .container:before, .m-slide-quote .container:after {
    z-index: 0
  }

  .m-slide-quote .container .wrapper {
    padding: 20px 0;
    position: relative;
    z-index: 1;
    color: #fff !important;
  }

  .m-slide-quote .container .wrapper .content {
    padding: 0 10.20408%
  }

  .m-slide-quote .container .wrapper .content .quote blockquote {
    font-family: "Arnhem Normal", Arial, sans-serif;
    font-size: 24px !important;
    line-height: 36px;
    text-align: center;
    color: white !important;
  }

  html[data-font-lang="ja"] .m-slide-quote .container .wrapper .content .quote blockquote {
    font-family: "Arnhem Normal", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-slide-quote .container .wrapper .content .quote blockquote {
    font-family: Arial, sans-serif
  }

  .m-slide-quote .container .wrapper .content .quote blockquote:before, .m-slide-quote .container .wrapper .content .quote blockquote:after {
    content: '"'
  }

  .m-slide-quote .container .wrapper .content .quote + .person {
    margin-top: 20px
  }

  .m-slide-quote .container .wrapper .content .person {
    text-align: center;
    color: #fff
  }

  .m-slide-quote .container .wrapper .content .person .image {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
  }

  .m-slide-quote .container .wrapper .content .person .image:after {
    display: none
  }

  .m-slide-quote .container .wrapper .content .person .image img {
    border-radius: 100%;
    max-height: 70px
  }

  .m-slide-quote .container .wrapper .content .person .details {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
  }

  .m-slide-quote .container .wrapper .content .person .details .name a, .m-slide-quote .container .wrapper .content .person .details .job-title a, .m-slide-quote .container .wrapper .content .person .details .address a, .m-slide-quote .container .wrapper .content .person .details .telephone a {
    color: inherit;
    text-decoration: none
  }

  .m-slide-quote .container .wrapper .content .person .details .name {
    display: block;
    font-family: "Brix Sans Black", Arial, sans-serif;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 24px;
    color: inherit;
    text-decoration: none
  }

  html[data-font-lang="ja"] .m-slide-quote .container .wrapper .content .person .details .name {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-slide-quote .container .wrapper .content .person .details .name {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-slide-quote .container .wrapper .content .person .details .job-title {
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    margin-bottom: 4px
  }

  html[data-font-lang="ja"] .m-slide-quote .container .wrapper .content .person .details .job-title {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-slide-quote .container .wrapper .content .person .details .job-title {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-slide-quote .container .wrapper .content .person .details .address {
    font-family: "Brix Sans Medium", Arial, sans-serif;
    font-size: 12px;
    line-height: 12px
  }

  html[data-font-lang="ja"] .m-slide-quote .container .wrapper .content .person .details .address {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-slide-quote .container .wrapper .content .person .details .address {
    font-family: Arial, sans-serif
  }

  .m-slide-quote .container .wrapper .content .person .details .telephone {
    font-family: "Brix Sans Medium", Arial, sans-serif;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    color: #fff
  }

  html[data-font-lang="ja"] .m-slide-quote .container .wrapper .content .person .details .telephone {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-slide-quote .container .wrapper .content .person .details .telephone {
    font-family: Arial, sans-serif
  }

  .m-contact .wrapper {
    position: relative;
    background: #e6e6e6 !important;
  }

  .m-contact .wrapper .container {
    position: relative;
    overflow: hidden;
    background-color: inherit;
    border-color: inherit;
  }

  .m-contact .container:before {
    display: none
  }

  .m-contact .image {
    display: block;
    margin-top: 25px;
    text-align: center;
  }

  .m-contact .image:after {
    display: none
  }

  .m-contact .image img {
    box-shadow: 0 0 0 8px #f0f0f0;
    height: 72px;
    width: 72px;
    border-radius: 50%;
    vertical-align: bottom
  }
  
  .m-contact .details {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
  }

  .m-contact .details .name {
    font-family: "Brix Sans Black", Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: .2px;
    color: #000
  }

  html[data-font-lang="ja"] .m-contact .details .name {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-contact .details .name {
    font-family: Arial, sans-serif;
    font-weight: bold
  }
  
  .m-contact .details .name a:after {
    display: block
  }

  .m-contact .details a.name {
    display: inline-block;
    text-decoration: none;
    color: inherit
  }

  .m-contact .details .job-title, .m-contact .details .address, .m-contact .details .telephone {
    color: #8d9399;
    letter-spacing: 0.04em;
    margin-bottom: 5px
  }

  .m-contact .details .job-title a, .m-contact .details .address a, .m-contact .details .telephone a {
    color: inherit;
    text-decoration: none
  }

  .m-contact .details .job-title {
    font-family: "Brix Sans Black", Arial, sans-serif;
    text-transform: uppercase
  }

  html[data-font-lang="ja"] .m-contact .details .job-title {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-contact .details .job-title {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-contact .details .address, .m-contact .details .telephone {
    font-family: "Brix Sans Medium", Arial, sans-serif
  }

  html[data-font-lang="ja"] .m-contact .details .address, html[data-font-lang="ja"] .m-contact .details .telephone {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-contact .details .address, html[data-font-lang="fallback"] .m-contact .details .telephone {
    font-family: Arial, sans-serif
  }

  .m-contact .details .telephone {
    cursor: text;
    text-decoration: none
  }

  .m-contact .c-share-networks {
    margin: 0 auto;
    overflow: hidden;
  }
  /*
  .m-contact .c-share-networks .c-button {
    width: 100%;
    margin-left: 0
  }
  */
  .m-teaser-news {
    display: none
  }

  .m-teaser-press + .m-teaser-press .container {
    padding-top: 0
  }

  .m-teaser-press + .m-teaser-press .container:after {
    top: 8px
  }

  .m-teaser-press .container {
    padding: 20px 0
  }

  .m-teaser-press .meta, .m-teaser-press .content {
    width: 69.38776%;
    margin-left: 10.20408%
  }

  .m-teaser-press .meta .date {
    font-family: "Brix Sans Medium", Arial, sans-serif;
    color: #8d9399;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.12em;
    margin-bottom: 20px;
    display: list-item
  }

  html[data-font-lang="ja"] .m-teaser-press .meta .date {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-press .meta .date {
    font-family: Arial, sans-serif
  }

  .m-teaser-press .meta .topic {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    color: #c2005b;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    text-decoration: none;
    display: inline-block
  }

  html[data-font-lang="ja"] .m-teaser-press .meta .topic {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-press .meta .topic {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .type-join.m-teaser-press .meta .topic {
    font-family: "Brix Sans Bold", Arial, sans-serif
  }

  html[data-font-lang="ja"] .type-join.m-teaser-press .meta .topic {
    font-family: "Brix Sans Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .type-join.m-teaser-press .meta .topic {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-press .meta .topic .icon {
    position: relative;
    top: 2px;
    margin-left: 5px;
    color: #8d9399;
    width: 19px;
    height: 19px
  }

  .m-teaser-press .content .headline {
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  
  .m-teaser-press .content a {
    position: relative;
    color: inherit;
    text-decoration: none;
  }

  html[data-font-lang="ja"] .m-teaser-press .content .headline {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-press .content .headline {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-teaser-press .content p {
    font-family: "Brix Sans Light", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-teaser-press .content p {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-teaser-press .content p {
    font-family: Arial, sans-serif
  }

  .m-slide-takeaway {
    position: relative
  }

  .m-slide-takeaway.is-grey .wrapper {
    background: #ced2d5
  }

  .m-slide-takeaway.is-blue .wrapper {
    background: #156c9c
  }

  .m-slide-takeaway.is-green .wrapper {
    background: #37a42c
  }

  .m-slide-takeaway.is-turquoise .wrapper {
    background: #00aac9
  }

  .m-slide-takeaway.is-pink .wrapper {
    background: #e6006e
  }

  .m-slide-takeaway.is-orange .wrapper {
    background: #cc8a00
  }

  .m-slide-takeaway.is-lemongreen .wrapper {
    background: #cdd400
  }

  .m-slide-takeaway.is-yellow .wrapper {
    background: #fed700
  }

  .m-slide-takeaway.is-red80p .wrapper {
    background: #e6593f
  }

  .m-slide-takeaway.is-red80 .wrapper {
    background: #e6593f
  }

  .m-slide-takeaway.is-join-campaign-red .wrapper {
    background: #e6593f
  }

  .m-slide-takeaway.is-join-campaign-background-blue .wrapper {
    background: #00aac9
  }

  .m-slide-takeaway.is-join-campaign-foreground-blue .wrapper {
    background: #078fa7
  }

  .m-slide-takeaway.is-darkblue .wrapper {
    background: #004775
  }

  .m-slide-takeaway.is-darkturquoise .wrapper {
    background: #0092ac
  }

  .m-slide-takeaway.is-darkpink .wrapper {
    background: #c2005b
  }

  .m-slide-takeaway.is-darkgreen .wrapper {
    background: #2b8d28
  }

  .m-slide-takeaway.is-darkgrey .wrapper {
    background: #8d9399
  }

  .m-slide-takeaway.is-darkorange .wrapper {
    background: #cc7600
  }

  .m-slide-takeaway.is-darkred .wrapper {
    background: #be1b1f
  }

  .m-slide-takeaway.is-darkyellow .wrapper {
    background: #dab900
  }

  .m-slide-takeaway.is-darklemongreen .wrapper {
    background: #aeb500
  }

  .m-slide-takeaway.is-gradient-turquoise-pink .wrapper {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-slide-takeaway.is-gradient-blue-turquoise .wrapper {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-slide-takeaway.is-gradient-darkblue-turquoise .wrapper {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-slide-takeaway.is-gradient-turquoise-blue .wrapper {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-slide-takeaway.is-gradient-orange-pink .wrapper {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-slide-takeaway.is-gradient-pink-green .wrapper {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-slide-takeaway.is-gradient-turquoise-green .wrapper {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-slide-takeaway .container {
    position: relative
  }

  .m-slide-takeaway .container:before, .m-slide-takeaway .container:after {
    z-index: 0
  }

  .m-slide-takeaway .container .wrapper {
    padding: 20px 0;
    position: relative;
    z-index: 1
  }

  .m-slide-takeaway .container .wrapper .content {
    padding: 0 10.20408%;
    color: #fff
  }

  .m-slide-takeaway .container .wrapper .content .number {
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    text-align: center
  }

  html[data-font-lang="ja"] .m-slide-takeaway .container .wrapper .content .number {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-slide-takeaway .container .wrapper .content .number {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .m-slide-takeaway .container .wrapper .content .number + .text {
    margin-top: 40px
  }

  .m-slide-takeaway .container .wrapper .content .number span {
    font-size: 160px;
    line-height: 118px
  }

  .m-slide-takeaway .container .wrapper .content .text {
    font-family: "Brix Sans Black", Arial, sans-serif
  }

  html[data-font-lang="ja"] .m-slide-takeaway .container .wrapper .content .text {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-slide-takeaway .container .wrapper .content .text {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-slide-takeaway .container .wrapper .content .text p {
    font-size: 15px;
    line-height: 22px
  }

  .m-slide-takeaway .container .wrapper .content .text p::first-letter {
    float: left;
    font-size: 60px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    top: 5px
  }

  .m-cookie-layer {
    display: none
  }

  .m-audioplayer {
    display: none
  }
  
  /* This is sharebar network css --Start-- */
  .m-sharebar {
    background: #eff0f1;
    padding: 60px 20px;
    text-align: center;
  }
  
  .m-sharebar .label {
    font-family: "Arnhem Blond Italic",Arial,sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  
  .m-sharebar .networks a {
    color: #000;
    pointer-events: none;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 100%;
    width: 55px;
    height: 55px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "RBDesign Bold Italic",Arial,sans-serif;
    margin: 5px;
  }
  
  .m-sharebar .networks a svg {
    width: 24px;
    height: 24px;
  }
  
  /* This is the download box css --Start-- */
  
  .m-download {
    position: relative;
  }
  
  .m-download .container .c-background {
    background: #f0f0f0;
  }

  .c-background {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .m-download .container .wrapper {
    padding: 40px 0;
    display: flex;
    min-height: 415px;
    position: relative;
    z-index: 10;
  }
  
  .m-download .container .wrapper .content {
    margin: 0 0 0 42.37%;
    width: 50.84%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 110px;
  }
  
  .m-download .container .wrapper .content .label-wrapper {
    margin-bottom: 45px;
    display: inline-flex;
  }
  
  .m-download .container .wrapper .content h1 {
    font-family: "RBDesign Bold",Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  
  .m-download .container .wrapper .content .preview {
    position: absolute;
    top: 40px;
    left: 0;
    width: 40.67%;
    text-align: right;
    margin-bottom: 0;
  }
  
  .m-download .container .wrapper .content .preview .preview-background {
    background: linear-gradient(135deg, #d7d8d8 0%, #ffffff 100%);
    display: inline-block;
    padding: 20px;
  }
  
  .m-download .container .wrapper .content .preview img {
    max-height: 300px;
    max-width: 220px;
    vertical-align: top;
  }
  
  .m-download .container .wrapper .content p {
    font-family: "RBDesign Regular",Arial,sans-serif;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  
  .m-download .container .wrapper .content .language>span {
    display: block;
    font-family: "RBDesign Bold",Arial,sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
  }
  
  .m-download .container .wrapper .content .language label input {
    display: none;
  }
  
  .m-download .container .wrapper .content .language label span {
    color: #fff;
    border: 1px solid #000;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-family: "RBDesign Bold",Arial,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-indent: -1px;
    background-color: #000;
    border-color: #000;
  }
  
  .m-download .container .wrapper .content .language label+label {
    margin-left: 10px;
  }
  
  .m-download .container .wrapper .button {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
  }
  
  .m-download .container .wrapper .button .c-button {
    display: inline-flex;
  }
  
  .m-download .container .wrapper .button .c-button .size {
    color: #aeb6bb;
  }
  
  .c-button .icon+span, .c-button span+.icon {
    margin-left: 10px;
  }
    
  /* This is the download box css --End-- */
  
  
  /* This is the international network CSS --Start-- */
  .m-expandable>.container>.wrapper {
    position: relative;
    padding-top: 30px;
  }
  
  .m-expandable>.container>.wrapper .expandable-wrapper {
    margin-bottom: 0px;
  }
  
  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button.is-closed .icon {
    background-color: #000;
  }
  
  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button {
    display:inline-flex;
    display: -webkit-inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 0%;
    width: 10%;
    position: relative;
    z-index: 1;
    justify-content: flex-start;
  }

  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon {
    display:flex;
    -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
        margin-right: -16px;
        box-shadow: 0 0 0 8px #fff;
    background-color: #c8c8c8;
    fill: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    position: relative;
  }
  
  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .label {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: .29px;
    font-family: "Arnhem Blond Italic",Arial,sans-serif;
    margin-left: 0px;
    margin-bottom: 10px;
    min-width:180px;
     
  }
  
  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon:before, .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon:after {
    content: "";
    height: 2px;
    width: 10px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 20px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: transform .2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform .2s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button.is-closed .icon:after {
    content: "";
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
  }
  
  /* This is the international network CSS --End-- */

  .m-slide-image {
    position: relative
  }

  .m-slide-image.is-grey .wrapper {
    background: #ced2d5
  }

  .m-slide-image.is-blue .wrapper {
    background: #156c9c
  }

  .m-slide-image.is-green .wrapper {
    background: #37a42c
  }

  .m-slide-image.is-turquoise .wrapper {
    background: #00aac9
  }

  .m-slide-image.is-pink .wrapper {
    background: #e6006e
  }

  .m-slide-image.is-orange .wrapper {
    background: #cc8a00
  }

  .m-slide-image.is-lemongreen .wrapper {
    background: #cdd400
  }

  .m-slide-image.is-yellow .wrapper {
    background: #fed700
  }

  .m-slide-image.is-red80p .wrapper {
    background: #e6593f
  }

  .m-slide-image.is-red80 .wrapper {
    background: #e6593f
  }

  .m-slide-image.is-join-campaign-red .wrapper {
    background: #e6593f
  }

  .m-slide-image.is-join-campaign-background-blue .wrapper {
    background: #00aac9
  }

  .m-slide-image.is-join-campaign-foreground-blue .wrapper {
    background: #078fa7
  }

  .m-slide-image.is-darkblue .wrapper {
    background: #004775
  }

  .m-slide-image.is-darkturquoise .wrapper {
    background: #0092ac
  }

  .m-slide-image.is-darkpink .wrapper {
    background: #c2005b
  }

  .m-slide-image.is-darkgreen .wrapper {
    background: #2b8d28
  }

  .m-slide-image.is-darkgrey .wrapper {
    background: #8d9399
  }

  .m-slide-image.is-darkorange .wrapper {
    background: #cc7600
  }

  .m-slide-image.is-darkred .wrapper {
    background: #be1b1f
  }

  .m-slide-image.is-darkyellow .wrapper {
    background: #dab900
  }

  .m-slide-image.is-darklemongreen .wrapper {
    background: #aeb500
  }

  .m-slide-image.is-gradient-turquoise-pink .wrapper {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-slide-image.is-gradient-blue-turquoise .wrapper {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-slide-image.is-gradient-darkblue-turquoise .wrapper {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-slide-image.is-gradient-turquoise-blue .wrapper {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-slide-image.is-gradient-orange-pink .wrapper {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-slide-image.is-gradient-pink-green .wrapper {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-slide-image.is-gradient-turquoise-green .wrapper {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-slide-image .container {
    position: relative
  }

  .m-slide-image .container:before, .m-slide-image .container:after {
    z-index: 0
  }

  .m-slide-image .container .wrapper {
    padding: 20px;
    position: relative;
    z-index: 1
  }

  .m-slide-image .container .wrapper .content {
    padding: 0 10.20408%;
    color: #fff
  }

  .m-slide-image .container .wrapper .content .data {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .m-slide-image .container .wrapper .content .data .data-image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center
  }

  .m-slide-image .container .wrapper .content .data img {
    max-height: 180px;
    margin-bottom: 10px
  }

  .m-slide-image .container .wrapper .content .data .data-text {
    max-width: 250px;
    width: 100%;
    text-align: center;
    font-family: "Brix Sans Black", Arial, sans-serif;
    margin-bottom: 25px
  }

  html[data-font-lang="ja"] .m-slide-image .container .wrapper .content .data .data-text {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-slide-image .container .wrapper .content .data .data-text {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-slide-image .container .wrapper .content .data .ct-chart {
    width: 87.17949%;
    max-height: 180px;
    width: 350px;
    margin: 0 auto 25px
  }

  .m-slide-image .container .wrapper .content .data .legend {
    margin-bottom: 25px;
    text-align: center
  }

  .m-slide-image .container .wrapper .content .data .legend span {
    font-size: 16px;
    margin-right: 10px;
    white-space: nowrap;
    display: inline-block
  }

  .m-slide-image .container .wrapper .content .data .legend span:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: red;
    display: inline-block;
    margin-right: 5px
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(1):before {
    background-color: #111
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(2):before {
    background-color: #eee
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(3):before {
    background-color: #444
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(4):before {
    background-color: #ccc
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(5):before {
    background-color: #555
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(6):before {
    background-color: #777
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(7):before {
    background-color: #999
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(8):before {
    background-color: #888
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(9):before {
    background-color: #aaa
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(10):before {
    background-color: #666
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(11):before {
    background-color: #bbb
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(12):before {
    background-color: #333
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(13):before {
    background-color: #ddd
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(14):before {
    background-color: #222
  }

  .m-slide-image .container .wrapper .content .data .legend span:nth-child(15):before {
    background-color: #fff
  }

  .m-slide-image .container .wrapper .content .data .legend span:last-child {
    margin-right: 0
  }

  .m-slide-image .container .wrapper .content .text {
    font-family: "Brix Sans Black", Arial, sans-serif
  }

  html[data-font-lang="ja"] .m-slide-image .container .wrapper .content .text {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-slide-image .container .wrapper .content .text {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-slide-image .container .wrapper .content .text p {
    font-size: 28px;
    line-height: 28px;
    text-align: center
  }

  .m-image-caption figure {
    position: relative
  }

  .m-image-caption figure img {
    width: 100%;
    display: block
  }

  .m-image-caption figure figcaption {
    padding: 10px;
    width: 100%;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.12em;
    background-color: #eff0f1
  }

  html[data-font-lang="ja"] .m-image-caption figure figcaption {
    font-family: "Arnhem Bold Italic", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-image-caption figure figcaption {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: italic
  }

  .m-image-caption figure figcaption .reference {
    display: block;
    color: #8d9399;
    font-family: "Brix Sans Medium", Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase
  }

  html[data-font-lang="ja"] .m-image-caption figure figcaption .reference {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-image-caption figure figcaption .reference {
    font-family: Arial, sans-serif
  }

  .m-image-caption figure figcaption .reference strong {
    font-family: "Brix Sans Black", Arial, sans-serif
  }

  html[data-font-lang="ja"] .m-image-caption figure figcaption .reference strong {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-image-caption figure figcaption .reference strong {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-image-caption figure figcaption .reference a {
    color: inherit;
    text-decoration: none
  }

  .m-stage-map {
    position: relative;
    background: #156c9c;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
  }

  .m-stage-map.is-grey {
    background: #ced2d5
  }

  .m-stage-map.is-blue {
    background: #156c9c
  }

  .m-stage-map.is-green {
    background: #37a42c
  }

  .m-stage-map.is-turquoise {
    background: #00aac9
  }

  .m-stage-map.is-pink {
    background: #e6006e
  }

  .m-stage-map.is-orange {
    background: #cc8a00
  }

  .m-stage-map.is-lemongreen {
    background: #cdd400
  }

  .m-stage-map.is-yellow {
    background: #fed700
  }

  .m-stage-map.is-red80p {
    background: #e6593f
  }

  .m-stage-map.is-red80 {
    background: #e6593f
  }

  .m-stage-map.is-join-campaign-red {
    background: #e6593f
  }

  .m-stage-map.is-join-campaign-background-blue {
    background: #00aac9
  }

  .m-stage-map.is-join-campaign-foreground-blue {
    background: #078fa7
  }

  .m-stage-map.is-darkblue {
    background: #004775
  }

  .m-stage-map.is-darkturquoise {
    background: #0092ac
  }

  .m-stage-map.is-darkpink {
    background: #c2005b
  }

  .m-stage-map.is-darkgreen {
    background: #2b8d28
  }

  .m-stage-map.is-darkgrey {
    background: #8d9399
  }

  .m-stage-map.is-darkorange {
    background: #cc7600
  }

  .m-stage-map.is-darkred {
    background: #be1b1f
  }

  .m-stage-map.is-darkyellow {
    background: #dab900
  }

  .m-stage-map.is-darklemongreen {
    background: #aeb500
  }

  .m-stage-map.is-gradient-turquoise-pink {
    background: linear-gradient(to right, #00aac9, #e6006e)
  }

  .m-stage-map.is-gradient-blue-turquoise {
    background: linear-gradient(to right, #156c9c, #00aac9)
  }

  .m-stage-map.is-gradient-darkblue-turquoise {
    background: linear-gradient(to right, #004775, #00aac9)
  }

  .m-stage-map.is-gradient-turquoise-blue {
    background: linear-gradient(to right, #00aac9, #156c9c)
  }

  .m-stage-map.is-gradient-orange-pink {
    background: linear-gradient(to right, #cc7600, #e6006e)
  }

  .m-stage-map.is-gradient-pink-green {
    background: linear-gradient(to right, #e6006e, #72b656)
  }

  .m-stage-map.is-gradient-turquoise-green {
    background: linear-gradient(to right, #00aac9, #72b656)
  }

  .m-stage-map .map {
    display: none
  }

  .m-stage-map .map-fallback.always-show {
    display: block
  }

  .m-stage-map .map-fallback .wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px
  }

  .m-stage-map .map-fallback .wrapper .image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .m-stage-map .map-fallback .wrapper .image img {
    max-height: 240px
  }

  .m-stage-map .map-fallback .wrapper .headline {
    padding: 0 19.33587%
  }

  .m-stage-map .map-fallback .wrapper .headline h1 {
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    text-transform: uppercase;
    color: #fff
  }

  html[data-font-lang="ja"] .m-stage-map .map-fallback .wrapper .headline h1 {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-map .map-fallback .wrapper .headline h1 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }
  
  /* Event page css in join -- Start -- */
  
  .m-list .content a.no-underline, .m-list .content a.no-external-hint {
    text-decoration: none !important;
  }
  .m-filter .form {
    background: #eff0f1;
  }
  .is-small.m-filter .filter {
    padding: 16px 0 7px;
  }
  .m-filter .filter .headline {
    margin-bottom: 0;
    margin-top: 10px;
    margin-left: 0;
    width: 23.72%;
    text-align: right;
    padding-right: 40px;
  }
  .m-filter .filter .options, .m-filter .filter .checkOptions {
    margin-left: 7.55%;
    width: 66.1%;
  }
  .is-small.m-filter .filter .c-form-select select {
    height: 38px;
    line-height: 38px;
  }
  .is-reset-left.m-filter .form-footer .c-button[type=reset] {
    margin-left: 5.55%;
  }
  
  /* Event page css in join -- End -- */

  .m-layer-language {
    display: none
  }

  .m-form {
    display: none
  }

  .m-filter {
    display: block;
  }

  .m-layer-search {
    display: none
  }

  .m-experience-report {
    position: relative;
    background-color: #dee0e3
  }

  .m-experience-report .container {
    padding-top: 1px;
    padding-bottom: 15px
  }

  .m-experience-report .container:before {
    display: none
  }

  .m-experience-report .label {
    position: relative;
    display: inline-block;
    padding: 9px 16px 9px 30px;
    margin-left: 8.8834555827%;
    margin-right: 16px;
    background-color: #ff3532;
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2em;
    text-align: left;
    letter-spacing: 0.12em;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap
  }

  html[data-font-lang="ja"] .m-experience-report .label {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-experience-report .label {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-experience-report .label:before, .m-experience-report .label:after {
    content: "";
    position: absolute;
    right: -16px;
    display: block
  }

  .m-experience-report .label:before {
    top: 0;
    bottom: 16px;
    width: 16px;
    background-color: #ff3532;
  }

  .m-experience-report .label:after {
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 16px solid #cc1d33;
    border-right: 16px solid transparent
  }

  .m-experience-report .image {
    display: block;
    margin-top: 25px;
    text-align: left;
    padding-left: 8.8834555827%;
  }

  .m-experience-report .image img {
    height: 72px;
    width: 72px;
    border-radius: 50%;
    vertical-align: bottom
  }

  .m-experience-report .details {
    padding-left: 8.8834555827%;
    padding-right: 8.8834555827%;
    margin-top: 25px;
    text-align: left;
    margin-bottom: 25px;
    font-family: "Brix Sans Light", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px
  }

  html[data-font-lang="ja"] .m-experience-report .details {
    font-family: "Brix Sans Light", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-experience-report .details {
    font-family: Arial, sans-serif
  }

  .m-experience-report .details .name {
    font-family: "Brix Sans Black", Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: left;
    line-height: 24px;
    color: #000
  }
  
  .m-experience-report .details .text {
    text-align: left;
  }

  html[data-font-lang="ja"] .m-experience-report .details .name {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-experience-report .details .name {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-experience-report .details .intro:after {
    display: none
  }

  .m-experience-report .details .more {
    display: inline
  }

  .m-experience-report .button-wrapper {
    display: none
  }

  .m-dropdown {
    display: none
  }

  .m-list .container {
    padding: 0 0 50px
  }

  .m-list li {
    position: relative;
    padding-bottom: 20px
  }

  .m-list .list-item:after {
    content: '';
    display: table;
    clear: both
  }

  .m-list .meta, .m-list .content {
    width: 69.38776%;
    margin-left: 10.20408%
  }

  .m-list .meta {
    min-height: 1px
  }

  .m-list .date {
    font-family: "Brix Sans Medium", Arial, sans-serif;
    color: #8d9399;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.12em;
    margin-bottom: 20px;
    list-style-type: disc;
    display: list-item
  }

  html[data-font-lang="ja"] .m-list .date {
    font-family: "Brix Sans Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-list .date {
    font-family: Arial, sans-serif
  }

  .m-list .content {
    position: relative;
    font-size: 15px;
    line-height: 22px
  }

  .m-list .headline {
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px
  }

  html[data-font-lang="ja"] .m-list .headline {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-list .headline {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-list .subline {
    margin-bottom: 5px
  }

  .m-list .links {
    margin-top: 7px;
    margin-bottom: 5px
  }

  .m-subnavigation {
    background: #f0f0f0;
    padding: 14px 0;
    margin-top: 40px;
  }

  .m-subnavigation ul {
    display: flex;
    justify-content: center;
    text-decoration: none;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;*/
  }

  .container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  @media (min-width: 768px) {
    .m-subnavigation li {
      font-size: 16px;
      line-height: 22px;
      margin: 5px 18px;
    }
  }

  .m-subnavigation li {
    display: inline-block;
    font-family: "RBDesign Medium",Arial,sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1.14px;
    margin: 0 30px 5px;
    color: #000;
  }

  .m-subnavigation a {
    position: relative;
    color: inherit;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(0,0,0,0);
  }

  .m-separator.desktop {
    display: none;
  }

  .m-teaser-campaign {
    display: none
  }

  .m-stage-campaign {
    position: relative;
    background: #156c9c;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
  }

  .m-stage-campaign .container {
    background-color: transparent;
    height: inherit
  }

  .m-stage-campaign .container .wrapper {
    position: relative;
    padding-bottom: 20px
  }

  .m-stage-campaign .container .wrapper .image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 240px
  }

  .type-join.m-stage-campaign .container .wrapper .image {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: calc(19.33587% - 40px)
  }

  .m-stage-campaign .container .wrapper .image img {
    height: 100%;
    max-height: 240px
  }

  .m-stage-campaign .container .wrapper .headline {
    padding: 0 19.33587%
  }

  .m-stage-campaign .container .wrapper .headline h1 {
    font-family: "Brix Sans Black", Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    color: #fff
  }

  html[data-font-lang="ja"] .m-stage-campaign .container .wrapper .headline h1 {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-campaign .container .wrapper .headline h1 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }

  .m-stage-publication {
    position: relative
  }

  .m-stage-publication.is-light .container .wrapper .headline h1 {
    color: #000
  }

  .m-stage-publication .container {
    background-color: transparent;
    height: inherit
  }

  .m-stage-publication .container .wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px
  }

  .m-stage-publication .container .wrapper .image {
    position: relative;
    margin: 40px auto 36px;
    text-align: center
  }

  .m-stage-publication .container .wrapper .image .image-inner {
    position: relative;
    display: inline-block
  }

  .m-stage-publication .container .wrapper .image .image-inner img {
    display: block;
    max-width: 140px;
    max-height: 165px;
    /*margin: 0 auto;*/
    margin-right: 450px;
    margin-top: 70px;
  }

  .m-stage-publication .container .wrapper .image .image-inner:after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: 0;
    display: block;
    width: 40px;
    height: 40px;
    background-image: url("$CMS_REF(media:" dummy_stage_publication_shadow ")$");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom
  }
  
  .m-stage-publication .container .wrapper .headline {
    padding: 0 1.33%;
    position: absolute;
    top: 130px;
    left: 200px;  
  }
  
  /*
  html[data-font-lang="ja"] .m-stage-publication .container .wrapper .headline h1 {
    font-family: "Brix Sans Black", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang="fallback"] .m-stage-publication .container .wrapper .headline h1 {
    font-family: Arial, sans-serif;
    font-weight: bold
  }
  */

  .is-uppercase.m-stage-publication .container .wrapper .headline h1 {
    text-transform: uppercase
  }
  
  .m-flag {
    display: none
  }


  /* Start New Print CSS Styles */

  .m-flag {
    display: none
  }
  
  .m-text .wrapper, .m-section-headline h2, /*.m-contact .details,*/ .m-expandable > .container > .wrapper .expandable-wrapper .expandable-button, .m-stage-overview .container .wrapper, .m-stage-publication .container .wrapper {
    width: 69.38776%;
    float: left;
    margin-right: 2.04082%;
    margin-left: 10.20408%;
  }
  
  .m-contact .details .name a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
  }
  
  .m-text .wrapper .c-text-blockquote {
    margin-left: 8px;
    margin-bottom: 20px;
  }

  .m-text .wrapper .c-text-paragraph {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  

  .c-text-paragraph {
    font-weight: 400;
    font-size: 12px;
  }

  #flag, .m-load-more, .m-separator {
    display: block;
  }

  #our_experts_1, #Subscribe, #subscribe, #hubspot_form, .hbspt-form, #get_in_touch, /*.m-breadcrumb,*/ .m-footer {
    display: block;
  }

  .m-layer-overlay.ng-scope, .pswp {
    display: none;
  }
  
  ..m-stage-publication {
    /*z-index: 4;*/
    height: 670px;
  }

  .m-stage-overview .container .wrapper .image img {
    display: block;
  }

  /*
  .m-header {
    display: none;
  }


  .m-header .navigation, .m-header a, .subnav {
    display: none;
  }


  .m-header .logo a {
    display: block;
  }

  .m-header .logo a::before, .m-header .logo a::after {
    display: none;
  }


  .m-header .logo a:nth-child(2), .blip {
    display: none;
  }
  */

  .mark-designation {
    position: absolute;
    z-index: 6;
    top: 35px;
    right: 35px;
    width: 125px;
    height: auto;
    padding: 20px;

  }

  .m-expandable > .container > .wrapper .expandable-wrapper .expandable-button {
    list-style-type: none;
  }
  /*
  .m-contact .details .name a:before {
    content: 'author:';
    position: relative;
    margin-right: 2px;
    color: #8D9399;
    font-size: 10px;
  }
  
  .m-text .wrapper .c-text-paragraph a {
    text-decoration: underline;
    color: #00aac9;
  }
  */

  a:not(.telephone):not([ng-click]):not([href^="mailto"]):after {
    content: none;
  }
  
  /* This is the download box --Start--*/
  
  .m-flag-join {
    display: block;
  }
  
  .m-flag-join .wrapper {
    position: relative;
  }
  
  .m-flag-join .wrapper .container {
    position: relative;
    overflow: hidden;
    background-color: inherit;
    border-color: inherit;
  }
  
  .m-flag-join .container {
    padding: 10px 0 0 0;
  }
  
  /*
  .m-flag-join .flag-wrapper, .m-flag-new .flag-wrapper {
    width: 54.4417277914%;
  }
  */
  
  .m-flag-join .flag-wrapper, .m-flag-new .flag-wrapper {
    width: 63.3251833741%;
    margin-left: 13.28%;
  }
  
  .m-flag-join .flag-wrapper, .m-flag-new .flag-wrapper {
    position: relative;
    padding-left: 2px;
    /*margin-left: 9.18%;*/
  }
  
  .m-flag-join .flag.is-flag-red, .m-flag-new .flag.is-flag-red {
    background-color: #ff3532;
    color: #fff;
    -webkit-print-color-adjust: exact;
  }
  
  .m-flag-join .flag.is-flag-red:after, .m-flag-new .flag.is-flag-red:after {
    top: -10px;
    border-bottom-width: 10px;
    border-left-width: 45px;
  }

  .m-flag-join .flag.is-flag-red:after, .m-flag-new .flag.is-flag-red:after {
    /*top: -6px;*/
    border-bottom: 6px solid #a8182a !important;
    -webkit-print-color-adjust: exact;
  }
  .m-flag-join .flag:after, .m-flag-new .flag:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    border-left: 15px solid rgba(0,0,0,0);
    -webkit-print-color-adjust: exact;
  }
  
  .m-flag-join .flag .icon, .m-flag-new .flag .icon {
    width: 22px;
    height: 22px;
    float: right;
    margin-top: 5px;
    margin-left: 12px;
    fill: currentColor;
  }
  
  .m-flag-join .flag, .m-flag-new .flag {
    position: relative;
    /*max-width: 350px;*/
    display: inline-block;
    padding: 17px 20px 24px 23px;
    font-family: "RBDesign Bold",Arial,sans-serif;
    letter-spacing: .4px;
    font-size: 19px;
    line-height: 25px;
    text-decoration: none;
    color: #fff;
    height: 57px;
    font-weight: bold;
    margin-left: -25px;
  }
  
  .m-flag-join .flag .icon {
    width: 22px;
    height: 22px;
    float: right;
    margin-top: 5px;
    margin-left: 12px;
  }
  svg .icon {
    fill: currentColor;
    width: 16px;
    height: 16px;
  }
  
  /* This is the download box --End--*/

  
  body .hs-form-field {
    margin-bottom: 0px !important;
  }
  
  .hbspt-form .input {
    display: inline-block;
    width: calc(85% - 150px);
  }
  
  .hs-custom-style>div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
    box-sizing: border-box;
    padding: 0 15px;
    min-height: 27px;
  }
   
  .hs-custom-style>div>div:last-of-type .hs-input:not([type=radio]), .hs-custom-style fieldset>div:last-of-type .hs-input:not([type=radio]) {
    width: 100%;
    max-width: 100%;
    height: 25px;
  }
   
  .hs-custom-style .hs-input, .hs-custom-style fieldset {
    max-width: 100%;
  }
  
  .legal-consent-container input[type=color], .legal-consent-container input[type=date], .legal-consent-container input[type=datetime-local], .legal-consent-container input[type=datetime], .legal-consent-container input[type=email], .legal-consent-container input[type=file], .legal-consent-container input[type=month], .legal-consent-container input[type=number], .legal-consent-container input[type=password], .legal-consent-container input[type=search], .legal-consent-container input[type=tel], .legal-consent-container input[type=text], .legal-consent-container input[type=time], .legal-consent-container input[type=url], .legal-consent-container input[type=week], body textarea, input.hs-input {
    font-family: "Sharp Sans Regular", Arial, sans-serif; 
    font-size: 19px;
    width: 100%;
    height: 25px !important;
    padding: 13px 19px 12px;
    margin: 0;
    color: #000;
    background-color: transparent;
    background-image: none;
    border: 1px solid #aeb6bb;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  .hs-input {
    display: inline-block !important;
    min-width: 100% !important;
  }
  
  .hbspt-form label {
    display: inline-block !important;
    min-width: 150px !important;
    font-family: "Sharp Sans Bold", arial !important;
    font-size: 10px !important;
    line-height: 16px;
    letter-spacing: .12em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 13px !important;
  }
  
  .legal-consent-container input[type=file], body select {
    font-size: 12px;
  }

  body select {
    display: inline-block;
    width: 100%;
    height: 25px !important;
    margin: 0;
    padding: 0px 0px 0px 10px;
    color: #000;
    background-color: transparent;
    border: 1px solid #aeb6bb;
    border-radius: 0;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Sharp Sans Bold", arial;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 12px;
    line-height: 12px !important; 
    white-space: nowrap;
  }
  
  .hs-richtext {
    font-family: "Sharp Sans Regular", Arial, sans-serif;
    text-transform: none;
    font-size: 19px;
    line-height: 30px;
    color: #666;
    margin: 10px 0;
  }
  
  .hs-input::placeholder {
    font-size: 11px;
    padding: 0px 0px 0px 10px !important;
  }
  
  /* This is the sign up form --End-- */
  
  .m-image-caption figure {
    width: 81.38776%;
    float: left;
    margin-right: 2.04082%;
    margin-left: 10.20408%;
  }

  .m-image-caption figure figcaption {
    background-color: transparent;
    font-size: 12px;
    color: #8D9399;
  }

  .m-image-caption {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  h3 {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 9px !important;
  }

  h3::marker {
    color: #fff;
  }

  .c-text-list {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-left: 40px;
  }

  .c-text-blockquote .author .details {
    text-align: left;
    padding-top: 3px;
    margin-left: -40px;
  }
  
  .c-text-blockquote .author .details .name a {
    font-size: 10px;
    font-style: italic;
    color: #000 !important;
    font-family: "Arnhem Normal Italic", Arial, sans-serif;
    text-decoration: none !important;
    position: relative;
  }
  /*
  .c-text-blockquote .author .details .name a::before {
    position: absolute;
    top: 5px;
    left: -14px;
    content: "—";
    line-height: 0;
  }
  */
  .c-text-blockquote .author .details .job-title, .c-text-blockquote .author .details .address {
    color: #8D9399;
    font-size: 10px;
    line-height: 14px;
    text-transform: initial;
  }

  .c-text-list {
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-text-list li::marker {
    color: #8D9399;
  }

  .c-text-autor {
    color: #8D9399;
    font-size: 10px;
  }
  
  /*
  .c-text-autor a {
    color: #000;
    font-size: 10px;
    text-decoration: initial;
  }
  */
  
  .c-text-autor a {
    position: relative;
    color: inherit;
    text-decoration: none;
    box-shadow: inset 0 -3px 0 #f6f600, 0 1px 0 #f6f600;
  }
  
  .c-text-timestamp span {
    font-size: 10px;
    color: #000;
  }

  .mark-designation::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
  }
  
  .m-back-to-location a {
    position: relative;
    text-decoration: none;
    line-height: 110%;
  }

  .m-back-to-location a:after {
    position: relative !important;
    content: attr(href) !important;
    color: #00AAC9 !important;
    font-size: 10px !important;
    display: block !important;
  }

  .m-back-to-location a:before {
    position: relative;
    color: #8D9399;
    font-size: 10px;
    content: 'Link to article:';
  }

  .m-back-to-location a .icon-back, .m-back-to-location a .text {
    display: none;
  }
  
  /*
  .m-text .wrapper .c-text-paragraph {
    margin-bottom: 20px;
  }
  */

  .m-image-caption figure figcaption {
    letter-spacing: 0;
  }

  /*
  .m-grid#pub, .m-section-headline#newsletter, #secondary-author-1, .c-text-left {
    display: none;
  }
  */

  h3 {
    list-style: none;
  }
  
  /*
  .m-text .wrapper .c-text-paragraph a {
    color: #00AAC9;
    text-decoration: underline;
  }
  */

  .c-text-list {
    margin-bottom: 15px !important;
  }

  .c-text-blockquote .author .details .name {
    line-height: 100%;
    margin-bottom: 0;
  }

  .c-text-blockquote .author .details .job-title, .c-text-blockquote .author .details .address {
    line-height: 100%;
    margin-bottom: 0;
  }

  .m-text .wrapper .c-text-blockquote {
    margin-top: 20px;
  }

  .c-text-blockquote blockquote:before, .c-text-blockquote blockquote:after {
    content: none;
  }
  /*
  .m-text .wrapper .c-text-subheadline {
    margin-top: 30px;
  }
  */
  #pub .overline {
    display: block;
  }

  .c-text-timestamp span {
    color: #000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 100%;
  }

  .m-image-caption {
    margin: 10px 0;
  }

  .expandable-content .m-contact {
    display: none;
  }

  #our_experts_1 ~ /*.m-expandable, .m-contact*/#contact_1 {
    display: none !important;
  }

  .c-text-button-to-top {
    display: none;
  }

  .m-stage-overview .container .wrapper .image {
    display: block;
  }

  .m-stage-overview .container .wrapper {
    height: 100%;
    padding-bottom: 60px;
    padding-top: 142px;
  }


  .m-header .logo::before {
    padding: 20px;
    z-index: 6;
    top: 35px;
    right: 35px;
    position: absolute;
    width: 128px;
    height: 50px;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='58' viewBox='0 0 120 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M79.3241 57.1353V26.3259L105.416 26.3833C113.513 26.8739 119.86 33.6206 119.86 41.7433C119.86 50.2299 112.955 57.1353 104.468 57.1353H79.3241Z' fill='white'/%3E%3Cpath d='M79.3241 0.555811H97.3574C105.139 0.558477 111.469 6.89181 111.469 14.6718C111.469 19.2931 109.2 23.6278 105.397 26.2691L79.3241 27.0078V0.555811Z' fill='white'/%3E%3Cpath d='M79.303 0.499891V57.1919H104.503C113.036 57.1919 119.952 50.2759 119.952 41.7439C119.952 33.5292 113.542 26.8172 105.452 26.3266C109.143 23.7679 111.562 19.5026 111.562 14.6732C111.562 6.84655 105.219 0.502558 97.395 0.499891H79.303Z' fill='url(%23paint0_linear_170_50)'/%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cg opacity='0.800003'%3E%3Cpath opacity='0.800003' d='M79.303 57.1919H119.952V0.498564H79.303V57.1919Z' fill='url(%23paint1_radial_170_50)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath d='M48.5962 20.9052H49.5577V11.5532H48.5962V20.9052Z' fill='black'/%3E%3Cpath d='M44.4088 21.019C43.5182 21.019 41.4462 20.6924 41.4462 17.663C41.4462 14.647 43.5182 14.3203 44.4088 14.3203C45.2955 14.3203 47.3595 14.6468 47.3595 17.663C47.3595 20.6923 45.2955 21.019 44.4088 21.019ZM44.4088 15.1456C43.6662 15.1456 42.4208 15.4722 42.4208 17.663C42.4208 18.823 42.7702 20.207 44.4342 20.207C45.1622 20.207 46.3835 19.8763 46.3835 17.663C46.3835 16.515 46.0408 15.1456 44.4088 15.1456Z' fill='black'/%3E%3Cpath d='M39.7228 20.9057L37.6254 16.919H35.0828V20.9057H34.0828V12.4324C34.0828 11.883 34.4388 11.5537 35.0361 11.5537H37.8494C39.1121 11.5537 40.4721 12.379 40.4721 14.1923C40.4721 15.4243 39.7921 16.3777 38.6521 16.7431L40.8361 20.9057H39.7228ZM37.6481 15.9804C38.7401 15.9804 39.4734 15.2617 39.4734 14.1923C39.4734 13.1284 38.8081 12.467 37.7361 12.467H35.0828V15.9804H37.6481Z' fill='black'/%3E%3Cpath d='M61.7526 20.9055V17.1094C61.7526 15.5454 60.7926 15.3335 59.8526 15.3335L59.6833 15.3348C58.7553 15.3348 58.6486 15.4534 58.5913 15.5162C58.4926 15.6269 58.4793 15.7777 58.4793 15.9095V20.9055H57.5179V15.6389C57.5179 15.1975 57.7006 14.8628 58.0619 14.6428C58.4259 14.4214 59.1873 14.4214 59.5539 14.4214L60.0433 14.4251C61.8726 14.4811 62.7259 15.3345 62.7259 17.1078V20.9038L61.7526 20.9055Z' fill='black'/%3E%3Cpath d='M53.381 20.9053C51.5984 20.9053 50.733 20.26 50.733 18.9333C50.733 17.5973 51.8677 17 52.9917 17C54.3384 17 55.0957 17.548 55.1024 17.5533L55.105 17.556V16.6453C55.105 15.4373 54.349 15.272 53.5317 15.272C52.433 15.272 51.6517 15.664 51.3677 15.8333L51.2824 15.884L50.9464 15.0466L51.005 15.0088C51.2557 14.8474 52.1797 14.3208 53.557 14.3208C55.197 14.3208 56.0304 15.0648 56.0304 16.5301V19.7581C56.0304 20.13 55.8877 20.3795 55.521 20.6448C55.165 20.9034 54.461 20.9033 54.1224 20.9033L53.381 20.9053ZM52.9917 17.8747C52.1997 17.8747 51.7077 18.2853 51.7077 18.9467C51.7077 19.7147 52.2077 20.0426 53.381 20.0426C53.381 20.0426 53.7383 20.0413 53.9304 20.0413C54.349 20.0413 54.8904 19.9665 54.9997 19.8588C55.0944 19.7654 55.1077 19.6388 55.1077 19.5281L55.1051 18.4547L55.1037 18.4534C55.0731 18.4307 54.3251 17.8748 52.9917 17.8748' fill='black'/%3E%3Cpath d='M67.0397 20.9055C66.1144 20.9055 63.9637 20.5789 63.9637 17.5495C63.9637 15.5521 64.9357 14.3588 66.5624 14.3588C67.7557 14.3588 68.5611 15.2254 68.5944 15.2614L68.6012 15.269V11.5557H69.5385V19.6156C69.5385 20.0103 69.3519 20.3543 68.9999 20.609C68.8252 20.7356 68.4545 20.8864 67.6639 20.9049L67.0397 20.9055ZM66.5491 15.2842C65.9477 15.2842 64.9384 15.5789 64.9384 17.5495C64.9384 19.1108 65.7051 20.0055 67.0397 20.0055H67.4344C68.0477 20.0055 68.4211 19.8921 68.4944 19.8108C68.5984 19.6936 68.5984 19.5228 68.5984 19.448L68.5998 16.2653C68.5639 16.2252 67.6931 15.284 66.5491 15.284' fill='black'/%3E%3Cpath d='M69.8547 26.3208H68.76C65.4774 26.3208 62.9333 27.5435 62.9333 31.7715V39.4634H64.9173V31.7715C64.9173 28.9448 66.444 28.2314 68.76 28.2314H69.8547V26.3208Z' fill='black'/%3E%3Cpath d='M60.8463 32.4842C60.8463 28.2562 58.4037 26.1162 55.1477 26.1162C52.2717 26.1162 49.2437 28.1536 49.2437 32.8923C49.2437 37.7563 52.297 39.6669 55.681 39.6669C58.7863 39.6669 60.7437 38.1642 60.7437 38.1642L60.0583 36.4322C60.0583 36.4322 58.3023 37.7309 55.809 37.7309C53.8743 37.7309 51.4583 36.8909 51.2023 33.7069H60.8463V32.4842ZM51.229 32.0002C51.4583 28.8936 53.3916 27.8749 55.173 27.8749C56.9277 27.8749 58.837 28.9682 58.837 32.0002H51.229Z' fill='black'/%3E%3Cpath d='M35.9108 26.3208H34.8162C31.5335 26.3208 28.9895 27.5435 28.9895 31.7715V39.4634H30.9735V31.7715C30.9735 28.9448 32.5002 28.2314 34.8162 28.2314H35.9108V26.3208Z' fill='black'/%3E%3Cpath d='M26.9036 32.4842C26.9036 28.2562 24.4596 26.1162 21.2036 26.1162C18.3289 26.1162 15.3009 28.1536 15.3009 32.8923C15.3009 37.7563 18.3529 39.6669 21.7369 39.6669C24.8422 39.6669 26.8022 38.1642 26.8022 38.1642L26.1142 36.4322C26.1142 36.4322 24.3582 37.7309 21.8649 37.7309C19.9316 37.7309 17.5142 36.8909 17.2596 33.7069H26.9036V32.4842ZM17.2849 32.0002C17.5142 28.8936 19.4476 27.8749 21.2289 27.8749C22.9849 27.8749 24.8929 28.9682 24.8929 32.0002H17.2849Z' fill='black'/%3E%3Cpath d='M10.6133 29.5312C10.6133 29.5312 13.0027 28.4618 13.0027 25.3845C13.0027 21.9498 10.6133 20.5259 7.79333 20.5259H2.43067C1.212 20.5259 0.5 21.1872 0.5 22.3072V37.6699C0.5 38.7885 1.212 39.4498 2.43067 39.4498H8.32667C11.02 39.4498 13.6373 37.6699 13.6373 34.1592C13.6373 30.4472 10.6133 29.5312 10.6133 29.5312V29.5312ZM2.508 22.3579H7.43733C9.52133 22.3579 10.9947 23.2232 10.9947 25.4352C10.9947 27.6485 9.42 28.8432 7.38533 28.8432H2.508V22.3579ZM8.09733 37.5685H2.508V30.7259H7.92C9.95333 30.7259 11.6053 31.8445 11.6053 34.1858C11.6053 36.4738 10.08 37.5685 8.09733 37.5685Z' fill='black'/%3E%3Cpath d='M42.3808 26.1841H42.3315C39.1355 26.2241 36.1661 28.4535 36.1661 32.9428C36.1661 37.3241 38.6341 39.0561 41.3301 39.0561C43.9261 39.0561 45.5795 37.2787 45.5795 37.2787L45.57 39.0227C45.57 42.3841 43.0087 43.4174 39.9567 43.4174H38.9114V45.2014H40.1087C44.002 45.2014 47.4634 43.4948 47.4634 39.0628V31.4161C47.4634 27.3881 45.302 26.1974 42.3807 26.1841H42.3808ZM45.554 35.2414C45.554 35.2414 43.7474 37.1708 41.458 37.1708C39.7274 37.1708 38.15 36.1521 38.15 32.9428C38.15 29.5828 40.078 28.0401 42.342 28.0174C44.3874 28.0201 45.5567 28.7161 45.5567 31.4161L45.554 35.2414Z' fill='black'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_170_50' x1='79.3038' y1='28.8455' x2='119.953' y2='28.8455' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23797F84'/%3E%3Cstop offset='0.140391' stop-color='%23797F84'/%3E%3Cstop offset='0.24' stop-color='%23F5FCFE'/%3E%3Cstop offset='0.75897' stop-color='%23515458'/%3E%3Cstop offset='1' stop-color='%23515458'/%3E%3C/linearGradient%3E%3CradialGradient id='paint1_radial_170_50' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(87.8867 5.25158) scale(33.1317)'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.736963' stop-color='white'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  }


  .logo-img .mark-designation {
    display: none;
  }

  /*
  ge-publication .container .wrapper .image .image-inner {
    display: none;
  }
  */

  .m-slider-images .container .swiper-button-next, .m-slider-images .container .swiper-container-rtl .swiper-button-prev {
    display: none;
  }

  .m-slider-images .swiper-slide figure img {
    width: 100%;
    display: block;
  }

  .m-slider-images .swiper-slide figure {
    width: 81.38776%;
    float: left;
    margin-right: 2.04082%;
    margin-left: 10.20408%;
    margin-bottom: 20px;
  }

  .swiper-button-prev {
    display: none;
  }

  .m-teaser-superhero, .m-teaser-hero {
    display: none;
  }

  .m-section-headline.is-gradient-blue-turquoise {
    background: transparent;
  }

  .m-section-headline.is-gradient-blue-turquoise .overline, .m-section-headline.is-gradient-blue-turquoise h2 {
    color: #000;
  }
  
  /*
  .m-section-headline .overline {
    width: 69.38776%;
    float: left;
    margin-right: 2.04082%;
    margin-left: 10.20408%;
    padding-bottom: 8px;
  }
  */

  .m-section-headline .overline:before {
    bottom: 0;
  }

  .m-slide-quote .container .wrapper .content .quote blockquote {
    color: #fff !important;
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    text-align: left;
    font-family: "Arnhem Normal", serif;
    padding: 20px 30px;
  }

  .m-slide-quote .container .wrapper .content .quote blockquote:before, .m-slide-quote .container .wrapper .content .quote blockquote:after {
    content: '';
  }

  .m-slide-quote .container .wrapper .content .person .details {
    color: #fff;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
  }

  .m-slide-quote .container .wrapper .content .person {
    text-align: right;
  }

  .m-slide-quote .container .wrapper .content .quote + .person {
    margin-top: 0;
  }

  .m-slide-quote .container .wrapper .content .person .details .name {
    font-size: 18px;
  }

  /*
  .m-section-headline .overline:before {
    content: none;
  }
  */

  .m-section-headline .overline {
    font-style: italic;
    font-family: "Arnhem Normal", serif;
  }

  main:after {
    content: var(--url);
  }

  #our_experts {
    display: none;
  }

  .m-expandable {
    display: block;
  }

  #CookiebotWidget {
    display: none;
  }

  .m-stage-overview .content-tile {
    display: block;
  }

  .headline-up {
    display: none;
  }

  .headline-text {
    background-color: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
  }

  .c-text-blockquote .author .details .name {
    font-size: 10px;
    font-style: italic;
    color: #000 !important;
    font-family: "Arnhem Normal Italic", Arial, sans-serif;
    text-decoration: none !important;
    position: relative;
  }


  #hubspot_form ~ .m-section-headline, #subscribe ~ #pub {
    display: block;
  }

  .m-stage-publication.is-light .container .wrapper .headline h1 {
    color: #000 !important;
    font-weight: 700 !important;
  }


  .m-stage-publication .container .wrapper .headline {
    padding-left: 0;
    padding-right: 0;
  }


  .c-text-infobox {
    margin-left: 0;
    width: 100%;
    padding: 0px 20px 0 0;
    color: #8D9399 !important;
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    font-family: "Arnhem Normal", serif;
    background: transparent;
    margin-bottom: 0;
  }
  
  /*
  .m-text .wrapper .c-text-paragraph {
    margin-bottom: 10px;
  }
  */

  .m-stage-overview, .m-stage-publication {
    padding-top: 40px;
  }
  
  .webedit img {
    width: 32px;
  }
  
  .headline {
    position: relative;
  }
  .m-stage-overview, .m-stage-publication{
    height: initial;
  }

  .m-stage-publication .container .wrapper .image {
    display: block;
  }

  #publications, #Publications {
    display: block;
  }

  #solutions .overline {
    display: block;
  }

  .m-grid {
    display: block;
  }
  
  /* iframe css -- Start -- */
  /*
  .vp-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .player, .player *, .player ::after, .player ::before {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  .player {
    position: relative;
    max-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
    color: #fff;
    line-height: normal;
    font-family: 'Helvetica Neue',Helvetica,Arial!important;
    font-size: 10px;
    overflow: visible;
    border-collapse: separate;
    user-select: none;
    touch-action: manipulate;
    background-color: transparent !important;
    --color-one: #000000ff;
    --color-two: #e6006eff;
    --color-three: #ffffffff;
    --color-four: #000000ff;
    --color-one-monochrome: #ffffffff;
    --color-two-monochrome: #ffffffff;
    --color-one-opacity-ninety: #000000e6;
    --color-three-opacity-twenty: #ffffff33;
    --color-one-monochrome-opacity-twenty: #ffffff33;
    --color-two-monochrome-opacity-twenty: #ffffff33;
    --color-one-monochrome-opacity-sixty: #ffffff99;
    --color-one-monochrome-opacity-twenty-eighty: #ffffff33;
    --color-two-monochrome-opacity-twenty-eighty: #ffffff33;
  }
  .player .vp-content-area-background, .player .vp-player-ui-container, .player .vp-player-ui-overlays {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .player .vp-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    overflow: hidden;
  }
  .player .vp-controls-wrapper, .player .vp-video-wrapper {
    opacity: 1;
    transition: opacity 125ms ease-out;
  }
  .player .vp-text-alert-wrapper {
    background-image: linear-gradient(to bottom,rgba(20,21,22,.3),#141516);
    cursor: default;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: 700;
  }
  .player .hidden {
    display: none!important;
  }
  .player .vp-target {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
  }
  .player .hidden {
    display: none!important;
  }
  .player .vp-outro-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
  }
  .player .vp-player-ui-container {
    z-index: 5;
  }
  .player .vp-overlay-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 24;
    transition: background-color .2s;
    background-position: center center;
    background-size: cover;
    text-align: center;
  }
  .player .vp-notification-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
    display: table;
    text-align: center;
  }
  .player .vp-alert {
    background: rgba(0,0,0,.9);
    text-align: center;
    z-index: 31;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 50px;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform .1s linear,opacity .1s;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  iframe {
    display:block;
    background: url("https://player.vimeo.com/video/170780305?api=1&dnt=1&color=e6006e&title=0&byline=0&portrait=0");
  }
  */
  /* iframe css -- End -- */


  /* End New Print CSS Styles */