/* Update 2024/04/05  */

/* This is prathiksha css-- start */

@font-face {
    font-family: "RBDesign Bold";
    src: url("https://www-devcloud.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-devcloud.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-devcloud.rolandberger.com/fonts/RBDesign/RBDesign-BoldItalic.otf");
    font-weight: normal;
    font-style: normal;
   }

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

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

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

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

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

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

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

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

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

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



.m-stage-overview .container .wrapper .headline {
  text-align:right;
}

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

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


.m-section-headline .container .overline {
  
  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-section-headline .overline {
 font-family: "Arnhem Bold Italic", Arial, sans-serif !important; 
}

.c-tile-content .headline{
  font-family: "RBDesign Medium", 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;
}

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .label {
     font-family: "Arnhem Blond Italic", 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;
}


 /* 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;
    z-index: 5;
    right: initial;
    top: 10.77%;
    left: 19.77%
  }
  
  .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: 18%;
  }
  
  /* 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;
  }
  .m-stage-overview .container .wrapper .headline h1.st_overview_header .headline-text {
    display: inline;
    text-overflow: unset;
    word-spacing: normal;
    line-height: 1.4em!important;
    background-color: white !important;
    box-shadow: -8px 0 0 0 white, 8px 0 0 0 white;
    -webkit-box-decoration-break: clone;
    color: black !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: -14.70588%;
    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: 10.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: -webkit-inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 9.183%;
    width: 81.632%;
    position: relative;
    z-index: 1;
  }

  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon {
    display:none;
  }
  
  .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;
     
  }
  
  .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 */