@import"//hello.myfonts.net/count/2e39e3";

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

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column
}

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

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

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -ms-flexbox;
  display: flex
}

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

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

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

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

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

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -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 {
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -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 {
  -ms-flex-align: flex-start;
  align-items: 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 {
  -ms-flex-align: center;
  align-items: center;
  -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 {
  -ms-flex-align: center;
  align-items: center;
  -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: .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.8888888889%
}

.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.3333333333%
}

.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.6666666667%
}

.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.804697157%
}

.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.3333333333%
}

.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.3333333333%
}

.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
}

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0
}

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block
}

.leaflet-container img {
  max-width: none !important
}

.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important
}

.leaflet-tile {
  -webkit-filter: inherit;
  filter: inherit;
  visibility: hidden
}

.leaflet-tile-loaded {
  visibility: inherit
}

.leaflet-zoom-box {
  width: 0;
  height: 0
}

.leaflet-overlay-pane svg {
  -moz-user-select: none
}

.leaflet-tile-pane {
  z-index: 2
}

.leaflet-objects-pane {
  z-index: 3
}

.leaflet-overlay-pane {
  z-index: 4
}

.leaflet-shadow-pane {
  z-index: 5
}

.leaflet-marker-pane {
  z-index: 6
}

.leaflet-popup-pane {
  z-index: 7
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute
}

.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none
}

.leaflet-top {
  top: 0
}

.leaflet-right {
  right: 0
}

.leaflet-bottom {
  bottom: 0
}

.leaflet-left {
  left: 0
}

.leaflet-control {
  float: left;
  clear: both
}

.leaflet-right .leaflet-control {
  float: right
}

.leaflet-top .leaflet-control {
  margin-top: 10px
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px
}

.leaflet-left .leaflet-control {
  margin-left: 10px
}

.leaflet-right .leaflet-control {
  margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform .25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform .25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform .25s cubic-bezier(0, 0, 0.25, 1)
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden
}

.leaflet-clickable {
  cursor: pointer
}

.leaflet-container {
  cursor: -webkit-grab;
  cursor: -moz-grab
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto
}

.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing
}

.leaflet-container {
  background: #ddd;
  outline: 0
}

.leaflet-container a {
  color: #0078a8
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5)
}

.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block
}

.leaflet-bar a:hover {
  background-color: #f4f4f4
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px
}

.leaflet-control-zoom-out {
  font-size: 20px
}

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px
}

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px
}

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px
}

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px
}

.leaflet-control-layers label {
  display: block
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px
}

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333
}

.leaflet-control-attribution a {
  text-decoration: none
}

.leaflet-control-attribution a:hover {
  text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5)
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box
}

.leaflet-popup {
  position: absolute;
  text-align: center
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4
}

.leaflet-popup-content p {
  margin: 18px 0
}

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4)
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666
}

.m-flag-join .wrapper .container,
.m-flag-new .wrapper .container,
.m-flag-small .wrapper .container,
.m-flag .wrapper .container,
.m-list .container,
.m-dropdown .container,
.m-experience-report .container,
.m-form .container,
.m-iframe .container,
.m-image-caption .container,
.m-expandable .container,
.m-audioplayer .container,
.m-person-publication .container,
.m-teaser-press .container,
.m-contact .wrapper .container,
.m-search-contact .wrapper .container,
.m-load-more .container,
.m-location-overview .container,
.m-teaser-superhero .container,
.m-text .container,
.m-back-to-location .container,
.m-separator .container,
.m-footer .container,
.c-tile-image .container,
.m-teaser-campaign .container,
.m-teaser-superhero-join .container,
.m-slide-image .container,
.m-download .container,
.mf-download .container,
.m-slide-takeaway .container,
.m-person-quote .container,
.m-slide-quote .container,
.m-videoplayer .container,
.m-slider-images .container,
.m-slider-textpara .container,
.m-new-stage-search .search .container,
.m-search-separator .container,
.m-layer-search .search .container,
.m-stage-search .search .container,
.m-stage-menu .container,
.m-person-expertise-headline .container,
.m-person-expertise .container,
.m-stage-person .container,
.m-stage-publication .container,
.m-stage-campaign .container,
.m-stage-expert .container,
.m-stage-summary .container,
.m-stage-overview .container,
.m-contact-box .container,
.m-section-headline .container {
  position: relative;
  overflow: hidden;
  background-color: inherit;
  border-color: inherit
}

.m-flag-join .wrapper .container:before,
.m-flag-new .wrapper .container:before,
.m-flag-small .wrapper .container:before,
.m-flag .wrapper .container:before,
.m-list .container:before,
.m-dropdown .container:before,
.m-experience-report .container:before,
.m-form .container:before,
.m-iframe .container:before,
.m-image-caption .container:before,
.m-expandable .container:before,
.m-audioplayer .container:before,
.m-person-publication .container:before,
.m-teaser-press .container:before,
.m-contact .wrapper .container:before,
.m-search-contact .wrapper .container:before,
.m-load-more .container:before,
.m-location-overview .container:before,
.m-teaser-superhero .container:before,
.m-text .container:before,
.m-back-to-location .container:before,
.m-separator .container:before,
.m-footer .container:before,
.c-tile-image .container:before,
.m-teaser-campaign .container:before,
.m-teaser-superhero-join .container:before,
.m-slide-image .container:before,
.m-download .container:before,
.mf-download .container:before,
.m-slide-takeaway .container:before,
.m-person-quote .container:before,
.m-slide-quote .container:before,
.m-videoplayer .container:before,
.m-slider-images .container:before,
.m-slider-textpara .container:before,
.m-new-stage-search .search .container:before,
.m-search-separator .container:before,
.m-layer-search .search .container:before,
.m-stage-search .search .container:before,
.m-stage-menu .container:before,
.m-person-expertise-headline .container:before,
.m-person-expertise .container:before,
.m-stage-person .container:before,
.m-stage-publication .container:before,
.m-stage-campaign .container:before,
.m-stage-expert .container:before,
.m-stage-summary .container:before,
.m-stage-overview .container:before,
.m-contact-box .container:before,
.m-section-headline .container:before,
.m-flag-join .wrapper .container:after,
.m-flag-new .wrapper .container:after,
.m-flag-small .wrapper .container:after,
.m-flag .wrapper .container:after,
.m-list .container:after,
.m-dropdown .container:after,
.m-experience-report .container:after,
.m-form .container:after,
.m-iframe .container:after,
.m-image-caption .container:after,
.m-expandable .container:after,
.m-audioplayer .container:after,
.m-person-publication .container:after,
.m-teaser-press .container:after,
.m-contact .wrapper .container:after,
.m-search-contact .wrapper .container:after,
.m-load-more .container:after,
.m-location-overview .container:after,
.m-teaser-superhero .container:after,
.m-text .container:after,
.m-back-to-location .container:after,
.m-separator .container:after,
.m-footer .container:after,
.c-tile-image .container:after,
.m-teaser-campaign .container:after,
.m-teaser-superhero-join .container:after,
.m-slide-image .container:after,
.m-download .container:after,
.mf-download .container:after,
.m-slide-takeaway .container:after,
.m-person-quote .container:after,
.m-slide-quote .container:after,
.m-videoplayer .container:after,
.m-slider-images .container:after,
.m-slider-textpara .container:after,
.m-new-stage-search .search .container:after,
.m-search-separator .container:after,
.m-layer-search .search .container:after,
.m-stage-search .search .container:after,
.m-stage-menu .container:after,
.m-person-expertise-headline .container:after,
.m-person-expertise .container:after,
.m-stage-person .container:after,
.m-stage-publication .container:after,
.m-stage-campaign .container:after,
.m-stage-expert .container:after,
.m-stage-summary .container:after,
.m-stage-overview .container:after,
.m-contact-box .container:after,
.m-section-headline .container:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9.1836734694%;
  z-index: 0;
  width: 2px;
  background-color: #e6e6e6
}

@media(min-width: 768px) {

  .m-flag-join .wrapper .container:before,
  .m-flag-new .wrapper .container:before,
  .m-flag-small .wrapper .container:before,
  .m-flag .wrapper .container:before,
  .m-list .container:before,
  .m-dropdown .container:before,
  .m-experience-report .container:before,
  .m-form .container:before,
  .m-iframe .container:before,
  .m-image-caption .container:before,
  .m-expandable .container:before,
  .m-audioplayer .container:before,
  .m-person-publication .container:before,
  .m-teaser-press .container:before,
  .m-contact .wrapper .container:before,
  .m-search-contact .wrapper .container:before,
  .m-load-more .container:before,
  .m-location-overview .container:before,
  .m-teaser-superhero .container:before,
  .m-text .container:before,
  .m-back-to-location .container:before,
  .m-separator .container:before,
  .m-footer .container:before,
  .c-tile-image .container:before,
  .m-teaser-campaign .container:before,
  .m-teaser-superhero-join .container:before,
  .m-slide-image .container:before,
  .m-download .container:before,
  .mf-download .container:before,
  .m-slide-takeaway .container:before,
  .m-person-quote .container:before,
  .m-slide-quote .container:before,
  .m-videoplayer .container:before,
  .m-slider-images .container:before,
  .m-slider-textpara .container:before,
  .m-new-stage-search .search .container:before,
  .m-search-separator .container:before,
  .m-layer-search .search .container:before,
  .m-stage-search .search .container:before,
  .m-stage-menu .container:before,
  .m-person-expertise-headline .container:before,
  .m-person-expertise .container:before,
  .m-stage-person .container:before,
  .m-stage-publication .container:before,
  .m-stage-campaign .container:before,
  .m-stage-expert .container:before,
  .m-stage-summary .container:before,
  .m-stage-overview .container:before,
  .m-contact-box .container:before,
  .m-section-headline .container:before,
  .m-flag-join .wrapper .container:after,
  .m-flag-new .wrapper .container:after,
  .m-flag-small .wrapper .container:after,
  .m-flag .wrapper .container:after,
  .m-list .container:after,
  .m-dropdown .container:after,
  .m-experience-report .container:after,
  .m-form .container:after,
  .m-iframe .container:after,
  .m-image-caption .container:after,
  .m-expandable .container:after,
  .m-audioplayer .container:after,
  .m-person-publication .container:after,
  .m-teaser-press .container:after,
  .m-contact .wrapper .container:after,
  .m-search-contact .wrapper .container:after,
  .m-load-more .container:after,
  .m-location-overview .container:after,
  .m-teaser-superhero .container:after,
  .m-text .container:after,
  .m-back-to-location .container:after,
  .m-separator .container:after,
  .m-footer .container:after,
  .c-tile-image .container:after,
  .m-teaser-campaign .container:after,
  .m-teaser-superhero-join .container:after,
  .m-slide-image .container:after,
  .m-download .container:after,
  .mf-download .container:after,
  .m-slide-takeaway .container:after,
  .m-person-quote .container:after,
  .m-slide-quote .container:after,
  .m-videoplayer .container:after,
  .m-slider-images .container:after,
  .m-slider-textpara .container:after,
  .m-new-stage-search .search .container:after,
  .m-search-separator .container:after,
  .m-layer-search .search .container:after,
  .m-stage-search .search .container:after,
  .m-stage-menu .container:after,
  .m-person-expertise-headline .container:after,
  .m-person-expertise .container:after,
  .m-stage-person .container:after,
  .m-stage-publication .container:after,
  .m-stage-campaign .container:after,
  .m-stage-expert .container:after,
  .m-stage-summary .container:after,
  .m-stage-overview .container:after,
  .m-contact-box .container:after,
  .m-section-headline .container:after {
    left: 37.28%
  }
}

.m-flag-join .wrapper .container:after,
.m-flag-new .wrapper .container:after,
.m-flag-small .wrapper .container:after,
.m-flag .wrapper .container:after,
.m-list .container:after,
.m-dropdown .container:after,
.m-experience-report .container:after,
.m-form .container:after,
.m-iframe .container:after,
.m-image-caption .container:after,
.m-expandable .container:after,
.m-audioplayer .container:after,
.m-person-publication .container:after,
.m-teaser-press .container:after,
.m-contact .wrapper .container:after,
.m-search-contact .wrapper .container:after,
.m-load-more .container:after,
.m-location-overview .container:after,
.m-teaser-superhero .container:after,
.m-text .container:after,
.m-back-to-location .container:after,
.m-separator .container:after,
.m-footer .container:after,
.c-tile-image .container:after,
.m-teaser-campaign .container:after,
.m-teaser-superhero-join .container:after,
.m-slide-image .container:after,
.m-download .container:after,
.mf-download .container:after,
.m-slide-takeaway .container:after,
.m-person-quote .container:after,
.m-slide-quote .container:after,
.m-videoplayer .container:after,
.m-slider-images .container:after,
.m-slider-textpara .container:after,
.m-new-stage-search .search .container:after,
.m-search-separator .container:after,
.m-layer-search .search .container:after,
.m-stage-search .search .container:after,
.m-stage-menu .container:after,
.m-person-expertise-headline .container:after,
.m-person-expertise .container:after,
.m-stage-person .container:after,
.m-stage-publication .container:after,
.m-stage-campaign .container:after,
.m-stage-expert .container:after,
.m-stage-summary .container:after,
.m-stage-overview .container:after,
.m-contact-box .container:after,
.m-section-headline .container:after {
  display: none
}

.m-contact-box .container:before,
.m-section-headline .container:before {
  top: 0;
  bottom: auto;
  height: 40px
}

.m-stage-publication .container:before,
.m-stage-campaign .container:before,
.m-stage-expert .container:before,
.m-stage-summary .container:before,
.m-stage-overview .container:before {
  top: auto;
  bottom: 0;
  height: 60px
}

@media(min-width: 1280px) {

  .m-stage-publication .container:before,
  .m-stage-campaign .container:before,
  .m-stage-expert .container:before,
  .m-stage-summary .container:before,
  .m-stage-overview .container:before {
    height: 120px
  }
}

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

@media(min-width: 768px) {
  .m-stage-person .container:before {
    height: 80px
  }
}

@media(min-width: 1280px) {
  .m-stage-person .container:before {
    height: 120px
  }
}

.m-person-expertise-headline .container:before,
.m-person-expertise .container:before {
  top: auto;
  bottom: 0;
  height: 200px
}

@media(min-width: 768px) {

  .m-person-expertise-headline .container:before,
  .m-person-expertise .container:before {
    left: 116.5%;
    top: 0
  }
}

@media(min-width: 1024px) {

  .m-person-expertise-headline .container:before,
  .m-person-expertise .container:before {
    left: 109.5%;
    top: 0
  }
}

@media(min-width: 1280px) {

  .m-person-expertise-headline .container:before,
  .m-person-expertise .container:before {
    left: 116.2%;
    top: 0
  }
}

.m-layer-search .search .container:before,
.m-stage-search .search .container:before,
.m-stage-menu .container:before {
  top: auto;
  bottom: 0;
  height: 60px
}

@media(min-width: 1280px) {

  .m-layer-search .search .container:before,
  .m-stage-search .search .container:before,
  .m-stage-menu .container:before {
    height: 80px
  }
}

.m-new-stage-search .search .container:before,
.m-search-separator .container:before {
  top: auto;
  bottom: 0;
  height: 60px
}

@media(min-width: 300px) {

  .m-new-stage-search .search .container:before,
  .m-search-separator .container:before {
    display: none
  }
}

@media(min-width: 768px) {

  .m-new-stage-search .search .container:before,
  .m-search-separator .container:before {
    display: block;
    height: 270px;
    left: 31.1224489796%;
    margin-left: 5px
  }
}

@media(min-width: 768px) {

  .m-slide-image .container:before,
  .m-download .container:before,
  .mf-download .container:before,
  .m-slide-takeaway .container:before,
  .m-person-quote .container:before,
  .m-slide-quote .container:before,
  .m-videoplayer .container:before,
  .m-slider-images .container:before,
  .m-slider-textpara .container:before {
    top: 0;
    bottom: auto;
    height: 40px
  }

  .m-slide-image .container:after,
  .m-download .container:after,
  .mf-download .container:after,
  .m-slide-takeaway .container:after,
  .m-person-quote .container:after,
  .m-slide-quote .container:after,
  .m-videoplayer .container:after,
  .m-slider-images .container:after,
  .m-slider-textpara .container:after {
    display: block;
    top: auto;
    bottom: 0;
    height: 40px
  }
}

.m-teaser-campaign .container:before,
.m-teaser-superhero-join .container:before {
  top: 0;
  bottom: auto;
  height: 50px
}

.m-teaser-campaign .container:after,
.m-teaser-superhero-join .container:after {
  display: block;
  top: auto;
  bottom: 0;
  height: 50px
}

.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 .next,
.m-slider-textpara .container .right-half .navigation .next,
.m-slider .navigation .next,
.m-header .more-right .next,
.m-header .more-left .next {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -32px;
  z-index: 10;
  cursor: pointer;
  border-radius: 50%;
  color: #000;
  opacity: 1;
  transition: background-color .2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity .2s cubic-bezier(0.39, 0.575, 0.565, 1)
}

html.touchevents .m-quote-carousel .container .navigation .previous,
.m-quote-carousel .container html.touchevents .navigation .previous,
html.touchevents .m-slider-textpara .container .right-half .navigation .previous,
.m-slider-textpara .container .right-half html.touchevents .navigation .previous,
html.touchevents .m-slider .navigation .previous,
.m-slider html.touchevents .navigation .previous,
html.touchevents .m-header .more-right .previous,
.m-header html.touchevents .more-right .previous,
html.touchevents .m-header .more-left .previous,
.m-header html.touchevents .more-left .previous,
html.touchevents .m-quote-carousel .container .navigation .next,
.m-quote-carousel .container html.touchevents .navigation .next,
html.touchevents .m-slider-textpara .container .right-half .navigation .next,
.m-slider-textpara .container .right-half html.touchevents .navigation .next,
html.touchevents .m-slider .navigation .next,
.m-slider html.touchevents .navigation .next,
html.touchevents .m-header .more-right .next,
.m-header html.touchevents .more-right .next,
html.touchevents .m-header .more-left .next,
.m-header html.touchevents .more-left .next {
  display: none
}

@media(min-width: 480px) {

  html.touchevents .m-quote-carousel .container .navigation .previous,
  .m-quote-carousel .container html.touchevents .navigation .previous,
  html.touchevents .m-slider-textpara .container .right-half .navigation .previous,
  .m-slider-textpara .container .right-half html.touchevents .navigation .previous,
  html.touchevents .m-slider .navigation .previous,
  .m-slider html.touchevents .navigation .previous,
  html.touchevents .m-header .more-right .previous,
  .m-header html.touchevents .more-right .previous,
  html.touchevents .m-header .more-left .previous,
  .m-header html.touchevents .more-left .previous,
  html.touchevents .m-quote-carousel .container .navigation .next,
  .m-quote-carousel .container html.touchevents .navigation .next,
  html.touchevents .m-slider-textpara .container .right-half .navigation .next,
  .m-slider-textpara .container .right-half html.touchevents .navigation .next,
  html.touchevents .m-slider .navigation .next,
  .m-slider html.touchevents .navigation .next,
  html.touchevents .m-header .more-right .next,
  .m-header html.touchevents .more-right .next,
  html.touchevents .m-header .more-left .next,
  .m-header html.touchevents .more-left .next {
    display: -ms-flexbox;
    display: flex
  }
}

@media(min-width: 767px) {

  .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 .next,
  .m-slider-textpara .container .right-half .navigation .next,
  .m-slider .navigation .next,
  .m-header .more-right .next,
  .m-header .more-left .next {
    color: #fff
  }

  .m-quote-carousel .container .navigation .previous:not([class*=bg-]),
  .m-slider-textpara .container .right-half .navigation .previous:not([class*=bg-]),
  .m-slider .navigation .previous:not([class*=bg-]),
  .m-header .more-right .previous:not([class*=bg-]),
  .m-header .more-left .previous:not([class*=bg-]),
  .m-quote-carousel .container .navigation .next:not([class*=bg-]),
  .m-slider-textpara .container .right-half .navigation .next:not([class*=bg-]),
  .m-slider .navigation .next:not([class*=bg-]),
  .m-header .more-right .next:not([class*=bg-]),
  .m-header .more-left .next:not([class*=bg-]) {
    background-color: #000
  }
}

html.no-touchevents .m-quote-carousel .container .navigation .previous:hover:not([class*=bg-]),
.m-quote-carousel .container html.no-touchevents .navigation .previous:hover:not([class*=bg-]),
html.no-touchevents .m-slider-textpara .container .right-half .navigation .previous:hover:not([class*=bg-]),
.m-slider-textpara .container .right-half html.no-touchevents .navigation .previous:hover:not([class*=bg-]),
html.no-touchevents .m-slider .navigation .previous:hover:not([class*=bg-]),
.m-slider html.no-touchevents .navigation .previous:hover:not([class*=bg-]),
html.no-touchevents .m-header .more-right .previous:hover:not([class*=bg-]),
.m-header html.no-touchevents .more-right .previous:hover:not([class*=bg-]),
html.no-touchevents .m-header .more-left .previous:hover:not([class*=bg-]),
.m-header html.no-touchevents .more-left .previous:hover:not([class*=bg-]),
html.no-touchevents .m-quote-carousel .container .navigation .next:hover:not([class*=bg-]),
.m-quote-carousel .container html.no-touchevents .navigation .next:hover:not([class*=bg-]),
html.no-touchevents .m-slider-textpara .container .right-half .navigation .next:hover:not([class*=bg-]),
.m-slider-textpara .container .right-half html.no-touchevents .navigation .next:hover:not([class*=bg-]),
html.no-touchevents .m-slider .navigation .next:hover:not([class*=bg-]),
.m-slider html.no-touchevents .navigation .next:hover:not([class*=bg-]),
html.no-touchevents .m-header .more-right .next:hover:not([class*=bg-]),
.m-header html.no-touchevents .more-right .next:hover:not([class*=bg-]),
html.no-touchevents .m-header .more-left .next:hover:not([class*=bg-]),
.m-header html.no-touchevents .more-left .next:hover:not([class*=bg-]) {
  background-color: #a0a0a0
}

.m-quote-carousel .container .navigation .previous.is-disabled,
.m-slider-textpara .container .right-half .navigation .previous.is-disabled,
.m-slider .navigation .previous.is-disabled,
.m-header .more-right .previous.is-disabled,
.m-header .more-left .previous.is-disabled,
.m-quote-carousel .container .navigation .next.is-disabled,
.m-slider-textpara .container .right-half .navigation .next.is-disabled,
.m-slider .navigation .next.is-disabled,
.m-header .more-right .next.is-disabled,
.m-header .more-left .next.is-disabled {
  opacity: 0
}

.m-quote-carousel .container .navigation .previous .icon,
.m-slider-textpara .container .right-half .navigation .previous .icon,
.m-slider .navigation .previous .icon,
.m-header .more-right .previous .icon,
.m-header .more-left .previous .icon,
.m-quote-carousel .container .navigation .next .icon,
.m-slider-textpara .container .right-half .navigation .next .icon,
.m-slider .navigation .next .icon,
.m-header .more-right .next .icon,
.m-header .more-left .next .icon {
  position: relative;
  width: 20px;
  height: 20px
}

.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 {
  left: -30px;
  right: auto
}

@media(min-width: 1360px) {

  .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 {
    left: -32px
  }
}

.m-quote-carousel .container .navigation .previous .icon,
.m-slider-textpara .container .right-half .navigation .previous .icon,
.m-slider .navigation .previous .icon,
.m-header .more-right .previous .icon,
.m-header .more-left .previous .icon,
.m-quote-carousel .container .navigation .swiper-container-rtl .next .icon,
.m-slider-textpara .container .right-half .navigation .swiper-container-rtl .next .icon,
.m-slider .navigation .swiper-container-rtl .next .icon,
.m-header .more-right .swiper-container-rtl .next .icon,
.m-header .more-left .swiper-container-rtl .next .icon {
  right: 2px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.m-quote-carousel .container .navigation .next,
.m-slider-textpara .container .right-half .navigation .next,
.m-slider .navigation .next,
.m-header .more-right .next,
.m-header .more-left .next,
.m-quote-carousel .container .navigation .swiper-container-rtl .previous,
.m-slider-textpara .container .right-half .navigation .swiper-container-rtl .previous,
.m-slider .navigation .swiper-container-rtl .previous,
.m-header .more-right .swiper-container-rtl .previous,
.m-header .more-left .swiper-container-rtl .previous {
  right: -30px;
  left: auto
}

@media(min-width: 1360px) {

  .m-quote-carousel .container .navigation .next,
  .m-slider-textpara .container .right-half .navigation .next,
  .m-slider .navigation .next,
  .m-header .more-right .next,
  .m-header .more-left .next,
  .m-quote-carousel .container .navigation .swiper-container-rtl .previous,
  .m-slider-textpara .container .right-half .navigation .swiper-container-rtl .previous,
  .m-slider .navigation .swiper-container-rtl .previous,
  .m-header .more-right .swiper-container-rtl .previous,
  .m-header .more-left .swiper-container-rtl .previous {
    right: -150px
  }
}

.m-quote-carousel .container .navigation .next .icon,
.m-slider-textpara .container .right-half .navigation .next .icon,
.m-slider .navigation .next .icon,
.m-header .more-right .next .icon,
.m-header .more-left .next .icon,
.m-quote-carousel .container .navigation .swiper-container-rtl .previous .icon,
.m-slider-textpara .container .right-half .navigation .swiper-container-rtl .previous .icon,
.m-slider .navigation .swiper-container-rtl .previous .icon,
.m-header .more-right .swiper-container-rtl .previous .icon,
.m-header .more-left .swiper-container-rtl .previous .icon {
  left: 2px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.arrow_full:after {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  display: block;
  border: solid #000;
  border-width: 0 2px 2px 0;
  padding: 6px;
  -moz-osx-font-smoothing: grayscale;
  transition: all .3s ease-in-out;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

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
}


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: "RBDesign 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, .1);
  -moz-tap-highlight-color: rgba(0, 0, 0, .1)
}

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

html[data-font-lang=zh] body {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] body {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] body {
  font-family: Arial, sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

main {
  min-height: 100%;
  margin: 60px auto 0;
  display: block
}

@media(min-width: 768px) {
  main {
    margin: 48px auto 0
  }
}

.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
  }
}

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

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

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

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

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

@media(min-width: 768px) {
  .c-text-paragraph {
    font-size: 17px;
    line-height: 28px
  }
}

@media(max-width: 767px) {
  .c-text-paragraph.is-right {
    text-align: left;
    margin-left: 0
  }

  .c-text-paragraph.is-left {
    text-align: left;
    margin-left: 0
  }
}

@media(min-width: 768px) {
  .c-text-paragraph.is-right {
    text-align: right;
    margin-left: 30px
  }

  .c-text-paragraph.is-left {
    text-align: left;
    margin-left: 34px
  }
}

.c-text-paragraph.is-small {
  font-size: 14px;
  line-height: 24px
}

.c-text-paragraph .mail-small {
  margin-right: 15px
}

.c-text-paragraph .mail-small::after {
  content: "";
  position: relative;
  width: 12px;
  height: 12px;
  right: -2px;
  display: inline-block;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  margin-bottom: 4px;
  margin-left: -12px;
  background-image: url("https://www.rolandberger.com/img/mail.svg")
}

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

@media(min-width: 768px) {
  .c-text-paragraph a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.c-text-paragraph a[target=_blank] {
  margin-right: 15px
}

.c-text-paragraph a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .c-text-paragraph a:hover {
  text-decoration: none;
  background: #f6f600
}

.c-text-paragraph a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .c-text-paragraph a.no-underline {
    box-shadow: none
  }
}

.c-text-paragraph a.no-external-hint[target=_blank] {
  margin-right: 0
}

.c-text-paragraph a.no-external-hint[target=_blank]:after {
  display: none
}

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

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

html[data-font-lang=zh] .c-text-paragraph strong,
html[data-font-lang=zh] .c-text-paragraph b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-paragraph strong,
html[data-font-lang=ar] .c-text-paragraph b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.c-text-paragraph i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-paragraph i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-paragraph i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.c-text-autor {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px
}

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

html[data-font-lang=zh] .c-text-autor {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-autor {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-text-autor {
    font-size: 18px;
    line-height: 28px
  }
}

@media(max-width: 767px) {
  .c-text-autor.is-right {
    text-align: left;
    margin-left: 0
  }

  .c-text-autor.is-left {
    text-align: left;
    margin-left: 0
  }
}

@media(min-width: 768px) {
  .c-text-autor.is-right {
    text-align: right;
    margin-left: 30px
  }

  .c-text-autor.is-left {
    text-align: left;
    margin-left: 34px
  }
}

.c-text-autor.is-small {
  font-size: 14px;
  line-height: 24px
}

.c-text-autor .mail-small {
  margin-right: 15px
}

.c-text-autor .mail-small::after {
  content: "";
  position: relative;
  width: 12px;
  height: 12px;
  right: -2px;
  display: inline-block;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  margin-bottom: 4px;
  margin-left: -12px;
  background-image: url("https://www.rolandberger.com/img/mail.svg")
}

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

@media(min-width: 768px) {
  .c-text-autor a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.c-text-autor a[target=_blank] {
  margin-right: 15px
}

.c-text-autor a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .c-text-autor a:hover {
  text-decoration: none;
  background: #f6f600
}

.c-text-autor a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .c-text-autor a.no-underline {
    box-shadow: none
  }
}

.c-text-autor a.no-external-hint[target=_blank] {
  margin-right: 0
}

.c-text-autor a.no-external-hint[target=_blank]:after {
  display: none
}

.c-text-autor strong,
.c-text-autor b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-autor strong,
html[data-font-lang=zh] .c-text-autor b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-autor strong,
html[data-font-lang=ar] .c-text-autor b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.c-text-autor i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-autor i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-autor i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.c-text-info {
  position: relative;
  margin-left: -31.9648093842%;
  width: 147.9472140762%;
  padding: 40px 0;
  color: #000;
  background: #f0f0f0;
  overflow: hidden
}

@media(min-width: 768px) {
  .c-text-info {
    margin-left: -17.24%;
    width: 119.0226876091%
  }
}

.c-text-info:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8.75%;
  z-index: 0;
  width: 2px;
  background-color: #e6e6e6
}

@media(min-width: 768px) {
  .c-text-info:before {
    left: 5.2%
  }
}

.c-text-info:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 48px;
  left: 8.75%;
  margin-left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 8px #f0f0f0
}

@media(min-width: 768px) {
  .c-text-info:after {
    top: 50px;
    left: 5.2%
  }
}

.c-text-info.without-bullets:after {
  background: none;
  box-shadow: none
}

.c-text-info .headline,
.c-text-info p {
  margin-left: 21.6055500496%;
  margin-right: 10.8027750248%
}

@media(min-width: 768px) {

  .c-text-info .headline,
  .c-text-info p {
    margin-left: 15.9824046921%;
    margin-right: 15.9824046921%
  }
}

.c-text-info .headline {
  font-size: 13px;
  line-height: 26px;
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-info .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-info .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-text-info .headline {
    font-size: 16px;
    line-height: 26px
  }
}

.c-text-info p {
  font-size: 13px;
  line-height: 23px;
  font-family: "RBDesign Medium", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-info p {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-info p {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-text-info p {
    font-size: 16px;
    line-height: 27px
  }
}

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

@media(min-width: 768px) {
  .c-text-info .headline+p {
    margin-top: 20px
  }
}

.c-text-infobox {
  position: relative;
  margin-left: -29.41%;
  width: 144.11%;
  padding: 40px 14.7% 0 29.41%;
  background: #004ac2;
  color: #fff;
  text-align: right;
  font-size: 15px;
  line-height: 22px
}

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

@media(min-width: 768px) {
  .c-text-infobox {
    margin-right: 3.44%;
    margin-left: -86.2%;
    padding: 40px 40px 0 40px;
    width: 100%;
    float: left;
    clear: left;
    font-size: 19px;
    line-height: 30px
  }
}

@media(min-width: 1280px) {
  .c-text-infobox {
    margin-left: -51.72%;
    width: 65.51%
  }
}

.c-text-infobox .headline {
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  text-align: left;
  font-size: 19px;
  line-height: 27px
}

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

html[data-font-lang=zh] .c-text-infobox .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-infobox .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-text-infobox .headline {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 30px;
    text-align: right;
    max-width: 330px;
    float: right;
    clear: right
  }
}

.c-text-infobox p {
  font-family: "RBDesign Medium", Arial, sans-serif;
  text-align: left;
  font-size: 13px;
  line-height: 23px
}

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

html[data-font-lang=zh] .c-text-infobox p {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-infobox p {
  font-family: "RBDesign Arabic Medium", 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
}

@media(min-width: 768px) {
  .c-text-infobox p {
    text-align: right;
    max-width: 330px;
    float: right;
    clear: right;
    font-size: 16px;
    line-height: 27px
  }
}

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

@media(min-width: 768px) {
  .c-text-infobox .c-button {
    float: right;
    clear: right;
    margin-right: -40px
  }
}

.c-text-infobox.is-red {
  background: #84003a;
  color: #fff
}

.c-text-infobox.is-teal {
  background: teal;
  color: #fff
}

.c-text-infobox.is-aligned-right {
  font-size: 20px;
  line-height: 30px;
  padding: 40px 15.9824046921% 0 15.9824046921%
}

@media(min-width: 768px) {
  .c-text-infobox.is-aligned-right {
    padding: 40px 40px 0 40px;
    margin-left: -76.0907504363%;
    width: 80.9773123909%
  }
}

@media(min-width: 1024px) {
  .c-text-infobox.is-aligned-right {
    padding: 40px 40px 0 40px;
    margin-left: -57.0680628272%;
    width: 61.9546247818%
  }
}

.c-text-infobox.is-aligned-right .headline,
.c-text-infobox.is-aligned-right p {
  text-align: right
}

.c-text-infobox.is-aligned-right .c-button {
  margin-top: 30px;
  letter-spacing: .14em
}

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

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

  .c-text-left h3:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 8px;
    right: -26.0907504363%;
    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: -22.1948270575%;
    margin-right: 3.5px
  }
}

@media(min-width: 768px) {
  .c-text-left ul li:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 8px;
    right: -22.94%;
    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: -22.94%;
    margin-right: 3.5px
  }
}

@media(min-width: 768px) {
  .c-text-left ul li a {
    position: relative;
    color: inherit;
    text-decoration: none;
    box-shadow: inset 0 -3px 0 #f6f600, 0 1px 0 #f6f600
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .c-text-left ul li a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

@media(min-width: 768px) {
  .c-text-left ul li a[target=_blank] {
    margin-right: 15px
  }

  .c-text-left ul li a[target=_blank]:after {
    content: "";
    position: relative;
    width: 8px;
    height: 8px;
    right: 2px;
    display: inline-block;
    margin-left: -8px;
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
    vertical-align: text-top;
    border-top: 2px solid #f6f600;
    border-right: 2px solid #f6f600
  }
}

@media(min-width: 768px) {
  html.no-touchevents .c-text-left ul li a:hover {
    text-decoration: none;
    background: #f6f600
  }
}

@media(min-width: 768px) {
  .c-text-left ul li a.no-underline {
    box-shadow: none
  }
}

@media(min-width: 768px)and (min-width: 768px) {
  .c-text-left ul li a.no-underline {
    box-shadow: none
  }
}

@media(min-width: 768px) {
  .c-text-left ul li a.no-external-hint[target=_blank] {
    margin-right: 0
  }

  .c-text-left ul li a.no-external-hint[target=_blank]:after {
    display: none
  }
}

@media(min-width: 768px) {

  .c-text-left ul li strong,
  .c-text-left ul li b {
    font-family: "RBDesign Bold", Arial, sans-serif
  }

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

  html[data-font-lang=zh] .c-text-left ul li strong,
  html[data-font-lang=zh] .c-text-left ul li b {
    font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
  }

  html[data-font-lang=ar] .c-text-left ul li strong,
  html[data-font-lang=ar] .c-text-left ul li b {
    font-family: "RBDesign Arabic Bold", Arial, sans-serif
  }

  html[data-font-lang=fallback] .c-text-left ul li strong,
  html[data-font-lang=fallback] .c-text-left ul li b {
    font-family: Arial, sans-serif;
    font-weight: bold
  }
}

@media(min-width: 768px) {
  .c-text-left ul li i {
    font-family: "RBDesign Light Italic", Arial, sans-serif
  }

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

  html[data-font-lang=zh] .c-text-left ul li i {
    font-family: "RBDesign Chs Light", Arial, sans-serif
  }

  html[data-font-lang=ar] .c-text-left ul li i {
    font-family: "RBDesign Arabic Regular", Arial, sans-serif
  }

  html[data-font-lang=fallback] .c-text-left ul li i {
    font-family: Arial, sans-serif
  }
}

@media(min-width: 1024px) {
  .c-text-left {
    width: 412px
  }
}

.c-text-left .headline {
  margin-top: 5px;
  font-family: "RBDesign Regular", Arial, sans-serif;
  text-align: left
}

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

html[data-font-lang=zh] .c-text-left .headline {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left .headline {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

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

.c-text-left .headline:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 8px;
  right: -26.0907504363%;
  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: -22.1948270575%;
    margin-right: 3.5px
  }
}

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

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

@media(min-width: 768px) {
  .c-text-left p a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.c-text-left p a[target=_blank] {
  margin-right: 15px
}

.c-text-left p a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .c-text-left p a:hover {
  text-decoration: none;
  background: #f6f600
}

.c-text-left p a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .c-text-left p a.no-underline {
    box-shadow: none
  }
}

.c-text-left p a.no-external-hint[target=_blank] {
  margin-right: 0
}

.c-text-left p a.no-external-hint[target=_blank]:after {
  display: none
}

.c-text-left p strong,
.c-text-left p b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-left p strong,
html[data-font-lang=zh] .c-text-left p b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left p strong,
html[data-font-lang=ar] .c-text-left p b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.c-text-left p i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-left p i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left p i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

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

html[data-font-lang=zh] .c-text-left p {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.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: 0
}

@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: 0;
  background-color: #eff0f1;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: .12em
}

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

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

html[data-font-lang=ar] .c-text-left .text-image-caption figure figcaption {
  font-family: "RBDesign Arabic Bold", "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: "RBDesign 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: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .c-text-left .text-image-caption figure figcaption .reference {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left .text-image-caption figure figcaption .reference {
  font-family: "RBDesign Arabic Medium", 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: "RBDesign Regular", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-left .text-image-caption figure figcaption .reference strong {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left .text-image-caption figure figcaption .reference strong {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .c-text-left .text-image-caption figure figcaption .reference strong {
  font-family: Arial, sans-serif
}

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

.c-text-left .content-tile {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-bottom: 30px
}

@media(min-width: 768px)and (max-width: 1024px) {
  .c-text-left .content-tile {
    margin-top: 65px
  }
}

.c-text-left .content-tile a {
  margin-top: 85px
}

.c-text-left .content-tile a .c-button {
  position: absolute;
  bottom: 0;
  z-index: 10;
  line-height: 21px;
  height: 74px;
  font-size: 21px
}

@media(min-width: 768px) {
  .c-text-left .content-tile a .c-button {
    right: 0
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .c-text-left .content-tile a .c-button {
    line-height: 16px;
    height: 55px;
    font-size: 16px;
    top: -48px
  }
}

.c-text-left .content-tile a .c-button .icon_after {
  width: 34px;
  height: 34px;
  margin-left: 10px
}

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

.c-text-left .new-image-left .is-logo img {
  max-width: 288px;
  height: 150px
}

@media(min-width: 1024px) {
  .c-text-left .new-image-left .is-logo img {
    max-width: 412px;
    height: 150px
  }
}

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

.c-text-left .new-image-left figure img {
  float: left;
  max-width: 288px;
  height: 169px;
  display: block;
  margin-left: 0
}

@media(min-width: 768px) {
  .c-text-left .new-image-left figure img {
    max-width: 90%;
    height: 90%;
    float: right;
    text-align: right
  }
}

@media(min-width: 1024px) {
  .c-text-left .new-image-left figure img {
    float: right;
    max-width: 412px;
    height: 234px;
    margin-left: 30px
  }
}

.c-text-left .new-image-left figure figcaption .content {
  float: left;
  -ms-flex-order: 0;
  order: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  text-align: left
}

@media(min-width: 768px) {
  .c-text-left .new-image-left figure figcaption .content {
    float: right;
    text-align: right
  }
}

@media(min-width: 1024px) {
  .c-text-left .new-image-left figure figcaption .content {
    width: 412px
  }
}

.c-text-left .new-image-left figure figcaption .content .headline {
  margin-top: 30px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1px
}

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

html[data-font-lang=zh] .c-text-left .new-image-left figure figcaption .content .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left .new-image-left figure figcaption .content .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

@media(min-width: 768px) {
  .c-text-left .new-image-left figure figcaption .content .headline {
    font-size: 20px;
    line-height: 24px;
    margin-top: 50px;
    margin-right: 0;
    text-align: right
  }
}

@media(min-width: 1024px) {
  .c-text-left .new-image-left figure figcaption .content .headline {
    margin-left: 0
  }
}

.c-text-left .new-image-left figure figcaption .content .headline:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 8px;
  right: -26.0907504363%;
  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 .new-image-left figure figcaption .content .headline:after {
  box-shadow: 0 0 0 8px #dee0e3
}

@media(min-width: 1024px) {
  .c-text-left .new-image-left figure figcaption .content .headline:after {
    top: 12px;
    right: -22.1948270575%;
    margin-right: 3.5px
  }
}

.c-text-left .new-image-left figure figcaption .content p {
  color: #787878;
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin-top: 15px
}

.c-text-left .new-image-left figure figcaption .content p a {
  position: relative;
  color: inherit;
  text-decoration: none;
  box-shadow: inset 0 -3px 0 #f6f600, 0 1px 0 #f6f600
}

@media(min-width: 768px) {
  .c-text-left .new-image-left figure figcaption .content p a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.c-text-left .new-image-left figure figcaption .content p a[target=_blank] {
  margin-right: 15px
}

.c-text-left .new-image-left figure figcaption .content p a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .c-text-left .new-image-left figure figcaption .content p a:hover {
  text-decoration: none;
  background: #f6f600
}

.c-text-left .new-image-left figure figcaption .content p a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .c-text-left .new-image-left figure figcaption .content p a.no-underline {
    box-shadow: none
  }
}

.c-text-left .new-image-left figure figcaption .content p a.no-external-hint[target=_blank] {
  margin-right: 0
}

.c-text-left .new-image-left figure figcaption .content p a.no-external-hint[target=_blank]:after {
  display: none
}

.c-text-left .new-image-left figure figcaption .content p strong,
.c-text-left .new-image-left figure figcaption .content p b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-left .new-image-left figure figcaption .content p strong,
html[data-font-lang=zh] .c-text-left .new-image-left figure figcaption .content p b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left .new-image-left figure figcaption .content p strong,
html[data-font-lang=ar] .c-text-left .new-image-left figure figcaption .content p b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .c-text-left .new-image-left figure figcaption .content p strong,
html[data-font-lang=fallback] .c-text-left .new-image-left figure figcaption .content p b {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.c-text-left .new-image-left figure figcaption .content p i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-left .new-image-left figure figcaption .content p i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left .new-image-left figure figcaption .content p i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .c-text-left .new-image-left figure figcaption .content p i {
  font-family: Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-left .new-image-left figure figcaption .content p {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-left .new-image-left figure figcaption .content p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

@media(min-width: 768px) {
  .c-text-left .new-image-left figure figcaption .content p {
    font-size: 15px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-right: 0
  }
}

@media(min-width: 1024px) {
  .c-text-left .new-image-left figure figcaption .content p {
    margin-left: 0
  }
}

.c-text-left .new-image-left figure figcaption .content p:last-child {
  margin-bottom: 40px
}

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

@media(min-width: 768px) {
  .c-text-blockquote {
    width: 65.95%;
    margin-left: -86.11%;
    float: left;
    clear: left
  }
}

.c-text-blockquote .headline {
  margin-top: 5px;
  text-align: right;
  font-family: "RBDesign Regular", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-blockquote .headline {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-blockquote .headline {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

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

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

html[data-font-lang=ar] .c-text-blockquote blockquote {
  font-family: "RBDesign Arabic Medium", "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
}

@media(min-width: 768px) {
  .c-text-blockquote blockquote {
    margin-bottom: 50px;
    margin-left: 30px;
    text-align: right;
    font-size: 28px;
    line-height: 42px
  }
}

@media(min-width: 768px) {
  .c-text-blockquote .text-only {
    margin-top: 30px
  }
}

@media(min-width: 768px) {
  .c-text-blockquote .author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.c-text-blockquote .author .image {
  display: none
}

@media(min-width: 768px) {
  .c-text-blockquote .author .image {
    display: block;
    width: 72px;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -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
  }
}

@media(min-width: 1280px) {
  .c-text-blockquote .author .image {
    margin-left: 75px;
    margin-right: 40px
  }
}

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

.c-text-blockquote .author .details {
  font-size: 12px;
  line-height: 16px;
  font-family: "RBDesign Medium", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-blockquote .author .details {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-blockquote .author .details {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-text-blockquote .author .details {
    -ms-flex-order: 0;
    order: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right
  }
}

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

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

html[data-font-lang=zh] .c-text-blockquote .author .details .name {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-blockquote .author .details .name {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-text-blockquote .author .details .name {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px
  }
}

.c-text-blockquote .author .details .name a {
  display: inline-block;
  text-decoration: none;
  color: inherit
}

html.no-touchevents .c-text-blockquote .author .details .name a:hover {
  box-shadow: inset 0 -2px 0 #000
}

.c-text-blockquote .author .details .job-title,
.c-text-blockquote .author .details .address {
  color: #a0a0a0;
  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 a,
.c-text-blockquote .author .details .address a {
  color: inherit;
  text-decoration: none
}

html.no-touchevents .c-text-blockquote .author .details .job-title a:hover,
html.no-touchevents .c-text-blockquote .author .details .address a:hover {
  color: #64686d
}

@media(min-width: 768px) {
  .c-text-blockquote .author .image+.details {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: left
  }
}

.c-text-subheadline {
  position: relative;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .2px;
  margin-bottom: 45px
}

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

html[data-font-lang=zh] .c-text-subheadline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-subheadline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-text-subheadline {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .4px
  }
}

.c-text-subheadline:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 8px;
  left: -19.5%;
  margin-left: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 8px #fff
}

body.is-grey .c-text-subheadline:before {
  box-shadow: 0 0 0 8px #dee0e3
}

@media(min-width: 768px) {
  .c-text-subheadline:before {
    top: 12px;
    left: -11%;
    margin-left: -3px
  }
}

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

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

.c-text-subheadline-rtl {
  direction: rtl;
  position: relative;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .2px;
  margin-bottom: 45px
}

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

html[data-font-lang=zh] .c-text-subheadline-rtl {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-subheadline-rtl {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-text-subheadline-rtl {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .4px
  }
}

.c-text-subheadline-rtl:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 8px;
  right: -20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 8px #fff
}

body.is-grey .c-text-subheadline-rtl:before {
  box-shadow: 0 0 0 8px #dee0e3
}

@media(min-width: 768px) {
  .c-text-subheadline-rtl:before {
    top: 12px
  }
}

.c-text-subheadline-rtl.is-grey {
  color: #787878
}

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

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

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

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

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

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

@media(min-width: 768px) {
  .c-text-location {
    font-size: 16px;
    line-height: 28px
  }
}

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

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

html[data-font-lang=zh] .c-text-location .name {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-location .name {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-text-location .name {
    font-size: 19px;
    line-height: 30px;
    text-transform: none
  }
}

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

@media(min-width: 1280px) {
  .c-text-location .contact-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

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

@media(min-width: 1280px) {
  .c-text-location .contact-details .address {
    -ms-flex-order: 0;
    order: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 200px;
    padding-right: 60px;
    margin-bottom: 0
  }
}

@media(min-width: 1280px) {
  .c-text-location .contact-details .communication {
    -ms-flex-order: 0;
    order: 0;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto
  }
}

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

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

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

html[data-font-lang=zh] .c-text-location .contact-details .communication .label {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-location .contact-details .communication .label {
  font-family: "RBDesign Arabic Regular", 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
}

html.no-touchevents .c-text-location .contact-details .communication a:hover {
  box-shadow: inset 0 -2px 0 #8d9399
}

html.no-touchevents .c-text-location .contact-details .communication a.telephone:hover {
  box-shadow: none
}

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

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

@media(min-width: 1024px) {
  .c-text-location figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 230px
  }
}

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

@media(min-width: 1024px) {
  .c-text-location figure .image {
    position: relative;
    overflow: hidden;
    width: 61.9546247818%;
    min-height: 230px
  }
}

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

@media(min-width: 1024px) {
  .c-text-location figure .image img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    width: auto
  }
}

.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: .12em
}

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

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

html[data-font-lang=ar] .c-text-location figure figcaption {
  font-family: "RBDesign Arabic Bold", "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
}

@media(min-width: 768px) {
  .c-text-location figure figcaption {
    font-size: 14px;
    line-height: 20px
  }
}

@media(min-width: 1024px) {
  .c-text-location figure figcaption {
    width: 23.9092495637%;
    -ms-flex-item-align: end;
    align-self: flex-end
  }
}

.c-text-location figure figcaption .reference {
  display: block;
  color: #8d9399;
  font-family: "RBDesign 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: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

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

html[data-font-lang=ar] .c-text-location figure figcaption .reference {
  font-family: "RBDesign Arabic Medium", 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: "RBDesign Regular", Arial, sans-serif
}

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

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

html[data-font-lang=ar] .c-text-location figure figcaption .reference strong {
  font-family: "RBDesign Arabic Regular", 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: "RBDesign Light", Arial, sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin-top: 20px
}

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

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

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

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

@media(min-width: 768px) {
  .c-text-location .paragraph {
    font-size: 19px;
    line-height: 30px
  }
}

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

@media(min-width: 768px) {
  .c-text-location .paragraph a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.c-text-location .paragraph a[target=_blank] {
  margin-right: 15px
}

.c-text-location .paragraph a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .c-text-location .paragraph a:hover {
  text-decoration: none;
  background: #f6f600
}

.c-text-location .paragraph a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .c-text-location .paragraph a.no-underline {
    box-shadow: none
  }
}

.c-text-location .paragraph a.no-external-hint[target=_blank] {
  margin-right: 0
}

.c-text-location .paragraph a.no-external-hint[target=_blank]:after {
  display: none
}

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

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

html[data-font-lang=zh] .c-text-location .paragraph strong,
html[data-font-lang=zh] .c-text-location .paragraph b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-location .paragraph strong,
html[data-font-lang=ar] .c-text-location .paragraph b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.c-text-location .paragraph i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-location .paragraph i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-location .paragraph i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.c-text-video {
  position: relative;
  z-index: 1;
  background: linear-gradient(to bottom right, #dee0e3 0%, #eff0f1 100%)
}

.c-text-video .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden
}

.c-text-video .video .poster {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer
}

.c-text-video .video .poster img {
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top
}

.c-text-video .video .play-button {
  position: absolute;
  z-index: 2;
  top: 40px;
  right: 0;
  bottom: 40px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.c-text-video .video .play-button svg {
  height: 100%;
  max-height: 240px;
  margin: 0 auto
}

.c-text-video .video .play-button svg path,
.c-text-video .video .play-button svg circle {
  stroke: #fff
}

@media(min-width: 768px) {
  .c-text-video .video .play-button {
    width: 20.0488997555%;
    left: 26.6503667482%
  }

  .c-text-video .video .play-button svg {
    height: auto;
    width: 100%;
    max-width: 240px
  }
}

.c-text-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.c-text-video .headline {
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #8d9399;
  padding: 20px
}

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

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

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

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

@media(min-width: 480px) {
  .c-text-video .headline {
    font-size: 28px;
    line-height: 32px;
    padding: 30px
  }
}

@media(min-width: 768px) {
  .c-text-video .headline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 6.77%;
    bottom: 0;
    width: 40.67%;
    padding: 0;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 38px;
    line-height: 42px;
    color: #fff;
    pointer-events: none
  }

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

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

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

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

@media(min-width: 1024px) {
  .c-text-video .headline {
    font-size: 56px;
    line-height: 60px
  }
}

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

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

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

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

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

.c-text-list.is-small {
  font-size: 14px;
  line-height: 24px
}

.c-text-list.is-small li,
.c-text-list.is-small ol {
  padding-top: 5px
}

@media(min-width: 768px) {
  .c-text-list {
    font-size: 17px;
    line-height: 28px
  }
}

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

@media(min-width: 768px) {
  .c-text-list a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.c-text-list a[target=_blank] {
  margin-right: 15px
}

.c-text-list a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .c-text-list a:hover {
  text-decoration: none;
  background: #f6f600
}

.c-text-list a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .c-text-list a.no-underline {
    box-shadow: none
  }
}

.c-text-list a.no-external-hint[target=_blank] {
  margin-right: 0
}

.c-text-list a.no-external-hint[target=_blank]:after {
  display: none
}

.c-text-list strong,
.c-text-list b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-list strong,
html[data-font-lang=zh] .c-text-list b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-list strong,
html[data-font-lang=ar] .c-text-list b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.c-text-list i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-list i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-list i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.c-text-list li {
  position: relative
}

.c-text-list li:before {
  position: absolute;
  z-index: 1;
  left: -19.5%;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #fff
}

body.is-grey .c-text-list li:before {
  box-shadow: 0 0 0 8px #dee0e3
}

@media(min-width: 768px) {
  .c-text-list li:before {
    left: -11%
  }
}

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

@media(min-width: 768px) {
  .c-text-list li+li {
    margin-top: 10px
  }
}

ul.c-text-list li:before {
  content: "";
  top: 8px;
  background: #000;
  width: 8px;
  height: 8px;
  margin-left: -2px
}

@media(min-width: 768px) {
  ul.c-text-list li:before {
    top: 12px;
    margin-left: -3px
  }
}

ol.c-text-list {
  counter-reset: listItem;
  list-style-type: none
}

ol.c-text-list li {
  counter-increment: listItem
}

ol.c-text-list li:before {
  content: counter(listItem);
  top: -4px;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  font-family: "RBDesign Bold Italic", Arial, sans-serif;
  background: #c8c8c8;
  width: 32px;
  height: 32px;
  margin-left: -14px;
  text-align: center;
  text-indent: -3px
}

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

html[data-font-lang=zh] ol.c-text-list li:before {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] ol.c-text-list li:before {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] ol.c-text-list li:before {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  ol.c-text-list li:before {
    top: -1px;
    margin-left: -15px
  }
}

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

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

html[data-font-lang=zh] .c-text-list-rtl {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-list-rtl {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.c-text-list-rtl.is-small {
  font-size: 14px;
  line-height: 24px
}

.c-text-list-rtl.is-small li,
.c-text-list-rtl.is-small ol {
  padding-top: 5px
}

@media(min-width: 768px) {
  .c-text-list-rtl {
    font-size: 17px;
    line-height: 28px
  }
}

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

@media(min-width: 768px) {
  .c-text-list-rtl a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.c-text-list-rtl a[target=_blank] {
  margin-right: 15px
}

.c-text-list-rtl a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .c-text-list-rtl a:hover {
  text-decoration: none;
  background: #f6f600
}

.c-text-list-rtl a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .c-text-list-rtl a.no-underline {
    box-shadow: none
  }
}

.c-text-list-rtl a.no-external-hint[target=_blank] {
  margin-right: 0
}

.c-text-list-rtl a.no-external-hint[target=_blank]:after {
  display: none
}

.c-text-list-rtl strong,
.c-text-list-rtl b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-list-rtl strong,
html[data-font-lang=zh] .c-text-list-rtl b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-list-rtl strong,
html[data-font-lang=ar] .c-text-list-rtl b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .c-text-list-rtl strong,
html[data-font-lang=fallback] .c-text-list-rtl b {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.c-text-list-rtl i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-text-list-rtl i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-list-rtl i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.c-text-list-rtl li {
  position: relative
}

.c-text-list-rtl li:before {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #fff
}

body.is-grey .c-text-list-rtl li:before {
  box-shadow: 0 0 0 8px #dee0e3
}

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

@media(min-width: 768px) {
  .c-text-list-rtl li+li {
    margin-top: 10px
  }
}

ul.c-text-list-rtl li:before {
  content: "";
  top: 8px;
  background: #000;
  width: 8px;
  height: 8px;
  right: -20px
}

@media(min-width: 768px) {
  ul.c-text-list-rtl li:before {
    top: 12px
  }
}

.c-text-download {
  position: relative;
  padding: 25px 25px 48px 25px;
  background: linear-gradient(to bottom right, #dee0e3 0%, #eff0f1 100%)
}

@media(min-width: 768px) {
  .c-text-download {
    width: 65.51%;
    margin-left: -86.2%;
    float: left;
    clear: left
  }
}

.c-text-download .headline {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 30px
}

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

html[data-font-lang=zh] .c-text-download .headline {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-download .headline {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.c-text-download .c-button {
  position: absolute;
  bottom: 0;
  right: 0
}

.c-text-download .c-button .size {
  color: #aeb6bb
}

.c-text-button-to-top {
  position: relative;
  float: right
}

.c-text-button-to-top .icon {
  width: 32px;
  height: 32px;
  fill: #000
}

@media(min-width: 1280px) {
  .c-text-button-to-top .icon {
    width: 48px;
    height: 48px
  }
}

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

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

html[data-font-lang=zh] .c-label {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-label {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-label {
    margin-left: 0
  }
}

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

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

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 110px;
  margin-top: 10px;
  margin-right: 38px;
  padding-left: 10px;
  padding-bottom: 4px;
  padding-top: 4px;
  position: absolute;
  right: 0;
  z-index: 1
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch.c-language-switch--alternative-layout {
  width: 150px
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch.c-language-switch--alternative-layout .c-language-switch__language-wrapper {
  width: 150px
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch.c-language-switch--alternative-layout .c-language-switch__language-wrapper .lng:nth-child(2) {
  padding-left: 0
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch {
    width: 100%;
    padding: 10px 23px;
    margin: 0
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch.c-language-switch--alternative-layout {
    width: 100%;
    margin-right: 0
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch.c-language-switch--alternative-layout .c-language-switch__language-wrapper {
    width: 100%
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch.c-language-switch--alternative-layout .c-language-switch__language-wrapper .lng:nth-child(2) {
    padding-left: 0
  }
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .c-language-switch__language-icon {
  width: 25px;
  height: 25px;
  color: #aeb6bb
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .c-language-switch__open-icon {
  margin-left: 5px;
  padding: 5px;
  box-sizing: content-box
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .c-language-switch__open-icon:hover {
  cursor: pointer
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .c-language-switch__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .lng {
  padding-top: 0;
  margin: 0;
  padding-left: 10px;
  color: #a0a0a0
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .lng {
    width: auto;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
  }
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .lng.selected {
  color: #000
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .lng.disabled {
  font-family: "Sharp Sans Medium", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .12em;
  color: #a0a0a0
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .lng:nth-child(2) {
  margin-left: 10px;
  border-left: 1px solid #000;
  padding-left: 10px
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch .lng-text {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
  }
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch__language-wrapper {
  border: 2px solid #fff;
  border-top: none;
  background: #eff0f1;
  position: absolute;
  top: 38px;
  left: -2px;
  width: 110px;
  padding: 0 15px;
  display: none
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch__language-wrapper--visible {
  display: block
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch__language-wrapper .lng {
  display: block;
  margin: 0;
  padding: 5px 0;
  text-align: center;
  border-top: 2px solid #fff
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch__language-wrapper .lng:nth-child(2) {
  margin-left: 0;
  border-left: none
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch__language-wrapper {
    width: 100%;
    left: 0;
    top: auto;
    bottom: 38px;
    border: none;
    padding: 0
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch__language-wrapper .lng {
    border-top: none;
    border-bottom: 2px solid #fff
  }
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch--layer-visible {
  border: 2px solid #fff;
  border-bottom: none;
  -webkit-transform: translate(-2px, -2px);
  -ms-transform: translate(-2px, -2px);
  transform: translate(-2px, -2px)
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch--layer-visible .c-language-switch__language-icon {
  color: #dee0e3
}

.m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch--layer-visible .c-language-switch__open-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch--layer-visible {
    background: #eff0f1;
    border: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .c-language-switch--layer-visible .c-language-switch__language-icon {
    color: #acacac
  }
}

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

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

html[data-font-lang=zh] .c-button {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-button {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

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

html.no-touchevents .c-button:hover:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

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

.c-button.is-transparent:after {
  background-color: rgba(0, 0, 0, .4)
}

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

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

.c-button.is-right {
  margin-right: -40px
}

.c-button.is-right .icon-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.c-button.is-right .icon {
  width: 16px;
  height: 16px;
  float: right;
  margin-top: -2px
}

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

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

.c-button.is-text {
  margin: 0 5px
}

@media(min-width: 768px) {
  .c-button.is-text {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
}

.c-button.is-text .icon-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.c-button.is-text .icon {
  width: 16px;
  height: 16px;
  float: right;
  margin-top: -2px
}

.c-button.is-text+.c-button {
  margin-left: 1px
}

.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: -ms-inline-flexbox;
    display: inline-flex
  }
}

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

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

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

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

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

.c-tile-contact .details .name {
  font-family: "RBDesign Bold", Arial, sans-serif;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: .3px;
  color: #000
}

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

html[data-font-lang=zh] .c-tile-contact .details .name {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-contact .details .name {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-tile-contact .details .name {
    margin-bottom: 20px
  }
}

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

html.no-touchevents .c-tile-contact .details .name a:hover {
  box-shadow: inset 0 -2px 0 #000
}

.c-tile-contact .details .job-title,
.c-tile-contact .details .address,
.c-tile-contact .details .telephone {
  color: #a0a0a0;
  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
}

html.no-touchevents .c-tile-contact .details .job-title a:hover,
html.no-touchevents .c-tile-contact .details .address a:hover,
html.no-touchevents .c-tile-contact .details .telephone a:hover {
  color: #64686d
}

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

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

html[data-font-lang=zh] .c-tile-contact .details .job-title,
html[data-font-lang=zh] .c-tile-contact .details .address,
html[data-font-lang=zh] .c-tile-contact .details .telephone {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-contact .details .job-title,
html[data-font-lang=ar] .c-tile-contact .details .address,
html[data-font-lang=ar] .c-tile-contact .details .telephone {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .c-tile-contact .details .job-title,
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 {
  text-decoration: none
}

html.no-touchevents .c-tile-contact .details .telephone:hover {
  border-color: rgba(0, 0, 0, 0)
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  color: #000;
  text-decoration: none;
  background: #f0f0f0
}

html.no-touchevents .c-tile-expertise:hover .image img {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95)
}

@media(min-width: 480px) {
  .c-tile-expertise.is-small .headline {
    padding: 20px 20px 18px 0
  }
}

@media(min-width: 1024px) {
  .c-tile-expertise.is-small .image {
    width: 170px;
    margin-left: 35px
  }

  .c-tile-expertise.is-small .headline {
    font-size: 24px;
    line-height: 28px;
    padding: 20px 40px 26px 0
  }
}

@media(min-width: 480px) {
  .c-tile-expertise.is-large {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }

  .c-tile-expertise.is-large .image {
    width: auto;
    height: 288px;
    margin-left: 0
  }

  .c-tile-expertise.is-large .image img {
    max-height: 100%;
    max-width: none;
    min-width: 100%;
    min-height: 100%
  }

  .c-tile-expertise.is-large .headline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 28px;
    line-height: 32px;
    padding: 15px 20px 50px 20px;
    text-align: center
  }

  html[data-font-lang=fallback] .c-tile-expertise.is-large .headline {
    font-size: 24px;
    line-height: 28px
  }
}

@media(min-width: 1024px) {
  .c-tile-expertise.is-large .headline {
    font-size: 32px;
    line-height: 36px
  }
}

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

@media(min-width: 480px) {
  .c-tile-expertise.has-flag.is-large .headline {
    padding-top: 15px
  }
}

@media(min-width: 480px) {
  .c-tile-expertise.has-flag.is-small .headline {
    padding-top: 60px
  }
}

@media(min-width: 1024px) {
  .c-tile-expertise.has-flag.is-small .headline {
    padding-top: 100px
  }
}

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

@media(min-width: 1024px) {
  .c-tile-expertise .c-flag {
    right: 30px
  }
}

.c-tile-expertise .c-flag.flag-language {
  right: 0
}

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

@media(min-width: 1280px) {
  .c-tile-expertise .image {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
}

.c-tile-expertise .image img {
  max-width: 100%;
  vertical-align: bottom;
  min-width: 100%;
  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)
}

.c-tile-expertise .headline {
  -ms-flex-order: 0;
  order: 0;
  -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 16px 0
}

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

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

html[data-font-lang=ar] .c-tile-expertise .headline {
  font-family: "RBDesign Arabic Bold", "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-expert {
  width: 100%;
  padding: 6.77% 6.77% 75px 6.77%;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  text-align: center;
  line-height: 22px;
  font-size: 18px;
  background-size: cover;
  background-position: center center;
  background: #f0f0f0
}

@media(min-width: 480px) {
  .c-tile-expert {
    text-align: left;
    padding: 3.36% 3.36% 50px 3.36%
  }
}

.c-tile-expert .about {
  margin-bottom: 20px
}

@media(min-width: 1024px) {
  .c-tile-expert .about {
    margin-bottom: unset
  }
}

.c-tile-expert .image-section {
  display: none;
  padding: 1.67% 6.77% 1.67% 1.67%;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center
}

@media(min-width: 480px) {
  .c-tile-expert .image-section {
    display: -ms-flexbox;
    display: flex
  }
}

.c-tile-expert .image {
  margin-left: auto;
  margin-right: auto;
  width: 20vw;
  height: 20vw;
  max-width: 270px;
  max-height: 270px
}

.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 .image-mobile-section {
  margin-bottom: 20px
}

.c-tile-expert .image-mobile-section .image {
  width: 50vw;
  height: 50vw
}

@media(min-width: 480px) {
  .c-tile-expert .image-mobile-section {
    display: none
  }
}

.c-tile-expert .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex: 1;
  flex: 1
}

.c-tile-expert .content .quote {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: .37px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  margin-bottom: 30px;
  quotes: "“" "”" "‘" "’"
}

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

html[data-font-lang=zh] .c-tile-expert .content .quote {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-expert .content .quote {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

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

.c-tile-expert .content .quote:after {
  content: close-quote
}

@media(min-width: 480px) {
  .c-tile-expert .content .quote {
    font-size: 33px;
    line-height: 45px;
    letter-spacing: .55px
  }

  .c-tile-expert .content .quote:before {
    margin-left: -15px
  }
}

@media(min-width: 1280px) {
  .c-tile-expert .content .quote {
    margin-top: 20px;
    width: 800px
  }
}

.c-tile-expert .content .name {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 13px;
  line-height: 21px
}

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

html[data-font-lang=zh] .c-tile-expert .content .name {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-expert .content .name {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.c-tile-expert .content .details,
.c-tile-expert .content .office {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 13px;
  line-height: 21px
}

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

html[data-font-lang=zh] .c-tile-expert .content .details,
html[data-font-lang=zh] .c-tile-expert .content .office {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-expert .content .details,
html[data-font-lang=ar] .c-tile-expert .content .office {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .c-tile-expert .content .details,
html[data-font-lang=fallback] .c-tile-expert .content .office {
  font-family: Arial, sans-serif
}

.c-tile-expert .content .detail {
  padding-top: 14px;
  padding-bottom: 14px
}

@media(min-width: 480px) {
  .c-tile-expert .content .detail {
    padding-top: 24px;
    padding-bottom: 24px
  }
}

.c-tile-expert .buttons {
  position: absolute;
  bottom: 0;
  right: 0
}

.c-tile-expert .buttons .c-button {
  float: left;
  margin-left: 4px;
  white-space: nowrap
}

.c-tile-expert .buttons .c-button.only-desktop {
  display: none
}

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

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

@media(min-width: 480px) {
  .c-tile-expert .buttons .c-button span {
    letter-spacing: .05em
  }
}

.c-tile-expert .buttons .c-button.is-grey {
  background-color: #ced2d5 !important;
  color: #000
}

.c-tile-expert.c-tile-expert-bg>* {
  z-index: 1;
  overflow: hidden
}

.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-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  color: inherit;
  text-decoration: none;
  padding: 10px 10px 10px 20px;
  width: 100%;
  min-height: 120px;
  background: #f0f0f0
}

html.no-touchevents .c-tile-content:hover .image img {
  -webkit-transform: scale(1.02) translate3d(-50%, -50%, 0);
  transform: scale(1.02) translate3d(-50%, -50%, 0)
}

@media(min-width: 768px) {
  .c-tile-content.is-small {
    min-height: 210px;
    padding: 30px
  }

  .c-tile-content.is-small.is-landscape .image {
    width: 100px;
    height: 69px
  }

  .c-tile-content.is-small .image {
    width: 100px;
    height: 100px
  }

  .c-tile-content.is-small .label-wrapper {
    top: 30px;
    left: 30px;
    right: 30px
  }

  .c-tile-content.is-small .image+.label-wrapper {
    right: 170px
  }

  .c-tile-content.is-small.is-white .image+.label-wrapper .c-label {
    background-color: #fff
  }
}

@media(min-width: 1024px) {
  .c-tile-content.is-small.is-landscape .image {
    width: 150px;
    height: 119px
  }

  .c-tile-content.is-small .image {
    width: 150px;
    height: 150px
  }
}

@media(min-width: 480px) {
  .c-tile-content.is-large {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    transition: box-shadow .2s cubic-bezier(0.39, 0.575, 0.565, 1)
  }

  .c-tile-content.is-large .label-wrapper {
    top: 30px;
    left: 30px;
    right: 30px
  }

  .c-tile-content.is-large .image {
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    height: 260px
  }

  .c-tile-content.is-large .headline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-order: 1;
    order: 1;
    padding: 90px 30px 30px 30px;
    min-height: 100px;
    font-size: 20px;
    line-height: 26px
  }

  .c-tile-content.is-large .image+.label-wrapper+.headline {
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 30px
  }

  .c-tile-content.is-large .image+.headline {
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 30px
  }

  .c-tile-content.is-large .image+.label-wrapper {
    right: 30px
  }

  .c-tile-content.is-large .image+.label-wrapper .c-label {
    background-color: #fff
  }

  .c-tile-content.is-large .c-flag+.image+.label-wrapper {
    right: 90px
  }
}

@media(min-width: 1024px) {

  .c-tile-content.is-large .c-flag+.label-wrapper,
  .c-tile-content.is-large .c-flag+.image+.label-wrapper {
    right: 120px
  }

  .c-tile-content.is-large .headline {
    font-size: 22px;
    line-height: 30px
  }
}

.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
}

@media(min-width: 1024px) {
  .c-tile-content .c-flag {
    right: 30px
  }
}

.c-tile-content .c-flag.flag-language {
  right: 0
}

.c-tile-content .label-wrapper {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
  right: 10px
}

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

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

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

.c-tile-content .headline {
  -ms-flex-order: 0;
  order: 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  padding-right: 20px;
  padding-top: 25px
}

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

html[data-font-lang=zh] .c-tile-content .headline {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-content .headline {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

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

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

.c-tile-content .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;
  -ms-transform-origin: left top;
  transform-origin: left top;
  height: 100%;
  vertical-align: top;
  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
}

.notransition {
  transition: none !important
}

.m-grid.m-load-more .tiles.all-loaded {
  margin-bottom: 40px
}

@media(min-width: 480px) {
  .m-grid.m-load-more .tiles.all-loaded {
    margin-bottom: 96px
  }
}

.m-grid .tiles.content-new-tiles {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  position: relative
}

.m-grid .tiles.content-new-tiles .tile {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile {
    margin-bottom: 1em
  }
}

.m-grid .tiles.content-new-tiles .tile:nth-child(3n+1):last-child {
  margin-left: 0
}

.m-grid .tiles.content-new-tiles .tile.span-6-6 {
  width: 100%
}

.m-grid .tiles.content-new-tiles .tile.span-6-6:not(:last-child) {
  margin-bottom: 40px
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile.span-6-6:not(:last-child) {
    margin-bottom: 2em
  }
}

.m-grid .tiles.content-new-tiles .tile.span-6-6:not(:first-child) {
  margin-top: 1em
}

.m-grid .tiles.content-new-tiles .tile.span-6-6 .c-tile-content-new {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding: 0
}

.m-grid .tiles.content-new-tiles .tile.span-6-6 .c-tile-content-new.mobile .content-wrapper {
  background-color: rgba(0, 0, 0, 0) !important;
  width: 100% !important
}

.m-grid .tiles.content-new-tiles .tile.span-6-6 .c-tile-content-new.style-vertical .content-wrapper {
  width: 100%;
  padding: 20px 6.77% 50px;
  position: relative;
  z-index: 3
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile.span-6-6 .c-tile-content-new.style-vertical .content-wrapper {
    padding: 20px 3.36% 30px;
    position: absolute;
    z-index: 3;
    width: 50%
  }
}

.m-grid .tiles.content-new-tiles .tile.span-6-6 .image,
.m-grid .tiles.content-new-tiles .tile.span-6-6 .video {
  width: 100%;
  height: 260px;
  overflow: hidden;
  position: relative
}

.m-grid .tiles.content-new-tiles .tile.span-6-6 .image .poster,
.m-grid .tiles.content-new-tiles .tile.span-6-6 .video .poster {
  width: 100%
}

.m-grid .tiles.content-new-tiles .tile.span-6-6 .image img,
.m-grid .tiles.content-new-tiles .tile.span-6-6 .video img {
  position: absolute
}

@media(min-width: 768px) {

  .m-grid .tiles.content-new-tiles .tile.span-6-6 .image img,
  .m-grid .tiles.content-new-tiles .tile.span-6-6 .video img {
    position: relative
  }
}

.m-grid .tiles.content-new-tiles .tile.span-6-6 .label-wrapper {
  top: 6.77%;
  left: 6.77%
}

@media(min-width: 480px) {

  .m-grid .tiles.content-new-tiles .tile.span-6-6 .image,
  .m-grid .tiles.content-new-tiles .tile.span-6-6 .video {
    width: 50%;
    height: 360px;
    -ms-flex-order: 1;
    order: 1
  }

  .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
  }

  html.no-touchevents .m-grid .tiles.content-new-tiles .tile.span-6-6 .image img:hover,
  html.no-touchevents .m-grid .tiles.content-new-tiles .tile.span-6-6 .video img:hover {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0)
  }

  .m-grid .tiles.content-new-tiles .tile.span-6-6 .label-wrapper {
    top: 7.56%;
    left: 3.36%
  }
}

@media(min-width: 1024px) {

  .m-grid .tiles.content-new-tiles .tile.span-6-6 .image img,
  .m-grid .tiles.content-new-tiles .tile.span-6-6 .video img {
    width: 100%;
    height: auto
  }
}

.m-grid .tiles.content-new-tiles .tile.span-6-6 h2 {
  font-size: 24px;
  line-height: 30px
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile.span-6-6 h2 {
    font-size: 28px;
    line-height: 34px
  }
}

@media(min-width: 768px) {
  .m-grid .tiles.content-new-tiles .tile.span-6-6 h2 {
    font-size: 32px;
    line-height: 38px
  }
}

.m-grid .tiles.content-new-tiles .tile.span-3-6 {
  width: 100%
}

.m-grid .tiles.content-new-tiles .tile.span-3-6 .image.adjust-cover img,
.m-grid .tiles.content-new-tiles .tile.span-3-6 .video.adjust-cover img {
  height: 100%;
  width: auto
}

@media(min-width: 480px) {

  .m-grid .tiles.content-new-tiles .tile.span-3-6 .style-vertical .image,
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .style-vertical .video {
    height: 380px
  }
}

.m-grid .tiles.content-new-tiles .tile.span-3-6 .style-vertical img {
  height: 100%
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .style-vertical img {
    width: auto;
    right: 0;
    height: 102%
  }
}

@media(min-width: 768px) {

  .m-grid .tiles.content-new-tiles .tile.span-3-6 .style-regular .image,
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .style-regular .video {
    height: 380px
  }
}

@media(min-width: 768px) {
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .style-regular .image.smaller-poster .play-button {
    width: 20%;
    left: 40%
  }
}

.m-grid .tiles.content-new-tiles .tile.span-3-6 .style-regular img {
  height: 100%;
  width: auto
}

@media(min-width: 768px) {
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .style-regular img {
    top: 0;
    -webkit-transform: scale(1.02) translate3d(-50%, -20%, 0);
    transform: scale(1.02) translate3d(-50%, -20%, 0);
    width: 100.25%;
    height: auto
  }
}

@media(min-width: 768px) {
  html.no-touchevents .m-grid .tiles.content-new-tiles .tile.span-3-6 .style-regular:hover .image:not(.poster) img {
    -webkit-transform: scale(1) translate3d(-50%, -20%, 0);
    transform: scale(1) translate3d(-50%, -20%, 0)
  }
}

@media(min-width: 768px) {
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .style-regular h2 {
    font-size: 32px;
    line-height: 38px
  }
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile.span-3-6 {
    width: 49.15%
  }
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile.span-3-6.tile-type-vertical {
    width: 100%
  }
}

@media(min-width: 768px) {
  .m-grid .tiles.content-new-tiles .tile.span-3-6.tile-type-vertical {
    width: 49.15%
  }
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile.span-3-6.without-spacing {
    width: 50%
  }
}

.m-grid .tiles.content-new-tiles .tile.span-2-6 {
  width: 100%
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile.span-2-6 {
    width: 49.15%
  }
}

@media(min-width: 768px) {
  .m-grid .tiles.content-new-tiles .tile.span-2-6 {
    width: 32.2%
  }
}

@media(min-width: 480px) {
  .m-grid .tiles.content-new-tiles .tile.span-2-6.without-spacing {
    width: 50%
  }
}

@media(min-width: 768px) {
  .m-grid .tiles.content-new-tiles .tile.span-2-6.without-spacing {
    width: 33.3333333333%
  }
}

@media(max-width: 479px) {

  .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.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.with-select.mobile,
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new.with-select.mobile {
    height: 100%
  }

  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new.with-select.mobile .image,
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new.with-select.mobile .image {
    top: 0;
    margin-top: 0
  }

  .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 {
    margin-top: 45px;
    margin-bottom: 3px
  }

  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new .video,
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new .video {
    margin-top: 45px;
    margin-bottom: 3px
  }

  .m-grid .tiles.content-new-tiles .tile.span-2-6 .c-tile-content-new .video .image,
  .m-grid .tiles.content-new-tiles .tile.span-3-6 .c-tile-content-new .video .image {
    margin-top: 0;
    margin-bottom: 0
  }

  .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 {
    top: 12.5px
  }

  .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: -ms-flexbox;
    display: flex;
    -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 {
    margin-top: auto
  }
}

.c-tile-content-new {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  color: #000;
  text-decoration: none;
  padding: 10px 20px 25px 20px;
  min-height: 120px;
  opacity: 0;
  z-index: 1;
  background: #f0f0f0
}

.c-tile-content-new.mobile:not(:last-child) {
  margin-bottom: 15px
}

.c-tile-content-new.show-tile {
  opacity: 1
}

@media(min-width: 480px) {
  .c-tile-content-new {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
  }
}

html.no-touchevents .c-tile-content-new .c-button:hover:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

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

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

@media(min-width: 1024px) {
  .c-tile-content-new .c-flag {
    right: 30px
  }
}

.c-tile-content-new .c-flag.flag-language {
  right: 0
}

.c-tile-content-new .label-wrapper {
  position: absolute;
  z-index: 5;
  top: 10px;
  left: initial;
  right: initial
}

@media(min-width: 480px) {
  .c-tile-content-new .label-wrapper {
    top: 6.77%;
    left: 6.77%
  }
}

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

.c-tile-content-new .c-button {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5
}

.c-tile-content-new.with-link .c-button {
  display: none;
  cursor: pointer
}

.c-tile-content-new .form-wrapper {
  position: absolute;
  z-index: 200;
  right: 0;
  top: 0
}

.c-tile-content-new .video {
  width: 100px;
  height: 100px;
  vertical-align: baseline;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-order: 1;
  order: 1
}

@media(min-width: 480px) {
  .c-tile-content-new .video {
    width: 100%;
    height: 260px
  }
}

.c-tile-content-new .video .poster {
  cursor: pointer;
  position: relative
}

.c-tile-content-new .video .play-button {
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 60%;
  left: 20%
}

@media(min-width: 480px) {
  .c-tile-content-new .video .play-button {
    width: 38%;
    left: 31%
  }
}

.c-tile-content-new .video .play-button svg {
  height: auto;
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  text-decoration: none
}

.c-tile-content-new .video .play-button svg path,
.c-tile-content-new .video .play-button svg circle {
  stroke: #fff
}

.c-tile-content-new .image {
  -ms-flex-item-align: end;
  align-self: flex-end;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-order: 1;
  order: 1;
  overflow: hidden;
  width: 100px;
  height: 100px;
  vertical-align: baseline
}

@media(min-width: 480px) {
  .c-tile-content-new .image {
    width: 100%;
    height: 260px
  }
}

.c-tile-content-new .image img {
  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
}

html.no-touchevents .c-tile-content-new:hover .image:not(.poster) img {
  -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
  transform: scale(1) translate3d(-50%, -50%, 0)
}

.c-tile-content-new .content-wrapper {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: relative;
  vertical-align: baseline;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-order: 0;
  order: 0;
  width: 100%;
  padding-right: 20px;
  padding-top: 30px;
  background: #f0f0f0
}

@media(min-width: 480px) {
  .c-tile-content-new .content-wrapper {
    display: -ms-flexbox;
    display: flex;
    padding: 20px 6.77% 30px;
    position: absolute;
    z-index: 4
  }
}

.c-tile-content-new .content-wrapper .content {
  -ms-flex-item-align: end;
  align-self: flex-end;
  overflow: hidden
}

.c-tile-content-new .content-wrapper .date {
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 15px;
  padding-bottom: 20px
}

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

html[data-font-lang=zh] .c-tile-content-new .content-wrapper .date {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-content-new .content-wrapper .date {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

@media(min-width: 480px) {
  .c-tile-content-new .content-wrapper .date {
    padding-bottom: 0
  }
}

.c-tile-content-new .content-wrapper .headline h2 {
  padding-top: 0;
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px
}

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

html[data-font-lang=zh] .c-tile-content-new .content-wrapper .headline h2 {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-content-new .content-wrapper .headline h2 {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .c-tile-content-new .content-wrapper .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 24px
}

@media(min-width: 480px) {
  .c-tile-content-new .content-wrapper .headline h2 {
    font-size: 20px;
    line-height: 26px;
    padding-top: 20px
  }
}

@media(min-width: 1024px) {
  .c-tile-content-new .content-wrapper .headline h2 {
    font-size: 22px;
    line-height: 30px
  }
}

.c-tile-content-new .content-wrapper .text-wrapper {
  transition: height .3s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.c-tile-content-new .content-wrapper .text {
  padding-top: 10px
}

@media(min-width: 1024px) {
  .c-tile-content-new .content-wrapper .text {
    padding-top: 15px
  }
}

.c-tile-content-new .content-wrapper .text p {
  margin-top: auto;
  font-family: "RBDesign Light", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px
}

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

html[data-font-lang=zh] .c-tile-content-new .content-wrapper .text p {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-content-new .content-wrapper .text p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .c-tile-content-new .content-wrapper .text p {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  html[data-font-lang=fallback] .c-tile-content-new .content-wrapper .text p {
    font-size: 16px;
    line-height: 18px
  }
}

@media(min-width: 768px) {
  .c-tile-content-new .content-wrapper .text p {
    font-size: 16px
  }
}

.c-tile-content-new.with-select.mobile {
  height: 140px;
  padding: 0
}

.c-tile-content-new.with-select.mobile .label-wrapper {
  padding: 0 0 0 20px
}

.c-tile-content-new.with-select.mobile .content-wrapper {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  height: 100%
}

.c-tile-content-new.with-select.mobile .content {
  display: none
}

.c-tile-content-new.with-select.mobile .image {
  width: 100%;
  height: 100%;
  position: absolute
}

.c-tile-content-new.with-select.mobile .image img {
  width: 100%;
  height: initial
}

.c-tile-content-new.with-select.mobile .select {
  bottom: 0;
  top: initial !important
}

@media(min-width: 480px) {
  .c-tile-content-new.with-select .content-wrapper {
    padding: 50px 2.2819885901% 30px
  }
}

.c-tile-content-new.cols-3.no-image .content-wrapper {
  height: 100%
}

@media(min-width: 320px)and (max-width: 480px) {
  .c-tile-content-new .text-wrapper {
    display: none
  }
}

.c-tile-content-new.style-vertical .content-wrapper {
  height: 100%;
  transition: width .3s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 75%
}

@media(min-width: 480px) {
  .c-tile-content-new.style-vertical .image {
    height: 100%;
    width: 50%
  }
}

.c-tile-content-new.style-regular .content-wrapper {
  width: 100%
}

.modal.video-player {
  display: none;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, .9);
  padding: 0
}

@media(min-width: 768px) {
  .modal.video-player {
    padding: 50px
  }
}

.modal.video-player .modal-content {
  margin: 50px auto 0;
  display: block;
  width: 100%;
  height: calc(100% - 50px);
  position: relative;
  -webkit-animation-name: zoom;
  animation-name: zoom;
  -webkit-animation-duration: .6s;
  animation-duration: .6s
}

.modal.video-player .modal-content iframe {
  width: 100%;
  height: 100%
}

.modal.video-player .modal-content .cookieconsent-optout-marketing {
  text-align: center;
  margin-top: 20%
}

@media(min-width: 768px) {
  .modal.video-player .modal-content {
    margin: auto;
    height: 100%
  }
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes zoom {
  from {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.modal.video-player .close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: .3s
}

.modal.video-player .close:hover,
.modal.video-player .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer
}

.m-jobs>.container {
  overflow: inherit !important;
  position: relative
}

.m-jobs>.container:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9.183%;
  z-index: 0;
  width: 2px;
  background-color: #e6e6e6;
  height: 100%
}

@media(min-width: 768px) {
  .m-jobs>.container:before {
    left: 37.28%
  }
}

.m-jobs .experience img {
  width: 100%;
  height: initial
}

.quote-carousel {
  width: inherit
}

@media(min-width: 320px)and (max-width: 480px) {
  .quote-carousel .mobile-noImage-seperator {
    margin-bottom: 180px
  }
}

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

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel {
    text-align: left;
    padding: 3.36% 9.36% 7px 2.36%
  }
}

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

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

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

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

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

.quote-carousel .c-tile-quote-carousel.is-pink100 {
  background: #e6006e
}

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

.quote-carousel .c-tile-quote-carousel.is-orange80 {
  background: #f5a241
}

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

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

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

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

.quote-carousel .c-tile-quote-carousel.is-grey20 {
  background: #eff0f1
}

.quote-carousel .c-tile-quote-carousel.is-blue80 {
  background: #156c9c
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.quote-carousel .c-tile-quote-carousel .about {
  line-height: 21px;
  font-size: 13px;
  margin-bottom: 115px;
  height: 84px
}

@media(min-width: 1024px) {
  .quote-carousel .c-tile-quote-carousel .about {
    margin-bottom: 55px
  }
}

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

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

html[data-font-lang=zh] .quote-carousel .c-tile-quote-carousel .about .name {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .quote-carousel .c-tile-quote-carousel .about .name {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.quote-carousel .c-tile-quote-carousel .image-section {
  position: absolute;
  display: none;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center
}

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel .image-section {
    top: -75px;
    display: -ms-flexbox;
    display: flex;
    padding: 1.67% 6.77% 1.67% 1.67%
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .quote-carousel .c-tile-quote-carousel .image-section {
    padding: 3.67% .77% .67% 1.67%
  }
}

.quote-carousel .c-tile-quote-carousel .image-section-hidden {
  display: none;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center
}

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel .image-section-hidden {
    visibility: hidden;
    display: block;
    padding: 1.67% 4.77% 1.67% 1.67%
  }
}

.quote-carousel .c-tile-quote-carousel .image {
  margin-left: auto;
  margin-right: auto;
  width: 20vw;
  height: 20vw;
  max-width: 300px;
  max-height: 300px
}

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

@media(min-width: 768px)and (max-width: 1024px) {
  .quote-carousel .c-tile-quote-carousel .image {
    width: 35vw;
    height: 35vw
  }
}

.quote-carousel .c-tile-quote-carousel .image img {
  height: 100%;
  vertical-align: top;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor
}

.quote-carousel .c-tile-quote-carousel .image-mobile-section {
  margin-bottom: 75px;
  position: absolute;
  top: -30px;
  right: 26%
}

.quote-carousel .c-tile-quote-carousel .image-mobile-section .image {
  width: 50vw;
  height: 50vw
}

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel .image-mobile-section {
    display: none;
    bottom: 180px
  }
}

@media(min-width: 600px)and (max-width: 767px) {
  .quote-carousel .c-tile-quote-carousel .image-mobile-section {
    margin-bottom: 75px;
    position: absolute;
    bottom: 390px;
    right: 248px
  }
}

.quote-carousel .c-tile-quote-carousel .image-mobile-section-hidden {
  margin-bottom: 75px;
  bottom: 100px;
  visibility: hidden
}

.quote-carousel .c-tile-quote-carousel .image-mobile-section-hidden .image {
  width: 25vw;
  height: 25vw
}

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel .image-mobile-section-hidden {
    display: none
  }
}

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

.quote-carousel .c-tile-quote-carousel .content .quote {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  height: 175px;
  font-size: 30px;
  line-height: 45px;
  font-family: "Arnhem Pro Normal", Arial, sans-serif;
  margin-bottom: 90px;
  quotes: "“" "”" "‘" "’"
}

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

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

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

html[data-font-lang=fallback] .quote-carousel .c-tile-quote-carousel .content .quote {
  font-family: Arial, sans-serif
}

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

.quote-carousel .c-tile-quote-carousel .content .quote:after {
  content: close-quote
}

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel .content .quote {
    margin-bottom: 30px
  }

  .quote-carousel .c-tile-quote-carousel .content .quote:before {
    margin-left: -15px
  }
}

.quote-carousel .c-tile-quote-carousel .content .detail {
  padding-top: 14px;
  padding-bottom: 14px
}

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel .content .detail {
    padding-top: 24px;
    padding-bottom: 24px
  }
}

.quote-carousel .c-tile-quote-carousel .buttons {
  position: absolute;
  bottom: 0;
  right: 0
}

.quote-carousel .c-tile-quote-carousel .buttons .c-button {
  float: left;
  margin-left: 4px;
  white-space: nowrap
}

.quote-carousel .c-tile-quote-carousel .buttons .c-button.only-desktop {
  display: none
}

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel .buttons .c-button.only-desktop {
    display: -ms-flexbox;
    display: flex
  }
}

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel .buttons .c-button.only-mobile {
    display: none
  }
}

@media(min-width: 768px) {
  .quote-carousel .c-tile-quote-carousel .buttons .c-button span {
    letter-spacing: .05em
  }
}

.quote-carousel .c-tile-quote-carousel .buttons .c-button.is-grey {
  background-color: #ced2d5 !important;
  color: #000
}

.quote-carousel .c-tile-quote-carousel.c-tile-quote-carousel-bg>* {
  z-index: 1;
  overflow: hidden
}

.quote-carousel .c-tile-quote-carousel.c-tile-quote-carousel-bg .c-tile-quote-carousel-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-teaser {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  padding: 70px 10.8027750248%
}

@media(min-width: 480px) {
  .c-tile-teaser {
    padding-top: 70px
  }
}

@media(min-width: 1280px) {
  .c-tile-teaser {
    padding-left: 17.7669111654%;
    padding-right: 17.7669111654%
  }
}

@media(min-width: 1024px) {
  .c-tile-teaser {
    padding-top: 110px;
    padding-bottom: 80px
  }
}

html.no-touchevents .c-tile-teaser:hover .image img {
  -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
  transform: scale(1) translate3d(-50%, -50%, 0)
}

html.no-touchevents .c-tile-teaser:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

.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-pink100 {
  background: #e6006e
}

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

.c-tile-teaser.is-orange80 {
  background: #f5a241
}

.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-grey20 {
  background: #eff0f1
}

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

.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 .tile-teaser {
  color: #fff;
  text-decoration: none
}

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

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

@media(min-width: 1024px) {
  .c-tile-teaser .tile-teaser .c-flag {
    right: 30px
  }
}

.c-tile-teaser .tile-teaser .c-flag.flag-language {
  right: 0
}

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

@media(min-width: 1280px) {
  .c-tile-teaser .tile-teaser .label-wrapper {
    left: 17.7669111654%
  }
}

@media(min-width: 1280px) {
  .c-tile-teaser .tile-teaser .label-wrapper {
    top: 40px
  }
}

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

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

@media(min-width: 1024px) {
  .c-tile-teaser .tile-teaser .c-flag+.label-wrapper {
    right: 120px
  }
}

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

.c-tile-teaser .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;
  -ms-transform-origin: left top;
  transform-origin: left top;
  height: 100%;
  vertical-align: top;
  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
}

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

.c-tile-teaser .tile-teaser .image+.content {
  min-height: 180px
}

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

@media(min-width: 480px) {
  .c-tile-teaser .tile-teaser .headline {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px
  }
}

@media(min-width: 768px) {
  .c-tile-teaser .tile-teaser .headline {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px
  }
}

@media(min-width: 1024px) {
  .c-tile-teaser .tile-teaser .headline {
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px
  }
}

@media(min-width: 1280px) {
  .c-tile-teaser .tile-teaser .headline {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px
  }
}

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

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

html[data-font-lang=zh] .c-tile-teaser .tile-teaser .headline h1 {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-teaser .tile-teaser .headline h1 {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

@media(min-width: 768px) {
  html[data-font-lang=fallback] .c-tile-teaser .tile-teaser .headline h1 {
    font-size: 36px
  }
}

@media(min-width: 1280px) {
  html[data-font-lang=fallback] .c-tile-teaser .tile-teaser .headline h1 {
    font-size: 42px
  }
}

@media(min-width: 768px) {
  .c-tile-teaser .tile-teaser .headline h1 {
    font-size: 42px
  }
}

@media(min-width: 1280px) {
  .c-tile-teaser .tile-teaser .headline h1 {
    font-size: 48px
  }
}

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

@media(min-width: 480px) {
  .c-tile-teaser .tile-teaser .text {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px
  }
}

@media(min-width: 1024px) {
  .c-tile-teaser .tile-teaser .text {
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px
  }
}

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

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

html[data-font-lang=zh] .c-tile-teaser .tile-teaser .text p {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-teaser .tile-teaser .text p {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  html[data-font-lang=fallback] .c-tile-teaser .tile-teaser .text p {
    font-size: 16px;
    line-height: 18px
  }
}

@media(min-width: 768px) {
  .c-tile-teaser .tile-teaser .text p {
    font-size: 18px
  }
}

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

@media(min-width: 1024px) {
  .c-tile-teaser .tile-teaser .headline+.text {
    margin-top: 15px
  }
}

.c-tile-teaser .buttons {
  position: absolute;
  right: 0;
  bottom: 0
}

.c-tile-list {
  position: relative;
  width: 100%;
  padding-left: 50px;
  padding-right: 30px
}

html.no-touchevents .c-tile-list:hover .image img {
  -webkit-transform: scale(1) translate3d(-50%, -50%, 0);
  transform: scale(1) translate3d(-50%, -50%, 0)
}

html.no-touchevents .c-tile-list:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

.c-tile-list .tile-teaser {
  text-decoration: none
}

.c-tile-list .tile-teaser .label-wrapper {
  padding-top: 40px;
  position: relative;
  z-index: 1
}

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

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

.c-tile-list .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;
  -ms-transform-origin: left top;
  transform-origin: left top;
  height: 100%;
  width: 100%;
  vertical-align: top;
  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
}

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

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

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

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

html[data-font-lang=zh] .c-tile-list .tile-teaser .headline h1 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-list .tile-teaser .headline h1 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.c-tile-list .tile-teaser .text {
  padding-bottom: 40px
}

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

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

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

html[data-font-lang=zh] .c-tile-list .tile-teaser .text p {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-list .tile-teaser .text p {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

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

@media(min-width: 768px) {
  html[data-font-lang=fallback] .c-tile-list .tile-teaser .text p {
    font-size: 16px;
    line-height: 18px
  }
}

@media(min-width: 768px) {
  .c-tile-list .tile-teaser .text p {
    font-size: 18px
  }
}

.c-tile-list .tile-teaser .label-wrapper+.headline {
  padding-top: 90px
}

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

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

html.no-touchevents .c-tile-q-and-a:hover .headline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-position: under
}

html.no-touchevents .c-tile-q-and-a:hover .text p {
  text-decoration: none;
  background: #f6f600
}

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

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

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

@media(min-width: 360px) {
  .c-tile-q-and-a .tile-q-and-a .content .headline {
    height: 145px
  }
}

@media(min-width: 540px) {
  .c-tile-q-and-a .tile-q-and-a .content .headline {
    height: 200px
  }
}

@media(min-width: 768px) {
  .c-tile-q-and-a .tile-q-and-a .content .headline {
    margin: 25px 45px 15px 45px;
    -ms-flex-pack: center;
    justify-content: center;
    height: 240px
  }
}

@media(min-width: 1024px) {
  .c-tile-q-and-a .tile-q-and-a .content .headline {
    height: 185px
  }
}

@media(min-width: 1280px) {
  .c-tile-q-and-a .tile-q-and-a .content .headline {
    height: 132px
  }
}

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

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

html[data-font-lang=zh] .c-tile-q-and-a .tile-q-and-a .content .headline h1 {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-q-and-a .tile-q-and-a .content .headline h1 {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .c-tile-q-and-a .tile-q-and-a .content .headline h1 {
  font-family: Arial, sans-serif;
  font-size: 24px
}

@media(min-width: 768px) {
  html[data-font-lang=fallback] .c-tile-q-and-a .tile-q-and-a .content .headline h1 {
    font-size: 36px
  }
}

@media(min-width: 1280px) {
  html[data-font-lang=fallback] .c-tile-q-and-a .tile-q-and-a .content .headline h1 {
    font-size: 42px
  }
}

@media(min-width: 1024px) {
  .c-tile-q-and-a .tile-q-and-a .content .headline h1 {
    font-size: 23px;
    line-height: 33px
  }
}

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

@media(min-width: 768px) {
  .c-tile-q-and-a .tile-q-and-a .content .text {
    margin: 0 45px 25px 45px
  }
}

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

html[data-font-lang=zh] .c-tile-q-and-a .tile-q-and-a .content .text {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-q-and-a .tile-q-and-a .content .text {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .c-tile-q-and-a .tile-q-and-a .content .text {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  html[data-font-lang=fallback] .c-tile-q-and-a .tile-q-and-a .content .text {
    font-size: 16px;
    line-height: 18px
  }
}

@media(min-width: 1024px) {
  .c-tile-q-and-a .tile-q-and-a .content .text {
    letter-spacing: .2px;
    font-size: 16px;
    line-height: 23px
  }
}

.c-tile-q-and-a .tile-q-and-a .content .text p {
  display: inline;
  margin-top: auto;
  text-decoration: underline;
  -webkit-text-decoration-color: #f6f600;
  text-decoration-color: #f6f600;
  text-decoration-thickness: 2px
}

.c-tile-text {
  font-family: "RBDesign Regular", Arial, sans-serif;
  position: relative;
  width: 147.9472140762%;
  padding: 0 15.9824046921% 0 31.9648093842%;
  background: inherit;
  font-size: 19px;
  line-height: 30px
}

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

html[data-font-lang=zh] .c-tile-text {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-text {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

@media(min-width: 320px)and (max-width: 767px) {
  .c-tile-text {
    margin-left: 0;
    width: 100%;
    display: inline-block;
    padding: 0
  }
}

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

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

.c-tile-text .headline {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 24px;
  font-family: "RBDesign Bold", Arial, sans-serif
}

@media(min-width: 320px)and (max-width: 767px) {
  .c-tile-text .headline {
    margin-bottom: 0;
    margin-left: 0;
    width: 300px;
    font-size: 15px;
    line-height: 22px;
    text-align: left
  }
}

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

html[data-font-lang=zh] .c-tile-text .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-text .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-tile-text .headline {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 30px;
    text-align: left;
    max-width: 330px;
    float: left;
    clear: left
  }
}

.c-tile-text.is-red .headline {
  font-size: 1.3em
}

.c-tile-text p {
  text-align: left
}

@media(min-width: 320px)and (max-width: 767px) {
  .c-tile-text p {
    margin-top: 40px;
    margin-left: 0;
    font-size: 13px;
    line-height: 23px
  }
}

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

@media(min-width: 768px) {
  .c-tile-text p {
    text-align: left;
    float: left;
    clear: left
  }
}

.c-tile-text.is-red {
  background: #c2005b
}

.c-tile-image {
  color: inherit;
  text-decoration: none
}

.c-tile-image figure {
  position: relative
}

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

.is-aligned-right.c-tile-image figure img {
  margin-left: 6.7888999009%
}

@media(min-width: 768px) {
  .is-aligned-right.c-tile-image figure img {
    margin-left: 0
  }
}

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

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

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

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

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

@media(min-width: 768px) {
  .c-tile-image figure figcaption {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
    line-height: 20px
  }

  .c-tile-image figure figcaption:after {
    content: "";
    display: table;
    clear: both
  }
}

.is-captionoverlay.c-tile-image figure figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .6;
  background-color: #eff0f1
}

.c-tile-image figure figcaption .reference {
  display: block;
  color: #a0a0a0;
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0
}

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

html[data-font-lang=zh] .c-tile-image figure figcaption .reference {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-image figure figcaption .reference {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .c-tile-image figure figcaption .reference {
    float: right;
    margin-left: 10px
  }
}

.c-tile-image figure figcaption .reference strong {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "RBDesign Regular", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-tile-image figure figcaption .reference strong {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-tile-image figure figcaption .reference strong {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

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

.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.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
  }
}

.bg-yellow {
  background: #fed700
}

.bg-blue {
  background: #005489
}

.bg-green {
  background: #37a42c
}

.bg-pink {
  background: #e6006e
}

.bg-white {
  background: #fff
}

.bg-expertise {
  background: #d1fcde
}

.bg-insights {
  background: #004ac2
}

.bg-about {
  background: teal
}

.bg-join {
  background: #84003a
}

.bg-blue.bg-gradient {
  background-image: linear-gradient(to top right, #002364, #32a2ff)
}

*.highlight--blue:hover {
  background: #96aeca !important
}

*.highlight--pink:hover {
  background: #f4b4c5 !important
}

.c-flag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  height: 96px;
  width: 96px;
  position: relative;
  background-color: #ff3532;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

@media(min-width: 768px) {
  .c-flag {
    height: 70px;
    width: 70px
  }
}

@media(min-width: 1280px) {
  .c-flag {
    height: 96px;
    width: 96px
  }
}

.c-flag:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 96px 0 0;
  border-color: #ff3532 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  bottom: -20px;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

@media(min-width: 768px) {
  .c-flag:after {
    border-width: 20px 70px 0 0
  }
}

@media(min-width: 1280px) {
  .c-flag:after {
    border-width: 20px 96px 0 0
  }
}

.c-flag.is-small {
  height: 40px;
  width: 48px
}

@media(min-width: 1024px) {
  .c-flag.is-small {
    height: 70px;
    width: 70px
  }
}

.c-flag.is-small:after {
  bottom: -10px;
  left: 0;
  border-width: 10px 48px 0 0
}

@media(min-width: 1024px) {
  .c-flag.is-small:after {
    bottom: -20px;
    border-width: 20px 70px 0 0
  }
}

.c-flag.is-small .row:first-child {
  display: none
}

@media(min-width: 1024px) {
  .c-flag.is-small .row:first-child {
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

.c-flag.is-small .row:last-child {
  -ms-flex-align: center;
  align-items: center
}

@media(min-width: 1024px) {
  .c-flag.is-small .row:last-child {
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.c-flag.interaction-flag {
  width: 110px
}

@media(min-width: 1280px) {
  .c-flag.interaction-flag {
    width: 220px
  }
}

.c-flag.interaction-flag:after {
  border-width: 20px 110px 0 0
}

@media(min-width: 1280px) {
  .c-flag.interaction-flag:after {
    border-width: 20px 220px 0 0
  }
}

.c-flag.interaction-flag--hidden {
  display: none
}

.c-flag.interaction-flag .text--long {
  display: none
}

@media(min-width: 1280px) {
  .c-flag.interaction-flag .text--long {
    display: inline
  }
}

@media(min-width: 1280px) {
  .c-flag.interaction-flag .text--short {
    display: none
  }
}

.c-flag.interaction-flag .flag-button:hover {
  cursor: pointer
}

.c-flag.interaction-flag .flag-button:last-child {
  margin-left: 25px
}

.c-flag.flag-language {
  height: 70px;
  width: 70px;
  right: 0
}

.c-flag.flag-language:after {
  border-width: 20px 70px 0 0
}

.c-flag .row {
  -ms-flex: 1;
  flex: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center
}

.c-flag .row:first-child {
  -ms-flex-align: center;
  align-items: center
}

.c-flag .row .text {
  font-size: 9px;
  line-height: 11px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding: 0 10px
}

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

html[data-font-lang=zh] .c-flag .row .text {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-flag .row .text {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

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

@media(min-width: 768px) {
  .c-flag .row .icon {
    width: 20px;
    height: 20px
  }
}

@media(min-width: 1280px) {
  .c-flag .row .icon {
    width: 24px;
    height: 24px
  }
}

.c-flag .row .flag-language-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border: 2px solid #fff;
  border-radius: 100%;
  font-weight: bold;
  font-size: 9px;
  line-height: 11px
}

.c-tile-experience {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 100;
  display: none
}

@media(min-width: 480px) {
  .c-tile-experience {
    width: 75%;
    left: 12.5%
  }
}

@media(min-width: 768px) {
  .c-tile-experience {
    width: 50%;
    left: 25%
  }
}

.c-tile-experience.show {
  display: block
}

.c-tile-experience .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #fff;
  padding: 10px 20px 70px;
  box-shadow: 0 0 30px rgba(0, 0, 0, .5)
}

@media(min-width: 480px) {
  .c-tile-experience .container {
    padding: 3.5649232371% 1.1045364892% 11.1654441728% .7285974499%
  }
}

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

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

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

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

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

.c-tile-experience .container.is-pink100 {
  background: #e6006e
}

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

.c-tile-experience .container.is-orange80 {
  background: #f5a241
}

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

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

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

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

.c-tile-experience .container.is-grey20 {
  background: #eff0f1
}

.c-tile-experience .container.is-blue80 {
  background: #156c9c
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-tile-experience .c-label {
  margin-bottom: 20px
}

.c-tile-experience .close {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #000
}

.c-tile-experience .name,
.c-tile-experience .office {
  font-family: "Sharp Sans Medium", Arial, sans-serif;
  line-height: 1.3em
}

.c-tile-experience .name {
  font-size: 1.4em
}

.c-tile-experience .office {
  margin-bottom: 2.2819885901%
}

.c-tile-experience .content {
  font-size: .9em;
  line-height: 1.4em
}

.c-tile-experience .content p:not(:first-child) {
  margin-top: 20px
}

.c-tile-experience .image-section {
  display: none;
  padding-right: 1.1045364892%
}

@media(min-width: 480px) {
  .c-tile-experience .image-section {
    display: block
  }
}

.c-tile-experience .image-section .image {
  margin-left: auto;
  margin-right: auto;
  width: 15vw;
  height: 15vw;
  max-width: 230px;
  max-height: 230px
}

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

.c-tile-experience .image-section .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-experience .c-button {
  position: absolute;
  bottom: 0;
  right: 0
}

.c-share-button {
  position: relative;
  width: 100%
}

.c-share-button .container {
  background-color: #eff0f1;
  overflow: inherit
}

.c-share-button .container:before,
.c-share-button .container:after {
  display: none
}

.c-share-button .container .button-group {
  position: absolute;
  top: -48px;
  right: 0;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 15
}

.c-share-button .container .button-group .c-button.is-active {
  background-color: #eff0f1;
  color: #000
}

.c-share-button .container .button-group .c-button span {
  display: none
}

@media(min-width: 1024px) {
  .c-share-button .container .button-group .c-button span {
    display: inline-block;
    margin-right: 20px
  }
}

.c-share-button .container .button-group .c-button span+.icon {
  margin-left: 0
}

.c-share-button .container .button-group .c-button svg {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.c-share-button .container .button-group .c-button svg.close {
  -webkit-transform: translateY(50%) scale(0);
  -ms-transform: translateY(50%) scale(0);
  transform: translateY(50%) scale(0);
  position: absolute;
  right: 12px;
  top: 0
}

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

.c-share-button .container .toggle-container {
  overflow: hidden;
  max-height: 0
}

.c-share-button .container .toggle-container.share .toggle-container-wrapper {
  padding: 30px
}

.c-share-button .container .toggle-container.share .toggle-container-wrapper>.inner-wrapper:nth-child(2) {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.c-share-button .container .toggle-container .toggle-container-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
  width: 86.4222001982%;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0;
  display: -ms-flexbox;
  display: flex
}

@media(min-width: 768px) {
  .c-share-button .container .toggle-container .toggle-container-wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    width: auto
  }
}

@media(min-width: 768px) {
  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }

  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper:first-child {
    -ms-flex-align: end;
    align-items: flex-end
  }

  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper>.inner-wrapper {
    padding: 15px 0
  }

  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper.dont-grow {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper+.outer-wrapper {
  margin-top: 30px;
  border-top: 5px solid #fff;
  padding-top: 30px
}

@media(min-width: 768px) {
  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper+.outer-wrapper {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    margin-left: 30px;
    border-left: 10px solid #fff;
    padding-left: 30px
  }
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .headline {
  text-align: left;
  margin-bottom: 10px;
  display: block;
  font-family: "Arnhem Blond Italic", Arial, sans-serif;
  font-size: 24px;
  text-align: center
}

html[data-font-lang=ja] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .headline {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .headline {
  font-family: "RBDesign Chs Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .headline {
  font-family: "RBDesign Arabic Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .headline {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .headline {
    display: block;
    text-align: left
  }
}

@media(min-width: 768px) {
  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .language label+label {
    margin-left: 15px
  }
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .language label input {
  display: none
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .language label input:checked+span {
  color: #fff;
  background-color: #c2005b;
  border-color: #c2005b
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .language label span {
  color: #000;
  border: 1px solid #000;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "RBDesign Bold Italic", Arial, sans-serif;
  text-transform: uppercase;
  text-indent: -1px;
  margin-bottom: 5px
}

html[data-font-lang=ja] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .language label span {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .language label span {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .language label span {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .language label span {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

html.no-touchevents .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .language label span:hover {
  color: #fff;
  background-color: #c2005b;
  border-color: #c2005b;
  cursor: pointer
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a {
  color: #000;
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "RBDesign Bold Italic", Arial, sans-serif;
  margin-bottom: 5px
}

html[data-font-lang=ja] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a {
    margin-right: 15px
  }

  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a:last-child {
    margin-right: 0
  }
}

html.no-touchevents .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a:hover {
  color: #fff;
  background-color: #c2005b;
  border-color: #c2005b
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a.is-active {
  color: #fff;
  background-color: #c2005b;
  border-color: #c2005b
}

@media(min-width: 768px) {
  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a.mobile {
    display: none
  }
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .networks a svg {
  width: 22px;
  height: 22px
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  background-color: #dee0e3;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

@media(min-width: 768px) {
  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format {
    padding: 15px
  }
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format span {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  font-family: "RBDesign Regular", Arial, sans-serif;
  background: none;
  outline: none;
  border: none;
  padding: 0
}

html[data-font-lang=ja] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format span {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format span {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format span {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format span {
  font-family: Arial, sans-serif;
  font-weight: bold
}

html.no-touchevents .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format span:hover {
  cursor: pointer
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format .slider {
  width: 45px;
  height: 18px;
  margin: 0 5px;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  -ms-flex: 0 0 45px;
  flex: 0 0 45px
}

@media(min-width: 768px) {
  .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format .slider {
    margin: 0 20px
  }
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format .slider:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  background-color: #c2005b;
  transition: all .25s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format .slider.left:after {
  left: 3px
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format .slider.right:after {
  left: 29px
}

html.no-touchevents .c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .format .slider:hover {
  cursor: pointer
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .save a {
  background-color: #c2005b
}

.c-share-button .container .toggle-container .toggle-container-wrapper>.outer-wrapper .save a span {
  margin-right: 20px
}

.c-share-networks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: 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: "RBDesign Regular", Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  width: 100%;
  height: 48px;
  padding: 13px 19px 12px;
  margin: 0;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border: 1px solid #c8c8c8;
  outline: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none
}

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

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

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

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

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

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

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

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

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

.c-form-input:focus {
  border: 1px solid #a0a0a0
}

.c-form-input[disabled] {
  cursor: not-allowed;
  background-color: #f0f0f0;
  border-color: #c8c8c8;
  color: #a0a0a0
}

.c-form-textarea {
  display: block;
  resize: vertical;
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  width: 100%;
  min-height: 48px;
  padding: 13px 19px 12px;
  margin: 0;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border: 1px solid #c8c8c8;
  outline: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none
}

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

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

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

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

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

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

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

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

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

.c-form-textarea:focus {
  border: 1px solid #a0a0a0
}

.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:checked~.wrapper {
  background: #a0a0a0
}

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

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

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

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

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

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

.c-form-checkbox .text strong,
.c-form-checkbox .text b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-form-checkbox .text strong,
html[data-font-lang=zh] .c-form-checkbox .text b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-form-checkbox .text strong,
html[data-font-lang=ar] .c-form-checkbox .text b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.c-form-checkbox .wrapper {
  position: relative;
  background: #c8c8c8;
  height: 48px;
  float: left;
  margin: -10px 24px 0 0;
  padding: 13px 34px 13px 14px;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -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 rgba(0, 0, 0, 0)
}

.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: "RBDesign Bold", Arial, sans-serif;
  letter-spacing: .8px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
  -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: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .c-form-checkbox .wrapper .text {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-form-checkbox .wrapper .text {
  font-family: "RBDesign Arabic Bold", 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: "RBDesign Light", Arial, sans-serif;
  letter-spacing: .04em;
  margin-right: 10px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

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

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

html[data-font-lang=ar] .c-form-checkbox .wrapper .number {
  font-family: "RBDesign Arabic Regular", 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:checked~.wrapper {
  background: #a0a0a0
}

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

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

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

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

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

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

.c-form-radio .text strong,
.c-form-radio .text b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-form-radio .text strong,
html[data-font-lang=zh] .c-form-radio .text b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-form-radio .text strong,
html[data-font-lang=ar] .c-form-radio .text b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

.c-form-radio .wrapper {
  position: relative;
  background: #c8c8c8;
  height: 48px;
  float: left;
  margin: -10px 24px 0 0;
  padding: 13px 34px 13px 14px;
  font-size: 12px;
  line-height: 10px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -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 rgba(0, 0, 0, 0)
}

.c-form-radio .wrapper .text {
  font-family: "RBDesign Bold", Arial, sans-serif;
  letter-spacing: .8px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px
}

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

html[data-font-lang=zh] .c-form-radio .wrapper .text {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-form-radio .wrapper .text {
  font-family: "RBDesign Arabic Bold", 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: "RBDesign Light", Arial, sans-serif;
  letter-spacing: .04em;
  margin-right: 10px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

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

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

html[data-font-lang=ar] .c-form-radio .wrapper .number {
  font-family: "RBDesign Arabic Regular", 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: rgba(0, 0, 0, 0);
  border: 1px solid #c8c8c8;
  border-radius: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
  font-family: "RBDesign Bold", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1px;
  white-space: nowrap
}

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

html[data-font-lang=zh] .c-form-select select {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .c-form-select select {
  font-family: "RBDesign Arabic Bold", 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 {
  border: 1px solid #a0a0a0
}

.c-form-select select:focus:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  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: "RBDesign Regular", Arial, sans-serif;
  font-style: normal;
  font-weight: normal
}

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

html[data-font-lang=zh] .c-form-select select optgroup {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-form-select select optgroup {
  font-family: "RBDesign Arabic Regular", 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: "RBDesign Medium", Arial, sans-serif
}

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

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

html[data-font-lang=ar] .c-form-select select option {
  font-family: "RBDesign Arabic Medium", 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: 61.9546247818%
  }
}

.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: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

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

html[data-font-lang=ar] .c-keywords .headline {
  font-family: "RBDesign Arabic Medium", "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: "RBDesign Regular", Arial, sans-serif
}

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

html[data-font-lang=zh] .c-keywords .suggestions {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .c-keywords .suggestions {
  font-family: "RBDesign Arabic Regular", 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: "RBDesign Medium", Arial, sans-serif;
  color: #a0a0a0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: .5px;
  margin-bottom: 20px;
  margin-top: 30px
}

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

html[data-font-lang=zh] .c-text-timestamp {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-timestamp {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

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

.c-text-timestamp.is-top {
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  text-align: left
}

@media(min-width: 768px) {
  .c-text-timestamp {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    text-align: right;
    width: 61.9546247818%;
    margin-left: -85.11%;
    float: left;
    clear: left
  }
}

.c-text-timestamp-rtl {
  width: 100%;
  font-family: "RBDesign Medium", Arial, sans-serif;
  color: #a0a0a0;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: .5px;
  margin-bottom: 20px;
  margin-top: 30px;
  direction: rtl
}

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

html[data-font-lang=zh] .c-text-timestamp-rtl {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-text-timestamp-rtl {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

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

.c-text-timestamp-rtl.is-top {
  width: 100%;
  margin-bottom: 0;
  margin-left: 0
}

@media(min-width: 768px) {
  .c-text-timestamp-rtl {
    width: 61.9546247818%;
    margin-left: -85.11%;
    float: left;
    clear: left
  }
}

.c-campaign-headline {
  display: block;
  font-size: 1em;
  line-height: .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: .05em;
  color: #fff;
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: .4em;
  vertical-align: super
}

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

html[data-font-lang=zh] .c-campaign-headline .sup {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .c-campaign-headline .sup {
  font-family: "RBDesign Arabic Medium", 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: .05em;
    font-size: .6em
  }
}

.mh-form {
  width: 81.63265%;
  margin: 0 10.20408% 5rem
}

.mh-form p.sign-up {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin: .85rem 0
}

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

html[data-font-lang=zh] .mh-form p.sign-up {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .mh-form p.sign-up {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .mh-form p.sign-up {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 320px)and (max-width: 767px) {
  .mh-form p.sign-up {
    margin: 1rem 35px
  }
}

@media(min-width: 768px) {
  .mh-form {
    margin: 0 0 5rem;
    width: 100%
  }
}

@media(min-width: 1024px) {
  .mh-form {
    width: 100%;
    margin: 0 0 2rem
  }
}

.mh-form .register {
  margin: 0 0 .85rem
}

.mh-form p.sign-up {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin: 1rem 0
}

html[data-font-lang=ja] .mh-form p.sign-up {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .mh-form p.sign-up {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .mh-form p.sign-up {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .mh-form p.sign-up {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.mh-form .register-container {
  display: none
}

.mh-form .button {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0
}

@media(min-width: 768px) {
  .mh-form .button {
    position: absolute;
    right: 0;
    bottom: 0
  }
}

.mh-form .button .c-button {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.mh-form .button .c-button .size {
  color: #aeb6bb
}

@media(min-width: 768px) {
  .mh-form {
    right: 0;
    bottom: 0
  }
}

@media(min-width: 1024px) {
  .mh-form .register-container {
    display: block
  }

  .mh-form .button {
    display: none
  }
}

html.layer-open,
html.layer-open body {
  overflow: hidden;
  max-height: 100vh
}

body.layer-search-open .m-header .container .wrapper .search .icon.magnifier {
  display: none
}

body.layer-search-open .m-header .container .wrapper .search .icon.cross {
  display: block
}

body.layer-open {
  transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch {
  background-color: #f9f9f9
}

.bg-darkgreen {
  background: #003b46
}

.bg-about-green {
  background: teal
}

.m-header {
  width: 100%;
  height: 60px;
  position: fixed;
  z-index: 2000;
  top: 0;
  bottom: 0;
  left: 0
}

@media(max-width: 767px) {
  .m-header>.subnav {
    display: none
  }
}

@media(min-width: 768px) {

  .m-header>.subnav .wrapper,
  .m-header>.subnav .navpart {
    height: 100%
  }
}

.m-header .is-open {
  transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.m-header .container .wrapper .logo .logo-img {
  display: block
}

.m-header .container .wrapper .logo .logo-typo {
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 18px;
  line-height: 60px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  display: none
}

html[data-font-lang=ja] .m-header .container .wrapper .logo .logo-typo {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container .wrapper .logo .logo-typo {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container .wrapper .logo .logo-typo {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

@media(min-width: 768px) {
  .m-header .container .wrapper .logo .logo-typo {
    display: none
  }

  .m-header .container .wrapper .logo .logo-img {
    display: block
  }
}

@media(min-width: 768px) {
  .m-header {
    height: 80px;
    top: 86px;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    will-change: transform
  }

  .m-header.is-fixed {
    position: fixed;
    -webkit-transform: translateY(-86px);
    -ms-transform: translateY(-86px);
    transform: translateY(-86px);
    height: 60px;
    background-color: #000
  }

  .m-header.is-fixed .container .wrapper .logo .vertical {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: -10px;
    margin-right: -18px;
    margin-top: 10px;
    width: 35px;
    border: 0;
    border-top: 1px solid #fefefe
  }

  .m-header.is-fixed .container .wrapper .logo img {
    width: 60px
  }

  .m-header.is-fixed .container .wrapper .logo img.extra {
    width: 41px;
    height: 42px;
    margin-left: 10px
  }

  .m-header.is-fixed .container.subnav .close {
    top: 20px
  }

  .m-header.is-fixed .container.subnav.is-open {
    top: 60px
  }
}

@media(min-width: 1280px) {
  .m-header {
    height: 104px
  }

  .m-header.is-fixed {
    height: 72px
  }

  .m-header.is-fixed .container .wrapper .logo .vertical {
    margin-right: -20px;
    width: 45px
  }

  .m-header.is-fixed .container .wrapper .logo img {
    width: 80px
  }

  .m-header.is-fixed .container .wrapper .logo img.extra {
    width: 52px;
    height: 54px
  }
}

.m-header .more-right,
.m-header .more-left {
  font-family: "RBDesign SemiBold", Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  margin-top: 12px;
  line-height: 12px !important;
  min-height: 22px;
  position: relative;
  padding-top: 5px
}

html[data-font-lang=ja] .m-header .more-right,
html[data-font-lang=ja] .m-header .more-left {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .more-right,
html[data-font-lang=zh] .m-header .more-left {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .more-right,
html[data-font-lang=ar] .m-header .more-left {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .more-right,
html[data-font-lang=fallback] .m-header .more-left {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-header .more-right .next,
.m-header .more-left .next {
  margin-top: -2px !important;
  top: 0 !important
}

.m-header .more-right a,
.m-header .more-left a {
  display: inline-block;
  line-height: 1
}

@media(max-width: 767px) {

  .m-header .more-right,
  .m-header .more-left {
    font-size: 14px !important
  }
}

.m-header .more-right:not(.hl) a:not(.hl),
.m-header .more-left:not(.hl) a:not(.hl) {
  font-family: inherit !important;
  font-size: inherit !important
}

@media(max-width: 767px) {

  .m-header .more-right:not(.hl) a:not(.hl),
  .m-header .more-left:not(.hl) a:not(.hl) {
    color: #000;
    text-decoration: none
  }

  .m-header .more-right:not(.hl) a:not(.hl):hover,
  .m-header .more-left:not(.hl) a:not(.hl):hover {
    text-decoration: underline
  }
}

.m-header .more-right .next,
.m-header .more-left .next {
  width: 24px !important;
  height: 24px !important
}

.m-header .more-right .bg-global-black,
.m-header .more-left .bg-global-black {
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  background: unset !important;
  width: 24px !important;
  height: 24px !important
}

.m-header .more-left {
  padding-left: 36px !important
}

@media(max-width: 767px) {
  .m-header .more-left {
    padding-left: 40px !important;
    min-height: 25px !important
  }
}

.m-header .more-left .next {
  right: auto !important;
  left: 0 !important
}

.m-header .more-right {
  padding-right: 36px !important
}

.m-header .more-right .next {
  right: 0 !important;
  left: auto !important
}

.m-header .secondlinks .more-left .next,
.m-header .secondlinks .more-right .next {
  margin-top: -4px !important
}

.m-header .container {
  height: inherit;
  background-color: #000
}

@media(min-width: 768px) {
  .m-header .container {
    background-color: rgba(0, 0, 0, 0)
  }
}

.m-header .container .wrapper {
  height: inherit;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media(min-width: 768px) {
  .m-header .container .wrapper {
    width: auto;
    margin: 0 38px;
    padding: 0 1.69% 0 3.38%;
    position: static
  }

  .m-header .container .wrapper:not([class*=bg-]) {
    background-color: #000
  }
}

.m-header .container .wrapper .logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 20px
}

.m-header .container .wrapper .logo .mark-designation,
.m-header .container .wrapper .logo .extra,
.m-header .container .wrapper .logo hr.vertical {
  display: none
}

.m-header .container .wrapper .logo .blip {
  display: block
}

@media(min-width: 768px) {
  .m-header .container .wrapper .logo {
    padding-left: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px
  }

  .m-header .container .wrapper .logo .mark-designation,
  .m-header .container .wrapper .logo .extra,
  .m-header .container .wrapper .logo hr.vertical {
    display: block
  }

  .m-header .container .wrapper .logo .mark-designation-long,
  .m-header .container .wrapper .logo .extra-long,
  .m-header .container .wrapper .logo hr.vertical-long {
    display: none
  }

  .m-header .container .wrapper .logo .blip {
    display: none
  }

  .m-header .container .wrapper .logo .blip-long {
    display: block;
    width: 55px
  }
}

@media(min-width: 1024px) {
  .m-header .container .wrapper .logo {
    -ms-flex: 0 0 90px;
    flex: 0 0 90px
  }

  .m-header .container .wrapper .logo .mark-designation,
  .m-header .container .wrapper .logo .extra,
  .m-header .container .wrapper .logo hr.vertical {
    display: block
  }

  .m-header .container .wrapper .logo .blip {
    display: none
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .logo {
    -ms-flex: 0 0 126px;
    flex: 0 0 126px
  }

  .m-header .container .wrapper .logo .mark-designation,
  .m-header .container .wrapper .logo .extra,
  .m-header .container .wrapper .logo hr.vertical {
    display: block
  }

  .m-header .container .wrapper .logo .blip {
    display: none
  }
}

.m-header .container .wrapper .logo .vertical {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: -10px;
  margin-right: -20px;
  margin-top: 10px;
  border: 0;
  border-top: 1px solid #fefefe
}

@media(min-width: 768px) {
  .m-header .container .wrapper .logo .vertical {
    width: 53px
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .logo .vertical {
    width: 74px
  }
}

.m-header .container .wrapper .logo a {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.m-header .container .wrapper .logo a img {
  width: 55px;
  margin-top: 15px
}

@media(min-width: 768px) {
  .m-header .container .wrapper .logo a img {
    width: 70px;
    margin-top: 0
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .logo a img {
    width: 100px
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .logo a img.extra {
    width: 61px;
    height: 63px
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .logo a img.extra {
    width: 86px;
    height: 89px
  }
}

.m-header .container .wrapper .menu {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 12px;
  width: 60px;
  max-width: 60px
}

.m-header .container .wrapper .menu a {
  color: #fff;
  text-decoration: none
}

.m-header .container .wrapper .menu a .icon {
  margin-right: 5px;
  position: relative;
  top: -2px;
  transition: -webkit-transform .25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform .25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform .25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform .25s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.m-header .container .wrapper .menu a .icon-burger {
  width: 25px;
  height: 20px;
  margin-top: 4px;
  display: block
}

.m-header .container .wrapper .menu a .icon-cross {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  display: none
}

.m-header .container .wrapper .menu.is-active .icon-burger {
  display: none
}

.m-header .container .wrapper .menu.is-active .icon-cross {
  display: block
}

@media(min-width: 768px) {
  .m-header .container .wrapper .menu {
    display: none
  }
}

.m-header .container .wrapper .navigation {
  opacity: 0;
  position: fixed;
  top: -200vh;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "RBDesign Medium", Arial, sans-serif;
  padding-top: 60px;
  z-index: -1;
  transition: opacity .3s cubic-bezier(0.39, 0.575, 0.565, 1)
}

html[data-font-lang=ja] .m-header .container .wrapper .navigation {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container .wrapper .navigation {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container .wrapper .navigation {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

.m-header .container .wrapper .navigation.is-open {
  opacity: 1;
  top: 0
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation.is-open .main {
    margin-top: 50px;
    border-bottom: 1px solid #fff
  }
}

.m-header .container .wrapper .navigation.is-open .main>a.toplevel {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform .5s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1), transform .5s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1), transform .5s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform .5s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.m-header .container .wrapper .navigation.is-open .main>a.toplevel:nth-child(1) {
  transition-delay: .125s
}

.m-header .container .wrapper .navigation.is-open .main>a.toplevel:nth-child(2) {
  transition-delay: .25s
}

.m-header .container .wrapper .navigation.is-open .main>a.toplevel:nth-child(3) {
  transition-delay: .375s
}

.m-header .container .wrapper .navigation.is-open .main>a.toplevel:nth-child(4) {
  transition-delay: .5s
}

.m-header .container .wrapper .navigation.is-open .main>a.toplevel:nth-child(5) {
  transition-delay: .625s
}

.m-header .container .wrapper .navigation.is-open .main>a.toplevel:nth-child(6) {
  transition-delay: .75s
}

.m-header .container .wrapper .navigation.is-open .main>a.toplevel:nth-child(7) {
  transition-delay: .875s
}

.m-header .container .wrapper .navigation.is-open .main>a.toplevel:nth-child(8) {
  transition-delay: 1s
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation.is-open {
    overflow-y: auto;
    background: #d8d8d8
  }
}

html.touchevents .m-header .container .wrapper .navigation {
  overflow-y: scroll
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    z-index: auto;
    padding-top: 0;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-y: visible;
    opacity: 1;
    transition-duration: 0s
  }

  html.touchevents .m-header .container .wrapper .navigation {
    overflow-y: visible
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .main {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: inherit;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.m-header .container .wrapper .navigation .main>a {
  text-decoration: none;
  font-size: 28px;
  letter-spacing: 1px;
  color: #000;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  opacity: 0;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  line-height: 52px;
  padding: 20px
}

.m-header .container .wrapper .navigation .main>a.is-active {
  border-bottom: 2px solid #000
}

html.no-touchevents .m-header .container .wrapper .navigation .main>a:hover {
  border-bottom: 2px solid #fff
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .main>a {
    opacity: 1;
    padding: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-duration: 0s;
    font-size: 21px;
    line-height: 27px;
    color: #fff
  }

  .m-header .container .wrapper .navigation .main>a:not(:first-child) {
    margin-left: 25px
  }

  .m-header .container .wrapper .navigation .main>a.toplevel-long {
    font-size: 15px;
    line-height: 22px;
    margin-left: 20px
  }

  .m-header .container .wrapper .navigation .main>a:hover,
  .m-header .container .wrapper .navigation .main>a.is-active {
    border-bottom: 2px solid #fff
  }
}

@media(min-width: 1024px) {
  .m-header .container .wrapper .navigation .main>a:not(:first-child) {
    margin-left: 50px
  }

  .m-header .container .wrapper .navigation .main>a.toplevel-long {
    font-size: 21px;
    line-height: 27px;
    margin-left: 30px
  }
}

.m-header .container .wrapper .navigation .main .back,
.m-header .container .wrapper .navigation .main .secondlevel,
.m-header .container .wrapper .navigation .main .toplevel {
  position: relative;
  cursor: pointer;
  width: 100%;
  display: block
}

.m-header .container .wrapper .navigation .main .back svg,
.m-header .container .wrapper .navigation .main .secondlevel svg,
.m-header .container .wrapper .navigation .main .toplevel svg {
  position: absolute;
  right: 20px;
  top: 30px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.m-header .container .wrapper .navigation .main .toplevel {
  border-bottom: 2px solid rgba(0, 0, 0, 0)
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .main .hl {
    background: #fff;
    font-family: "RBDesign Light", Arial, sans-serif;
    font-size: 18px
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .hl {
    font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .hl {
    font-family: "RBDesign Chs Light", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .hl {
    font-family: "RBDesign Arabic Regular", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .toplevel {
    padding: 0 23px;
    font-size: 22px;
    line-height: 45px;
    letter-spacing: unset
  }

  .m-header .container .wrapper .navigation .main .toplevel:hover,
  .m-header .container .wrapper .navigation .main .toplevel.is-active {
    background: #e6e6e6;
    border-bottom: 2px solid #e6e6e6
  }

  .m-header .container .wrapper .navigation .main .secondlevel svg {
    top: 7px
  }

  .m-header .container .wrapper .navigation .main .back {
    margin-top: 60px;
    padding-left: 36px !important;
    background: linear-gradient(to bottom, #dcdee1 0%, #d9dbde 100%);
    font-family: "RBDesign Regular", Arial, sans-serif;
    text-transform: uppercase
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .back {
    font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .back {
    font-family: "RBDesign Chs Regular", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .back {
    font-family: "RBDesign Arabic Regular", Arial, sans-serif
  }

  html[data-font-lang=fallback] .m-header .container .wrapper .navigation .main .back {
    font-family: Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .back svg {
    top: 26px;
    right: auto;
    left: 20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .m-header .container .wrapper .navigation .main .back+li {
    padding-top: 20px !important
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .main .toplevel {
    width: auto
  }

  .m-header .container .wrapper .navigation .main .back svg,
  .m-header .container .wrapper .navigation .main .secondlevel svg,
  .m-header .container .wrapper .navigation .main .toplevel svg {
    display: none
  }
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .main .subnav {
    font-family: "RBDesign Medium", Arial, sans-serif;
    position: absolute;
    left: 0;
    background-color: #e6e6e6;
    top: 0;
    z-index: 2000;
    width: 100%;
    height: auto;
    min-height: 100%;
    overflow-y: auto
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav {
    font-family: "RBDesign Chs Medium", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav {
    font-family: "RBDesign Arabic Medium", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small {
    background: #004ac2
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .hl {
    color: #fff;
    line-height: 35px;
    background: unset !important;
    font-family: "RBDesign Bold", Arial, sans-serif
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .hl {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .hl {
    font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .hl {
    font-family: "RBDesign Arabic Bold", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .bottom-links {
    padding: 5px 20px
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .bottom-links a:hover,
  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .bottom-links a.is-active {
    border-bottom: unset !important
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .bottom-links a:hover .next,
  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .bottom-links a.is-active .next {
    background-color: #000 !important
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .bottom-links a:hover .next .icon,
  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small .bottom-links a.is-active .next .icon {
    fill: #fff !important
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-insights-small li+li:not(.back):not([class*=more]) a {
    color: #fff;
    font-family: "RBDesign Medium", Arial, sans-serif;
    font-size: 18px
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav#nav-insights-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav#nav-insights-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Chs Medium", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav#nav-insights-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Arabic Medium", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-about-small {
    background: teal
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-about-small .hl {
    color: #fff;
    line-height: 35px;
    background: unset !important;
    font-family: "RBDesign Bold", Arial, sans-serif
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav#nav-about-small .hl {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav#nav-about-small .hl {
    font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav#nav-about-small .hl {
    font-family: "RBDesign Arabic Bold", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-about-small .bottom-links {
    padding: 5px 20px
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-about-small .bottom-links a:hover,
  .m-header .container .wrapper .navigation .main .subnav#nav-about-small .bottom-links a.is-active {
    border-bottom: unset !important
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-about-small .bottom-links a:hover .next,
  .m-header .container .wrapper .navigation .main .subnav#nav-about-small .bottom-links a.is-active .next {
    background-color: #000 !important
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-about-small .bottom-links a:hover .next .icon,
  .m-header .container .wrapper .navigation .main .subnav#nav-about-small .bottom-links a.is-active .next .icon {
    fill: #fff !important
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-about-small li+li:not(.back):not([class*=more]) a {
    color: #fff;
    font-family: "RBDesign Medium", Arial, sans-serif;
    font-size: 18px
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav#nav-about-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav#nav-about-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Chs Medium", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav#nav-about-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Arabic Medium", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-expertise-small li+li:not(.back):not([class*=more]) a {
    color: #fff;
    font-family: "RBDesign Medium", Arial, sans-serif;
    font-size: 18px
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav#nav-expertise-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav#nav-expertise-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Chs Medium", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav#nav-expertise-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Arabic Medium", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav #nav-expertise-business {
    background: teal;
    color: #fff;
    line-height: 35px
  }

  .m-header .container .wrapper .navigation .main .subnav #nav-expertise-business .hl {
    background: unset !important;
    font-family: "RBDesign Bold", Arial, sans-serif
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav #nav-expertise-business .hl {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav #nav-expertise-business .hl {
    font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav #nav-expertise-business .hl {
    font-family: "RBDesign Arabic Bold", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav #nav-expertise-industries {
    background: #003b46;
    color: #fff;
    line-height: 35px
  }

  .m-header .container .wrapper .navigation .main .subnav #nav-expertise-industries .hl {
    background: unset !important;
    font-family: "RBDesign Bold", Arial, sans-serif
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav #nav-expertise-industries .hl {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav #nav-expertise-industries .hl {
    font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav #nav-expertise-industries .hl {
    font-family: "RBDesign Arabic Bold", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-join-small {
    background: #84003a
  }

  .m-header .container .wrapper .navigation .main .subnav#nav-join-small li+li:not(.back):not([class*=more]) a {
    color: #fff;
    font-family: "RBDesign Medium", Arial, sans-serif;
    font-size: 18px
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav#nav-join-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav#nav-join-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Chs Medium", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav#nav-join-small li+li:not(.back):not([class*=more]) a {
    font-family: "RBDesign Arabic Medium", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav #nav-join-us {
    background: #84003a;
    color: #fff;
    line-height: 35px
  }

  .m-header .container .wrapper .navigation .main .subnav #nav-join-us .hl {
    background: unset !important;
    font-family: "RBDesign Bold", Arial, sans-serif
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav #nav-join-us .hl {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav #nav-join-us .hl {
    font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav #nav-join-us .hl {
    font-family: "RBDesign Arabic Bold", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav #nav-join-opportunity {
    background: #84003a;
    color: #fff;
    line-height: 35px
  }

  .m-header .container .wrapper .navigation .main .subnav #nav-join-opportunity .hl {
    background: unset !important;
    font-family: "RBDesign Bold", Arial, sans-serif
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav #nav-join-opportunity .hl {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav #nav-join-opportunity .hl {
    font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav #nav-join-opportunity .hl {
    font-family: "RBDesign Arabic Bold", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav:not(.is-open) {
    display: none
  }

  .m-header .container .wrapper .navigation .main .subnav>li.hl {
    position: relative;
    padding: 20px
  }

  .m-header .container .wrapper .navigation .main .subnav>li.hl.hl-bg {
    background: #e6e6e6;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -100
  }

  .m-header .container .wrapper .navigation .main .subnav li.h1.secondlevel {
    font-family: "RBDesign Bold", Arial, sans-serif;
    margin-bottom: 14px;
    color: #fff
  }

  .m-header .container .wrapper .navigation .main .subnav li.h1.secondlevel span {
    font-size: 24px
  }

  .m-header .container .wrapper .navigation .main .subnav li.h1:hover {
    text-decoration: none
  }

  .m-header .container .wrapper .navigation .main .subnav .bottom-links {
    position: absolute;
    bottom: 15px
  }

  .m-header .container .wrapper .navigation .main .subnav .bottom-links a {
    float: left;
    width: 100%;
    font-family: "RBDesign Medium", Arial, sans-serif
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .main .subnav .bottom-links a {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .main .subnav .bottom-links a {
    font-family: "RBDesign Chs Medium", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .main .subnav .bottom-links a {
    font-family: "RBDesign Arabic Medium", Arial, sans-serif
  }

  .m-header .container .wrapper .navigation .main .subnav .bottom-links a:hover,
  .m-header .container .wrapper .navigation .main .subnav .bottom-links a.is-active {
    border-bottom: unset !important
  }

  .m-header .container .wrapper .navigation .main .subnav .bottom-links a:hover .next,
  .m-header .container .wrapper .navigation .main .subnav .bottom-links a.is-active .next {
    background-color: #000 !important
  }

  .m-header .container .wrapper .navigation .main .subnav .bottom-links a:hover .next svg.icon,
  .m-header .container .wrapper .navigation .main .subnav .bottom-links a.is-active .next svg.icon {
    border-color: #000
  }

  .m-header .container .wrapper .navigation .main .subnav .bottom-links.join {
    position: relative;
    bottom: 15px;
    left: 0;
    width: 95%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: end;
    padding: 15px 0 0 20px !important
  }

  .m-header .container .wrapper .navigation .main .subnav .bottom-links .next {
    width: 24px;
    height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }

  .m-header .container .wrapper .navigation .main .subnav .bottom-links svg.icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    fill: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 24px;
    width: 24px !important;
    left: 0
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .main .subnav {
    display: none
  }
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .main .subnav li:not(.back):not([class*=more]) {
    font-size: 18px
  }

  .m-header .container .wrapper .navigation .main .subnav li:not(.back):not([class*=more]).hl.is-hidden {
    padding: 0 !important;
    position: relative
  }

  .m-header .container .wrapper .navigation .main .subnav li:not(.back):not([class*=more]).hl.is-hidden span.hl {
    display: none
  }

  .m-header .container .wrapper .navigation .main .subnav li.back {
    font-size: 14px;
    padding: 20px
  }

  .m-header .container .wrapper .navigation .main .subnav li.back.is-hidden {
    display: none
  }

  .m-header .container .wrapper .navigation .main .subnav li[class*=more] {
    margin-top: 0
  }

  .m-header .container .wrapper .navigation .main .subnav li[class*=more] .next {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 18px !important;
    top: 18px !important
  }

  .m-header .container .wrapper .navigation .main .subnav li:hover {
    text-decoration: none
  }

  .m-header .container .wrapper .navigation .main .subnav li .back-btn {
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important
  }
}

.m-header .container .wrapper .navigation .main .subnav li+li:not(.back):not([class*=more]) a {
  text-decoration: none;
  color: #fff
}

.m-header .container .wrapper .navigation .main .subnav li+li:not(.back):not([class*=more]) a:hover,
.m-header .container .wrapper .navigation .main .subnav li+li:not(.back):not([class*=more]) a.is-active {
  text-decoration: unset !important;
  border-bottom: 1.5px solid #fff
}

.m-header .container .wrapper .navigation .meta.hidden {
  display: none
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .meta {
    position: absolute;
    top: -86px;
    left: 0;
    right: 0;
    width: 100%;
    height: 48px;
    background-color: #f0f0f0
  }
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container {
    background: none
  }
}

.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)
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper {
    float: none;
    display: block;
    background: none
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper {
    padding: 0
  }
}

.m-header .container .wrapper .navigation .meta .container .wrapper .meta-links {
  position: relative;
  width: 100%;
  text-align: center
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper .meta-links {
    padding: 19px 0 19px 0;
    border-bottom: 1px solid #fff
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper .meta-links {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex
  }
}

.m-header .container .wrapper .navigation .meta .container .wrapper a {
  position: relative;
  text-decoration: none;
  font-size: 14px;
  color: #000;
  letter-spacing: 1px
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper a {
    display: block;
    width: 100%;
    text-align: left;
    line-height: 35px;
    padding-left: 23px;
    font-size: 18px;
    font-family: "RBDesign Medium", Arial, sans-serif;
    font-weight: 400;
    letter-spacing: unset
  }

  html[data-font-lang=ja] .m-header .container .wrapper .navigation .meta .container .wrapper a {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container .wrapper .navigation .meta .container .wrapper a {
    font-family: "RBDesign Chs Medium", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container .wrapper .navigation .meta .container .wrapper a {
    font-family: "RBDesign Arabic Medium", Arial, sans-serif
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper a {
    line-height: 22px;
    padding-top: 14px;
    display: inline-block
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper a+a {
    margin-left: 25px
  }
}

@media(min-width: 768px)and (max-width: 830px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper a+a {
    margin-left: 10px
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper a.lng {
    margin-right: 26px
  }
}

@media(min-width: 1024px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper a {
    margin-right: 5px
  }
}

html[data-font-lang=ja] .m-header .container .wrapper .navigation .meta .container .wrapper a {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container .wrapper .navigation .meta .container .wrapper a {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container .wrapper .navigation .meta .container .wrapper a {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container .wrapper .navigation .meta .container .wrapper a {
  font-family: Arial, sans-serif
}

.m-header .container .wrapper .navigation .meta .container .wrapper a span {
  display: inline-block
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper a span.desktopView {
    display: none
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper a span.mobileView {
    display: none
  }
}

html.no-touchevents .m-header .container .wrapper .navigation .meta .container .wrapper a:not(.lng):hover span {
  box-shadow: inset 0 -1px 0 0 #000
}

.m-header .container .wrapper .navigation .meta .container .wrapper a:not(.lng) span {
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0)
}

.m-header .container .wrapper .navigation .meta .container .wrapper a:not(.lng).is-active span {
  box-shadow: inset 0 -1px 0 0 #000
}

.m-header .container .wrapper .navigation .meta .container .wrapper .language {
  display: block
}

.m-header .container .wrapper .navigation .meta .container .wrapper .language .world {
  transition: fill .3s ease-in-out
}

@media(max-width: 767px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper .language {
    background: linear-gradient(to bottom, #ccd1d4 0%, #bfc4c8 100%);
    width: 100%
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .language .text {
    padding-top: 4px
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .language .world {
    top: 12px;
    fill: #000
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .language .arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: 20px;
    top: 16px;
    position: absolute
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .language:hover .world {
    fill: #fff
  }
}

@media(min-width: 768px) {
  .m-header .container .wrapper .navigation .meta .container .wrapper .language {
    position: absolute;
    right: 14px
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .language .world {
    top: 14px;
    fill: #aeb6bb
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .language .arrow {
    display: none
  }

  .m-header .container .wrapper .navigation .meta .container .wrapper .language:hover .world {
    fill: #000
  }
}

.m-header .container .wrapper .navigation .meta .container .wrapper .language .text {
  padding-left: 34px;
  text-align: left
}

.m-header .container .wrapper .navigation .meta .container .wrapper .language .world {
  position: absolute;
  width: 24px;
  height: 24px;
  margin-right: 10px
}

.m-header .container .wrapper .search {
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-decoration: none;
  color: #fff
}

@media(min-width: 768px) {
  .m-header .container .wrapper .search {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .search {
    -ms-flex: .15 0 auto;
    flex: .15 0 auto
  }
}

.m-header .container .wrapper .search .icon {
  width: 12px;
  height: 24px
}

.m-header .container .wrapper .search .icon.magnifier {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -2px
}

@media(min-width: 768px) {
  .m-header .container .wrapper .search .icon.magnifier {
    width: 24px;
    height: 24px
  }
}

.m-header .container .wrapper .search .icon.cross {
  display: none
}

.m-header .container .wrapper .notification {
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-decoration: none;
  color: #fff;
  position: relative
}

@media(min-width: 768px) {
  .m-header .container .wrapper .notification {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .notification {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 20px 0 60px
  }
}

.m-header .container .wrapper .notification.has-update .count {
  opacity: 1
}

.m-header .container .wrapper .notification .icon {
  width: 19px;
  height: 24px
}

@media(min-width: 768px) {
  .m-header .container .wrapper .notification .icon {
    width: 24px
  }
}

.m-header .container .wrapper .notification .count {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 20px;
  height: 20px;
  opacity: 0;
  border-radius: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  font-family: "RBDesign Bold Italic", Arial, sans-serif;
  background-color: #e6006e
}

html[data-font-lang=ja] .m-header .container .wrapper .notification .count {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container .wrapper .notification .count {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container .wrapper .notification .count {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container .wrapper .notification .count {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-header .container .wrapper .notification .count {
    width: 28px;
    height: 28px;
    top: -15px;
    right: 24px;
    font-size: 16px
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .notification .count {
    right: 12px
  }
}

.m-header .container .wrapper .special {
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-decoration: none;
  color: #fff;
  position: relative;
  margin: 0 20px 0 30px
}

@media(min-width: 768px) {
  .m-header .container .wrapper .special {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 20px 0 15px
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .special {
    margin: 0 20px 0 40px
  }
}

.m-header .container .wrapper .special .icon {
  width: 50px;
  height: 24px
}

@media(min-width: 768px) {
  .m-header .container .wrapper .special .icon {
    width: 60px
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .special .icon {
    width: 60px
  }
}

.m-header .container .wrapper .quicksearch-wrapper {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  max-width: 1280px
}

.m-header .container .wrapper .quicksearch-wrapper.hidden {
  display: none
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  background-color: #fff;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  transform: translateY(60px);
  pointer-events: all
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch.is-open {
  display: none
}

@media(min-width: 768px) {
  .m-header .container .wrapper .quicksearch-wrapper .quicksearch {
    right: 17.7669111654%;
    -webkit-transform: translateY(80px) translateX(30px);
    -ms-transform: translateY(80px) translateX(30px);
    transform: translateY(80px) translateX(30px)
  }

  .is-fixed.m-header .container .wrapper .quicksearch-wrapper .quicksearch {
    -webkit-transform: translateY(60px) translateX(30px);
    -ms-transform: translateY(60px) translateX(30px);
    transform: translateY(60px) translateX(30px)
  }

  .m-header .container .wrapper .quicksearch-wrapper .quicksearch.is-open {
    display: block
  }
}

@media(min-width: 1024px) {
  .m-header .container .wrapper .quicksearch-wrapper .quicksearch {
    -webkit-transform: translateY(80px) translateX(60px);
    -ms-transform: translateY(80px) translateX(60px);
    transform: translateY(80px) translateX(60px)
  }

  .is-fixed.m-header .container .wrapper .quicksearch-wrapper .quicksearch {
    -webkit-transform: translateY(60px) translateX(60px);
    -ms-transform: translateY(60px) translateX(60px);
    transform: translateY(60px) translateX(60px)
  }
}

@media(min-width: 1280px) {
  .m-header .container .wrapper .quicksearch-wrapper .quicksearch {
    -webkit-transform: translateY(104px) translateX(60px);
    -ms-transform: translateY(104px) translateX(60px);
    transform: translateY(104px) translateX(60px)
  }

  .is-fixed.m-header .container .wrapper .quicksearch-wrapper .quicksearch {
    -webkit-transform: translateY(72px) translateX(60px);
    -ms-transform: translateY(72px) translateX(60px);
    transform: translateY(72px) translateX(60px)
  }
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch.is-active form {
  display: block
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch.is-active .button .icon {
  width: 12px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch form {
  display: none;
  margin: 40px 20px 20px
}

@media(min-width: 480px) {
  .m-header .container .wrapper .quicksearch-wrapper .quicksearch form {
    margin: 50px 40px 40px
  }
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch .button {
  background-color: #ff3532;
  padding: 0 8px;
  text-decoration: none;
  position: absolute;
  top: -4px;
  right: 17px;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px)
}

@media(min-width: 768px) {
  .m-header .container .wrapper .quicksearch-wrapper .quicksearch .button {
    top: 0;
    right: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch .button:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 21px 0;
  border-color: rgba(0, 0, 0, 0) #cc1d33 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

@media(min-width: 768px) {
  .m-header .container .wrapper .quicksearch-wrapper .quicksearch .button:after {
    border-width: 0 15px 15px 0
  }
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch .button .icon {
  color: #fff;
  width: 8px;
  height: 8px;
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.m-header .container .wrapper .quicksearch-wrapper .quicksearch .button .text {
  color: #fff;
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 16px;
  line-height: 21px
}

html[data-font-lang=ja] .m-header .container .wrapper .quicksearch-wrapper .quicksearch .button .text {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container .wrapper .quicksearch-wrapper .quicksearch .button .text {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container .wrapper .quicksearch-wrapper .quicksearch .button .text {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container .wrapper .quicksearch-wrapper .quicksearch .button .text {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-header .container.subnav {
  width: 100%;
  position: relative;
  z-index: -1;
  transition: all .3s ease-in-out
}

.m-header .container.subnav:after {
  content: "";
  display: table;
  clear: both
}

.m-header .container.subnav .close {
  display: none;
  position: absolute;
  right: 50px;
  top: 10px;
  z-index: 2
}

.m-header .container.subnav .close .bg-icon {
  fill: #000 !important
}

.m-header .container.subnav .close svg {
  fill: #fff
}

.m-header .container.subnav#nav-expertise .wrapper {
  height: -webkit-fit-content !important;
  height: fit-content !important;
  width: 100%
}

.m-header .container.subnav#nav-insights .wrapper {
  height: -webkit-fit-content !important;
  height: fit-content !important;
  width: 100%
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links {
  bottom: 0;
  right: 10%;
  width: 280.5%;
  padding: 12px 0 29px 0
}

@media(min-width: 768px) {
  .m-header .container.subnav#nav-insights .navpart>li.bottom-links {
    width: 282.2%
  }
}

@media(min-width: 1024px) {
  .m-header .container.subnav#nav-insights .navpart>li.bottom-links {
    width: 286.44%
  }
}

@media(min-width: 1280px) {
  .m-header .container.subnav#nav-insights .navpart>li.bottom-links {
    width: 282.2%
  }
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links.bottom-search {
  padding: 0
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-left {
  padding: 12px 0 20px 0;
  float: left;
  width: 35.5%;
  background-color: rgba(0, 0, 0, 0)
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-left a {
  width: 75% !important;
  color: #fff
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-left .next {
  color: #005489
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-left .bg-global-white {
  color: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background-color: unset;
  width: 24px !important;
  height: 24px !important
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-left .bg-global-white:hover {
  border: 2px solid #000 !important
}

@media(min-width: 768px) {
  .m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-left {
    width: 35%
  }
}

@media(min-width: 1024px) {
  .m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-left {
    width: 36%
  }
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-right {
  padding: 12px 0 20px 0;
  float: left;
  width: 64%;
  border-top: 1px solid #acacac;
  background-color: #fff
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-right a {
  width: 56%
}

.m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-right a .bg-global-black {
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  background: unset;
  width: 24px !important;
  height: 24px !important
}

@media(min-width: 768px) {
  .m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-right a {
    width: 54%
  }
}

@media(min-width: 1024px) {
  .m-header .container.subnav#nav-insights .navpart>li.bottom-links .content-right a {
    width: 56%
  }
}

.m-header .container.subnav#nav-join .wrapper {
  height: -webkit-fit-content !important;
  height: fit-content !important;
  width: 100%
}

.m-header .container.subnav#nav-join .more-left {
  bottom: 30px;
  position: absolute
}

.m-header .container.subnav#nav-about .wrapper {
  height: -webkit-fit-content !important;
  height: fit-content !important;
  width: 100%
}

@media(min-width: 768px) {
  .m-header .container.subnav {
    opacity: 0;
    position: absolute;
    left: 50%;
    z-index: -100;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: none
  }

  .m-header .container.subnav .close {
    display: block
  }

  .m-header .container.subnav .wrapper {
    padding: 0;
    height: auto;
    width: 100%;
    display: table;
    max-width: calc(100% - 38px - 38px)
  }

  .m-header .container.subnav .wrapper .navpart {
    display: table-cell;
    height: 100%
  }

  .m-header .container.subnav:not(.is-open) {
    top: -100vh
  }

  .m-header .container.subnav.is-open {
    top: 80px;
    z-index: -1;
    opacity: 1
  }
}

@media(min-width: 1280px) {
  .m-header .container.subnav.is-open {
    top: 104px
  }
}

.m-header .container.subnav .nav-bg {
  padding: 40px 40px 30px 40px !important
}

.m-header .container.subnav .navpart {
  padding: 40px 40px 65px 40px;
  width: 33.3333333333%;
  position: relative
}

@media(max-width: 1200px) {
  .m-header .container.subnav .navpart {
    padding: 20px 20px 65px 20px
  }
}

.m-header .container.subnav .navpart>li {
  position: relative
}

.m-header .container.subnav .navpart>li .details {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important
}

.m-header .container.subnav .navpart>li .details .blogger-text {
  margin-top: auto !important
}

.m-header .container.subnav .navpart>li .details a:hover,
.m-header .container.subnav .navpart>li .details a.is-active {
  text-decoration: underline !important
}

.m-header .container.subnav .navpart>li a {
  text-decoration: none;
  color: #000
}

.m-header .container.subnav .navpart>li a.c-button {
  color: #fff
}

.m-header .container.subnav .navpart>li .li-expertise {
  text-decoration: none;
  color: #fff;
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: .18px
}

html[data-font-lang=ja] .m-header .container.subnav .navpart>li .li-expertise {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart>li .li-expertise {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart>li .li-expertise {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

@media(min-width: 1201px) {

  .m-header .container.subnav .navpart>li.more-left:last-child,
  .m-header .container.subnav .navpart>li.more-left:only-child,
  .m-header .container.subnav .navpart>li.more-right:last-child,
  .m-header .container.subnav .navpart>li.more-right:only-child,
  .m-header .container.subnav .navpart>li .more-left:last-child,
  .m-header .container.subnav .navpart>li .more-left:only-child,
  .m-header .container.subnav .navpart>li .more-right:last-child,
  .m-header .container.subnav .navpart>li .more-right:only-child {
    padding-bottom: 0
  }
}

.m-header .container.subnav .navpart>li.more-left .icon,
.m-header .container.subnav .navpart>li.more-right .icon,
.m-header .container.subnav .navpart>li .more-left .icon,
.m-header .container.subnav .navpart>li .more-right .icon {
  -webkit-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  left: 0 !important;
  width: 12px !important
}

.m-header .container.subnav .navpart>li.more-left a:hover .next,
.m-header .container.subnav .navpart>li.more-right a:hover .next,
.m-header .container.subnav .navpart>li .more-left a:hover .next,
.m-header .container.subnav .navpart>li .more-right a:hover .next {
  background-color: #000 !important
}

.m-header .container.subnav .navpart>li.more-left a:hover .next .icon,
.m-header .container.subnav .navpart>li.more-right a:hover .next .icon,
.m-header .container.subnav .navpart>li .more-left a:hover .next .icon,
.m-header .container.subnav .navpart>li .more-right a:hover .next .icon {
  fill: #fff !important
}

.m-header .container.subnav .navpart>li.more-left .next:hover,
.m-header .container.subnav .navpart>li.more-right .next:hover,
.m-header .container.subnav .navpart>li .more-left .next:hover,
.m-header .container.subnav .navpart>li .more-right .next:hover {
  background-color: #000 !important
}

.m-header .container.subnav .navpart>li.more-left .next:hover .icon,
.m-header .container.subnav .navpart>li.more-right .next:hover .icon,
.m-header .container.subnav .navpart>li .more-left .next:hover .icon,
.m-header .container.subnav .navpart>li .more-right .next:hover .icon {
  fill: #fff !important
}

.m-header .container.subnav .navpart>li:first-child.more-right,
.m-header .container.subnav .navpart>li:first-child .more-right {
  margin-top: 0
}

.m-header .container.subnav .navpart>li.hl-expertise .hl-expertise,
.m-header .container.subnav .navpart>li.hl-expertise .hl,
.m-header .container.subnav .navpart>li.hl .hl-expertise,
.m-header .container.subnav .navpart>li.hl .hl {
  font-family: "RBDesign Bold", Arial, sans-serif;
  width: 100%;
  display: block;
  position: relative;
  padding-bottom: unset;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  letter-spacing: .178px
}

html[data-font-lang=ja] .m-header .container.subnav .navpart>li.hl-expertise .hl-expertise,
html[data-font-lang=ja] .m-header .container.subnav .navpart>li.hl-expertise .hl,
html[data-font-lang=ja] .m-header .container.subnav .navpart>li.hl .hl-expertise,
html[data-font-lang=ja] .m-header .container.subnav .navpart>li.hl .hl {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart>li.hl-expertise .hl-expertise,
html[data-font-lang=zh] .m-header .container.subnav .navpart>li.hl-expertise .hl,
html[data-font-lang=zh] .m-header .container.subnav .navpart>li.hl .hl-expertise,
html[data-font-lang=zh] .m-header .container.subnav .navpart>li.hl .hl {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart>li.hl-expertise .hl-expertise,
html[data-font-lang=ar] .m-header .container.subnav .navpart>li.hl-expertise .hl,
html[data-font-lang=ar] .m-header .container.subnav .navpart>li.hl .hl-expertise,
html[data-font-lang=ar] .m-header .container.subnav .navpart>li.hl .hl {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

.m-header .container.subnav .navpart>li.hl-expertise .hl-expertise.more-right,
.m-header .container.subnav .navpart>li.hl-expertise .hl-expertise.more-left,
.m-header .container.subnav .navpart>li.hl-expertise .hl.more-right,
.m-header .container.subnav .navpart>li.hl-expertise .hl.more-left,
.m-header .container.subnav .navpart>li.hl .hl-expertise.more-right,
.m-header .container.subnav .navpart>li.hl .hl-expertise.more-left,
.m-header .container.subnav .navpart>li.hl .hl.more-right,
.m-header .container.subnav .navpart>li.hl .hl.more-left {
  line-height: 1 !important
}

@media(min-width: 768px) {

  .m-header .container.subnav .navpart>li.hl-expertise .hl-expertise,
  .m-header .container.subnav .navpart>li.hl-expertise .hl,
  .m-header .container.subnav .navpart>li.hl .hl-expertise,
  .m-header .container.subnav .navpart>li.hl .hl {
    margin-bottom: unset
  }
}

@media(max-width: 767px) {

  .m-header .container.subnav .navpart>li.hl-expertise .hl-expertise:hover,
  .m-header .container.subnav .navpart>li.hl-expertise .hl:hover,
  .m-header .container.subnav .navpart>li.hl .hl-expertise:hover,
  .m-header .container.subnav .navpart>li.hl .hl:hover {
    cursor: pointer
  }

  .m-header .container.subnav .navpart>li.hl-expertise .hl-expertise:after,
  .m-header .container.subnav .navpart>li.hl-expertise .hl:after,
  .m-header .container.subnav .navpart>li.hl .hl-expertise:after,
  .m-header .container.subnav .navpart>li.hl .hl:after {
    content: "•"
  }
}

@media(min-width: 768px) {

  .m-header .container.subnav .navpart>li.hl-expertise,
  .m-header .container.subnav .navpart>li.hl {
    font-family: "RBDesign Medium", Arial, sans-serif
  }

  html[data-font-lang=ja] .m-header .container.subnav .navpart>li.hl-expertise,
  html[data-font-lang=ja] .m-header .container.subnav .navpart>li.hl {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container.subnav .navpart>li.hl-expertise,
  html[data-font-lang=zh] .m-header .container.subnav .navpart>li.hl {
    font-family: "RBDesign Chs Medium", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container.subnav .navpart>li.hl-expertise,
  html[data-font-lang=ar] .m-header .container.subnav .navpart>li.hl {
    font-family: "RBDesign Arabic Medium", Arial, sans-serif
  }

  .bg-white .m-header .container.subnav .navpart>li.hl-expertise,
  .bg-white .m-header .container.subnav .navpart>li.hl {
    font-family: "RBDesign Light", Arial, sans-serif;
    text-transform: uppercase
  }

  html[data-font-lang=ja] .bg-white .m-header .container.subnav .navpart>li.hl-expertise,
  html[data-font-lang=ja] .bg-white .m-header .container.subnav .navpart>li.hl {
    font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .bg-white .m-header .container.subnav .navpart>li.hl-expertise,
  html[data-font-lang=zh] .bg-white .m-header .container.subnav .navpart>li.hl {
    font-family: "RBDesign Chs Light", Arial, sans-serif
  }

  html[data-font-lang=ar] .bg-white .m-header .container.subnav .navpart>li.hl-expertise,
  html[data-font-lang=ar] .bg-white .m-header .container.subnav .navpart>li.hl {
    font-family: "RBDesign Arabic Regular", Arial, sans-serif
  }
}

.m-header .container.subnav .navpart>li.border-top {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid #aeb6bb
}

.m-header .container.subnav .navpart>li.border-top .hl {
  color: #37a42c
}

.m-header .container.subnav .navpart>li.border-top form {
  margin-top: 10px;
  position: relative
}

.m-header .container.subnav .navpart>li.border-top form:after {
  content: "";
  display: table;
  clear: both
}

.m-header .container.subnav .navpart>li.border-top form .form-group {
  margin: 0
}

.m-header .container.subnav .navpart>li.border-top form .form-group input {
  background: #dee0e3;
  border: none;
  font-size: 15px
}

.m-header .container.subnav .navpart>li.border-top form .form-footer {
  display: inline;
  position: absolute;
  top: 0;
  right: 0
}

.m-header .container.subnav .navpart>li.bottom-links {
  position: absolute;
  bottom: 20px;
  width: 90%;
  padding: 12px 0 9px 0
}

.m-header .container.subnav .navpart>li.bottom-links a {
  width: 33%;
  float: left
}

.m-header .container.subnav .navpart>li.bottom-links form {
  width: 33%;
  float: left
}

.m-header .container.subnav .navpart>li.bottom-links input {
  font-family: "RBDesign Medium", Arial, sans-serif;
  background-color: #dee0e3;
  border: none;
  padding: 5px;
  position: relative;
  bottom: 8px;
  height: 26px
}

html[data-font-lang=ja] .m-header .container.subnav .navpart>li.bottom-links input {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart>li.bottom-links input {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart>li.bottom-links input {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart>li.bottom-links input {
  font-family: Arial, sans-serif
}

.m-header .container.subnav .navpart>li.bottom-links input::-webkit-input-placeholder {
  color: #000;
  font-size: 13px
}

.m-header .container.subnav .navpart>li.bottom-links input:-ms-input-placeholder {
  color: #000;
  font-size: 13px
}

.m-header .container.subnav .navpart>li.bottom-links input::placeholder {
  color: #000;
  font-size: 13px
}

.m-header .container.subnav .navpart>li.bottom-links button.next {
  border: none;
  padding: 0
}

.m-header .container.subnav .navpart.col-2 {
  width: 66.6666666667%
}

@media(min-width: 768px) {
  .m-header .container.subnav .navpart.two-cols {
    -webkit-column-count: 2;
    -webkit-column-gap: 2px;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-color: #fff;
    -moz-column-count: 2;
    -moz-column-gap: 2px;
    -moz-column-rule-style: solid;
    -moz-column-rule-color: #fff;
    column-count: 2;
    column-gap: 2px;
    column-rule-style: solid;
    column-rule-color: #fff;
    -webkit-column-break-inside: avoid;
    break-inside: avoid
  }
}

.m-header .container.subnav .navpart.two-cols:after {
  content: "";
  display: table;
  clear: both
}

@media(max-width: 767px) {
  .m-header .container.subnav .navpart.subnav li:hover {
    text-decoration: underline
  }
}

.m-header .container.subnav .navpart.subnav li:not([class*=more]) a {
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 17px;
  padding-bottom: 1px
}

html[data-font-lang=ja] .m-header .container.subnav .navpart.subnav li:not([class*=more]) a {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart.subnav li:not([class*=more]) a {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart.subnav li:not([class*=more]) a {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

@media(min-width: 768px) {

  .m-header .container.subnav .navpart.subnav li:not([class*=more]) a:hover,
  .m-header .container.subnav .navpart.subnav li:not([class*=more]) a.is-active {
    border-bottom: 1.5px solid #fff !important
  }
}

.m-header .container.subnav .navpart.subnav li.more-left:hover,
.m-header .container.subnav .navpart.subnav li .more-left:hover,
.m-header .container.subnav .navpart.subnav li.more-right:hover,
.m-header .container.subnav .navpart.subnav li .more-right:hover {
  border-bottom: none !important
}

.m-header .container.subnav .navpart.subnav li.more-left a:hover,
.m-header .container.subnav .navpart.subnav li .more-left a:hover,
.m-header .container.subnav .navpart.subnav li.more-right a:hover,
.m-header .container.subnav .navpart.subnav li .more-right a:hover {
  border-bottom: none !important
}

@media(min-width: 768px) {
  .m-header .container.subnav .navpart.subnav li a .next {
    background-color: #fff !important
  }

  .m-header .container.subnav .navpart.subnav li a .next:hover {
    background: #000 !important
  }

  .m-header .container.subnav .navpart.subnav li a:hover {
    border-bottom: none !important
  }

  .m-header .container.subnav .navpart.subnav li a:hover .next {
    background-color: #000 !important
  }
}

.m-header .container.subnav .navpart.bg-white+.bg-white {
  border-left: 1px solid #acacac
}

.m-header .container.subnav .navpart.bg-white>li.hl .hl {
  text-transform: uppercase;
  margin-bottom: 0
}

@media(min-width: 768px) {
  .m-header .container.subnav .navpart.bg-white>li.hl .hl {
    font-size: 18px;
    line-height: 16px;
    vertical-align: top;
    color: #000;
    font-family: "RBDesign Regular", Arial, sans-serif
  }

  html[data-font-lang=ja] .m-header .container.subnav .navpart.bg-white>li.hl .hl {
    font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-header .container.subnav .navpart.bg-white>li.hl .hl {
    font-family: "RBDesign Chs Regular", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-header .container.subnav .navpart.bg-white>li.hl .hl {
    font-family: "RBDesign Arabic Regular", Arial, sans-serif
  }

  html[data-font-lang=fallback] .m-header .container.subnav .navpart.bg-white>li.hl .hl {
    font-family: Arial, sans-serif
  }

  .m-header .container.subnav .navpart.bg-white>li.hl .hl:after {
    display: none
  }
}

.m-header .container.subnav .navpart.bg-insights>li a,
.m-header .container.subnav .navpart.bg-about>li a,
.m-header .container.subnav .navpart.bg-join>li a {
  text-decoration: none;
  color: #fff;
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: .18px
}

html[data-font-lang=ja] .m-header .container.subnav .navpart.bg-insights>li a,
html[data-font-lang=ja] .m-header .container.subnav .navpart.bg-about>li a,
html[data-font-lang=ja] .m-header .container.subnav .navpart.bg-join>li a {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart.bg-insights>li a,
html[data-font-lang=zh] .m-header .container.subnav .navpart.bg-about>li a,
html[data-font-lang=zh] .m-header .container.subnav .navpart.bg-join>li a {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart.bg-insights>li a,
html[data-font-lang=ar] .m-header .container.subnav .navpart.bg-about>li a,
html[data-font-lang=ar] .m-header .container.subnav .navpart.bg-join>li a {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

@media(min-width: 768px) {

  .m-header .container.subnav .navpart.bg-insights>li.hl+.hl,
  .m-header .container.subnav .navpart.bg-about>li.hl+.hl,
  .m-header .container.subnav .navpart.bg-join>li.hl+.hl {
    margin-top: 42px
  }
}

.m-header .container.subnav .navpart.bg-insights>li .more-right a .next,
.m-header .container.subnav .navpart.bg-insights>li .more-left a .next,
.m-header .container.subnav .navpart.bg-about>li .more-right a .next,
.m-header .container.subnav .navpart.bg-about>li .more-left a .next,
.m-header .container.subnav .navpart.bg-join>li .more-right a .next,
.m-header .container.subnav .navpart.bg-join>li .more-left a .next {
  background-color: #fff
}

.m-header .container.subnav .navpart.bg-insights>li .more-right a:hover .next,
.m-header .container.subnav .navpart.bg-insights>li .more-left a:hover .next,
.m-header .container.subnav .navpart.bg-about>li .more-right a:hover .next,
.m-header .container.subnav .navpart.bg-about>li .more-left a:hover .next,
.m-header .container.subnav .navpart.bg-join>li .more-right a:hover .next,
.m-header .container.subnav .navpart.bg-join>li .more-left a:hover .next {
  background-color: #000
}

.m-header .container.subnav .navpart.bg-insights>li .more-right a:hover .next .icon,
.m-header .container.subnav .navpart.bg-insights>li .more-left a:hover .next .icon,
.m-header .container.subnav .navpart.bg-about>li .more-right a:hover .next .icon,
.m-header .container.subnav .navpart.bg-about>li .more-left a:hover .next .icon,
.m-header .container.subnav .navpart.bg-join>li .more-right a:hover .next .icon,
.m-header .container.subnav .navpart.bg-join>li .more-left a:hover .next .icon {
  fill: #fff
}

.m-header .container.subnav .navpart.bg-insights>li .more-right a:hover .next:hover,
.m-header .container.subnav .navpart.bg-insights>li .more-left a:hover .next:hover,
.m-header .container.subnav .navpart.bg-about>li .more-right a:hover .next:hover,
.m-header .container.subnav .navpart.bg-about>li .more-left a:hover .next:hover,
.m-header .container.subnav .navpart.bg-join>li .more-right a:hover .next:hover,
.m-header .container.subnav .navpart.bg-join>li .more-left a:hover .next:hover {
  background-color: #000 !important;
  border: unset !important
}

.m-header .container.subnav .navpart.bg-about>li .more-right .next .icon,
.m-header .container.subnav .navpart.bg-about>li .more-left .next .icon {
  fill: teal
}

.m-header .container.subnav .navpart.bg-join>li .more-right .next .icon,
.m-header .container.subnav .navpart.bg-join>li .more-left .next .icon {
  fill: #84003a
}

.m-header .container.subnav .navpart.bg-insights>li .more-right .next .icon,
.m-header .container.subnav .navpart.bg-insights>li .more-left .next .icon {
  fill: #004ac2
}

.m-header .container.subnav .navpart.articles>li:not(.hl):not(.more-left) {
  padding: 10px 0
}

.m-header .container.subnav .navpart.articles figure:after {
  content: "";
  display: table;
  clear: both
}

.m-header .container.subnav .navpart.articles figure a:hover img {
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96)
}

.m-header .container.subnav .navpart.articles figure img {
  transition: all .2s ease-out;
  float: left;
  width: 49%;
  padding-right: 2%;
  height: auto
}

.m-header .container.subnav .navpart.articles figure figcaption {
  float: none;
  width: 100%;
  font-size: 14px;
  line-height: 19px
}

.m-header .container.subnav .navpart.articles figure figcaption h6 {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .m-header .container.subnav .navpart.articles figure figcaption h6 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart.articles figure figcaption h6 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart.articles figure figcaption h6 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart.articles figure figcaption h6 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-header .container.subnav .navpart.articles figure figcaption p.abstract {
  font-family: "RBDesign Regular", Arial, sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis
}

html[data-font-lang=ja] .m-header .container.subnav .navpart.articles figure figcaption p.abstract {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart.articles figure figcaption p.abstract {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart.articles figure figcaption p.abstract {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart.articles figure figcaption p.abstract {
  font-family: Arial, sans-serif
}

.m-header .container.subnav .navpart.articles figure figcaption i a {
  font-family: "RBDesign Regular", Arial, sans-serif
}

html[data-font-lang=ja] .m-header .container.subnav .navpart.articles figure figcaption i a {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart.articles figure figcaption i a {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart.articles figure figcaption i a {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart.articles figure figcaption i a {
  font-family: Arial, sans-serif
}

.m-header .container.subnav .navpart.events>li.hl .hl {
  padding-bottom: 8px
}

@media(max-width: 1200px) {
  .m-header .container.subnav .navpart.events>li.hl {
    padding-bottom: 16px
  }

  .m-header .container.subnav .navpart.events>li.hl .hl {
    padding-bottom: 0
  }
}

.m-header .container.subnav .navpart.secondlinks>li[class*=more] .more-left,
.m-header .container.subnav .navpart.secondlinks>li[class*=more] .more-right {
  padding: 0 36px 6px 0;
  width: auto;
  display: inline-block;
  letter-spacing: 0
}

.m-header .container.subnav .navpart.secondlinks>li[class*=more] .more-left .next,
.m-header .container.subnav .navpart.secondlinks>li[class*=more] .more-right .next {
  top: 26px
}

.m-header .container.subnav .navpart.secondlinks>li p {
  font-family: "RBDesign Light", Arial, sans-serif;
  text-transform: none;
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0
}

html[data-font-lang=ja] .m-header .container.subnav .navpart.secondlinks>li p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart.secondlinks>li p {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart.secondlinks>li p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

.m-header .container.subnav .navpart.secondlinks>li p strong {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .m-header .container.subnav .navpart.secondlinks>li p strong {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart.secondlinks>li p strong {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart.secondlinks>li p strong {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

.m-header .container.subnav .navpart.secondlinks>li.hidden {
  display: none
}

.m-header .container.subnav .navpart.secondlinks .m-slider-featured {
  max-width: 321px !important
}

@media(min-width: 768px) {
  .m-header .container.subnav .navpart.secondlinks .m-slider-featured {
    max-width: 195px !important
  }
}

@media(min-width: 940px) {
  .m-header .container.subnav .navpart.secondlinks .m-slider-featured {
    max-width: 288px !important
  }
}

@media(min-width: 1280px) {
  .m-header .container.subnav .navpart.secondlinks .m-slider-featured {
    max-width: 321px !important
  }
}

html.js .m-header .container.subnav .navpart.secondlinks .m-slider-featured {
  visibility: hidden
}

html.js .m-header .container.subnav .navpart.secondlinks .m-slider-featured.is-visible {
  visibility: visible
}

.m-header .container.subnav .navpart.secondlinks .m-slider-featured .container {
  position: relative
}

.m-header .container.subnav .navpart.secondlinks .m-slider-featured .container .swiper-container {
  height: inherit
}

.m-header .container.subnav .navpart.secondlinks .m-slider-featured .container .swiper-container .swiper-wrapper {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.m-header .container.subnav .navpart.secondlinks .m-slider-featured .container .swiper-container .swiper-wrapper .swiper-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.m-header .container.subnav .navpart.secondlinks .pagination {
  text-align: center;
  margin-bottom: 20px
}

.m-header .container.subnav .navpart.secondlinks .pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: inherit;
  border: #000 solid 2px;
  opacity: .5
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-header .container.subnav .navpart.secondlinks .pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border: #000 solid .5px
  }
}

.m-header .container.subnav .navpart.secondlinks .pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #000
}

.m-header .container.subnav .navpart.secondlinks figure img {
  width: 100%;
  padding: 10px 0
}

.m-header .container.subnav .navpart.secondlinks figure figcaption {
  font-size: 14px;
  line-height: 19px
}

.m-header .container.subnav .navpart.secondlinks figure figcaption h6 {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .m-header .container.subnav .navpart.secondlinks figure figcaption h6 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart.secondlinks figure figcaption h6 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart.secondlinks figure figcaption h6 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart.secondlinks figure figcaption h6 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-header .container.subnav .navpart.secondlinks figure figcaption span {
  font-family: "RBDesign Regular", Arial, sans-serif
}

html[data-font-lang=ja] .m-header .container.subnav .navpart.secondlinks figure figcaption span {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart.secondlinks figure figcaption span {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart.secondlinks figure figcaption span {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart.secondlinks figure figcaption span {
  font-family: Arial, sans-serif
}

.m-header .container.subnav .navpart .m-list .container {
  padding: 0
}

.m-header .container.subnav .navpart .m-list .container:before {
  left: 104px
}

.m-header .container.subnav .navpart .m-list li {
  position: relative;
  padding-bottom: 12px
}

.m-header .container.subnav .navpart .m-list li .list-item:after {
  content: "";
  display: table;
  clear: both
}

.m-header .container.subnav .navpart .m-list li:after {
  left: 104px
}

.m-header .container.subnav .navpart .m-list li.more:after {
  display: none
}

.m-header .container.subnav .navpart .m-list li.more .more-left {
  width: 100%
}

@media screen and (max-width: 767px) {
  .m-header .container.subnav .navpart .m-list li.more .more-left .next .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
}

.m-header .container.subnav .navpart .m-list li.more .more-left a:hover {
  background: none
}

@media screen and (min-width: 1201px),
screen and (min-height: 769px) {
  .m-header .container.subnav .navpart .m-list li.more .more-left {
    padding-left: 38px
  }
}

.m-header .container.subnav .navpart .m-list li a.more-left:hover {
  background: none
}

.m-header .container.subnav .navpart .m-list li a.more-left:hover .next {
  background-color: #000
}

.m-header .container.subnav .navpart .m-list .meta {
  width: 84px
}

.m-header .container.subnav .navpart .m-list .date {
  font-size: 15px;
  margin-bottom: 0
}

.m-header .container.subnav .navpart .m-list .content {
  font-size: 15px;
  line-height: 1.2;
  width: calc(100% - 144px);
  margin-left: 42px
}

.m-header .container.subnav .navpart .m-list .content .headline {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 22px;
  line-height: 24px;
  padding-top: 4px
}

html[data-font-lang=ja] .m-header .container.subnav .navpart .m-list .content .headline {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart .m-list .content .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart .m-list .content .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart .m-list .content .headline {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-header .container.subnav .navpart .m-list .content a {
  box-shadow: none
}

.m-header .container.subnav .navpart .m-list .content p {
  font-family: "RBDesign Light", Arial, sans-serif;
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0
}

html[data-font-lang=ja] .m-header .container.subnav .navpart .m-list .content p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart .m-list .content p {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart .m-list .content p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

@media screen and (max-width: 1200px),
screen and (max-height: 768px) {
  .m-header .container.subnav .navpart .m-list .list li:not(.more):nth-of-type(1n+4) {
    display: none
  }

  .m-header .container.subnav .navpart .m-list .container {
    display: block;
    width: 100%;
    float: none
  }

  .m-header .container.subnav .navpart .m-list .container:before {
    display: none
  }

  .m-header .container.subnav .navpart .m-list li {
    margin: 0 0 8px 0
  }

  .m-header .container.subnav .navpart .m-list li.more {
    margin-bottom: 0;
    margin-top: 0
  }

  .m-header .container.subnav .navpart .m-list li.more .icon {
    width: 12px
  }

  .m-header .container.subnav .navpart .m-list li:after {
    display: none
  }

  .m-header .container.subnav .navpart .m-list .meta {
    display: block;
    width: 100%;
    float: none;
    text-align: left
  }

  .m-header .container.subnav .navpart .m-list .meta .date {
    margin: 0
  }

  .m-header .container.subnav .navpart .m-list .content {
    display: block;
    width: 100%;
    float: none;
    margin: 0
  }

  .m-header .container.subnav .navpart .m-list .content .headline {
    font-size: 19px;
    line-height: 22px
  }
}

.m-header .container.subnav .navpart .m-about-list .container {
  padding: 0
}

.m-header .container.subnav .navpart .m-about-list .container:before {
  display: none
}

.m-header .container.subnav .navpart .m-about-list li {
  position: relative;
  padding: 10px 0
}

.m-header .container.subnav .navpart .m-about-list li .list-item:after {
  content: "";
  display: table;
  clear: both
}

.m-header .container.subnav .navpart .m-about-list li .event-image {
  height: 93px;
  float: left
}

.m-header .container.subnav .navpart .m-about-list li .event-image:after {
  content: "";
  display: table;
  clear: both
}

.m-header .container.subnav .navpart .m-about-list li .event-image a:hover img {
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96)
}

.m-header .container.subnav .navpart .m-about-list li .event-image img {
  transition: all .2s ease-out;
  float: left;
  width: auto;
  padding-right: 2%;
  height: auto
}

.m-header .container.subnav .navpart .m-about-list li .meta {
  width: calc(90% - 144px);
  text-align: left;
  margin-left: 150px
}

.m-header .container.subnav .navpart .m-about-list li .meta .date {
  color: #a0a0a0;
  font-family: "RBDesign Medium", Arial, sans-serif;
  letter-spacing: .5px;
  font-size: 12px;
  margin: auto;
  text-transform: uppercase;
  line-height: 22px
}

html[data-font-lang=ja] .m-header .container.subnav .navpart .m-about-list li .meta .date {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart .m-about-list li .meta .date {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart .m-about-list li .meta .date {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart .m-about-list li .meta .date {
  font-family: Arial, sans-serif
}

.m-header .container.subnav .navpart .m-about-list li .content {
  font-size: 15px;
  line-height: 1.2;
  width: calc(90% - 144px);
  margin-left: 150px
}

.m-header .container.subnav .navpart .m-about-list li .content .headline {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 14px;
  line-height: 19px;
  padding-top: 4px
}

html[data-font-lang=ja] .m-header .container.subnav .navpart .m-about-list li .content .headline {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart .m-about-list li .content .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart .m-about-list li .content .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart .m-about-list li .content .headline {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-header .container.subnav .navpart .m-about-list li .content p {
  font-family: "RBDesign Regular", Arial, sans-serif;
  line-height: 19px;
  font-size: 13px;
  letter-spacing: 0
}

html[data-font-lang=ja] .m-header .container.subnav .navpart .m-about-list li .content p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart .m-about-list li .content p {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart .m-about-list li .content p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart .m-about-list li .content p {
  font-family: Arial, sans-serif
}

.m-header .container.subnav .navpart .m-about-list li .content p a {
  position: relative;
  color: inherit;
  text-decoration: none;
  box-shadow: inset 0 -3px 0 #f6f600, 0 1px 0 #f6f600
}

@media(min-width: 768px) {
  .m-header .container.subnav .navpart .m-about-list li .content p a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-header .container.subnav .navpart .m-about-list li .content p a[target=_blank] {
  margin-right: 15px
}

.m-header .container.subnav .navpart .m-about-list li .content p a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-header .container.subnav .navpart .m-about-list li .content p a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-header .container.subnav .navpart .m-about-list li .content p a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-header .container.subnav .navpart .m-about-list li .content p a.no-underline {
    box-shadow: none
  }
}

.m-header .container.subnav .navpart .m-about-list li .content p a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-header .container.subnav .navpart .m-about-list li .content p a.no-external-hint[target=_blank]:after {
  display: none
}

.m-header .container.subnav .navpart .m-about-list li .content .duration {
  font-family: "RBDesign Bold", Arial, sans-serif;
  line-height: 19px;
  font-size: 14px;
  letter-spacing: 0;
  padding-bottom: 5px
}

html[data-font-lang=ja] .m-header .container.subnav .navpart .m-about-list li .content .duration {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-header .container.subnav .navpart .m-about-list li .content .duration {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-header .container.subnav .navpart .m-about-list li .content .duration {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-header .container.subnav .navpart .m-about-list li .content .duration {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media screen and (max-width: 1200px),
screen and (max-height: 768px) {
  .m-header .container.subnav .navpart .m-about-list li .list li:not(.more):nth-of-type(1n+4) {
    display: none
  }

  .m-header .container.subnav .navpart .m-about-list li .container {
    display: block;
    width: 100%;
    float: none
  }

  .m-header .container.subnav .navpart .m-about-list li .container:before {
    display: none
  }

  .m-header .container.subnav .navpart .m-about-list li li {
    margin: 0 0 8px 0
  }

  .m-header .container.subnav .navpart .m-about-list li li .meta {
    display: block;
    width: 100%;
    float: none;
    text-align: left
  }

  .m-header .container.subnav .navpart .m-about-list li li .content {
    display: block;
    width: 100%;
    float: none;
    margin: 0
  }

  .m-header .container.subnav .navpart .m-about-list li li .content .headline {
    font-size: 19px;
    line-height: 22px
  }

  .m-header .container.subnav .navpart .m-about-list li li.more {
    margin-bottom: 0;
    margin-top: 0
  }

  .m-header .container.subnav .navpart .m-about-list li li.more .icon {
    width: 12px
  }

  .m-header .container.subnav .navpart .m-about-list li li:after {
    display: none
  }
}

.m-header .container.subnav .navpart .m-about-list li:after {
  display: none
}

.m-header .container.subnav .navpart .m-about-list li.more {
  height: 54px
}

.m-header .container.subnav .navpart .m-about-list li.more:after {
  display: none
}

.m-header .container.subnav .navpart .m-about-list li.more .more-left {
  width: 100%
}

@media screen and (max-width: 767px) {
  .m-header .container.subnav .navpart .m-about-list li.more .more-left .next .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
}

.m-header .container.subnav .navpart .m-about-list li.more .more-left a:hover {
  background: none
}

@media screen and (min-width: 1201px),
screen and (min-height: 769px) {
  .m-header .container.subnav .navpart .m-about-list li.more .more-left {
    padding-left: 38px
  }
}

.m-header .container.subnav .navpart .m-about-list li a.more-left:hover {
  background: none
}

.m-header .container.subnav .navpart .m-about-list li a.more-left:hover .next {
  background-color: #000
}

@media(min-width: 768px) {
  .m-header>.container {
    height: 100%
  }
}

.m-header form .form-group {
  margin-bottom: 20px
}

.m-header form .form-group .c-form-select {
  width: 100%
}

.m-header .form-footer {
  text-align: right
}

.m-header .form-footer .icon-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.m-header .navpart .border-wide {
  margin-left: -40px;
  margin-right: -40px
}

@media(max-width: 1200px) {
  .m-header .navpart .border-wide {
    margin-left: -20px;
    margin-right: -20px
  }
}

.m-header .navpart form .form-group:first-of-type {
  margin-bottom: 4px;
  margin-top: 12px
}

@media(min-width: 1201px) {
  .m-header .navpart form .form-group:first-of-type {
    margin-top: 22px
  }
}

.m-header .navpart form .form-group .c-form-select select {
  background: #dee0e3;
  border: none
}

.m-header .navpart form .form-footer button {
  display: block
}

.m-header .navpart form .form-footer button.bg-about {
  width: auto;
  padding: 0 12px
}

.m-header .navpart form .form-footer button:hover {
  background: #000
}

.m-header .navpart form .form-footer button:hover:after {
  display: none
}

.m-header .navpart form .form-footer button:not(.bg-about) {
  width: 144px;
  text-align: left;
  position: relative
}

.m-header .navpart form .form-footer button:not(.bg-about) .icon {
  width: 16px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.m-header .navpart form .form-footer button:not(.bg-about) .magnifier {
  display: block
}

.m-header .navpart form .form-footer button:not(.bg-about) .arrow {
  display: none
}

.m-header .navpart form .form-footer button:not(.bg-about):hover .magnifier {
  display: none
}

.m-header .navpart form .form-footer button:not(.bg-about):hover .arrow {
  display: block
}

.m-header .navpart .nav-teaser-cta img {
  width: 120px;
  margin-left: 50px;
  margin-top: 2px
}

.m-header .navpart .nav-teaser-cta .icon-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.m-header .navpart .nav-teaser-cta .icon-wrapper span {
  padding-right: 30px
}

.m-header .navpart .nav-teaser-cta .icon-wrapper .icon {
  width: 24px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.m-footer {
  background: #e6e6e6
}

.m-footer .container {
  padding: 30px 0
}

@media(min-width: 768px) {
  .m-footer .container {
    padding: 80px 0
  }
}

.m-footer aside {
  margin-bottom: 50px;
  width: 79.59%;
  float: left;
  margin-right: 2.04%;
  margin-left: 20.4%
}

@media(min-width: 768px) {
  .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;
  display: block
}

.m-footer aside .icon img {
  width: 100px;
  margin-bottom: 30px
}

@media(min-width: 768px) {
  .m-footer aside .icon img {
    width: 130px;
    margin-bottom: 50px
  }
}

.m-footer aside nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center
}

.m-footer aside nav a {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 14px;
  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
}

html[data-font-lang=ja] .m-footer aside nav a {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-footer aside nav a {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-footer aside nav a {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-footer aside nav a {
  font-family: Arial, sans-serif
}

html.no-touchevents .m-footer aside nav a:hover {
  border-bottom-color: #f6f600
}

.m-footer .locations {
  color: #000;
  width: 67.5916749257%;
  float: left;
  margin-right: 8.0277502478%;
  margin-left: 21.6055500496%
}

@media(min-width: 768px) {
  .m-footer .locations {
    margin-left: 8.8834555827%;
    width: 37.8158109209%;
    float: left;
    margin-right: 6.6014669927%
  }
}

.m-footer .locations .country {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 28px;
  line-height: 28px;
  color: #000;
  margin-top: -5px;
  margin-bottom: 40px
}

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

html[data-font-lang=zh] .m-footer .locations .country {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-footer .locations .country {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-footer .locations .country {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-footer .locations .country {
    margin-bottom: 80px
  }
}

.m-footer .locations .photo-credits-head {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #a0a0a0;
  margin-bottom: 15px;
  text-transform: uppercase
}

html[data-font-lang=ja] .m-footer .locations .photo-credits-head {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-footer .locations .photo-credits-head {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-footer .locations .photo-credits-head {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-footer .locations .photo-credits-head {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-footer .locations .photo-credits-head {
    margin-bottom: 10px
  }
}

.m-footer .locations .city {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .4px;
  color: #000
}

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

html[data-font-lang=zh] .m-footer .locations .city {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-footer .locations .city {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-footer .locations .city {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-footer .locations .city {
    font-size: 15px;
    letter-spacing: .2px
  }
}

.m-footer .locations .photo-credits-head {
  margin-top: 60px
}

.m-footer .locations .photo-credits-body {
  font-family: "RBDesign Regular", Arial, sans-serif;
  color: #a0a0a0;
  font-size: 10px;
  line-height: 16px
}

html[data-font-lang=ja] .m-footer .locations .photo-credits-body {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-footer .locations .photo-credits-body {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-footer .locations .photo-credits-body {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-footer .locations .photo-credits-body {
  font-family: Arial, sans-serif
}

.m-footer .locations .organization {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px
}

html[data-font-lang=ja] .m-footer .locations .organization {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-footer .locations .organization {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-footer .locations .organization {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-footer .locations .organization {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-footer .locations .organization {
    font-size: 15px
  }
}

.m-footer .locations .organization .name {
  display: block;
  font-family: "RBDesign Regular", Arial, sans-serif
}

html[data-font-lang=ja] .m-footer .locations .organization .name {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-footer .locations .organization .name {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-footer .locations .organization .name {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-footer .locations .organization .name {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 1280px) {
  .m-footer .locations .organization .contact-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.m-footer .locations .organization .contact-details .address {
  margin-bottom: 20px
}

@media(min-width: 1280px) {
  .m-footer .locations .organization .contact-details .address {
    -ms-flex-order: 0;
    order: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    min-width: 180px;
    margin-right: 60px
  }
}

@media(min-width: 1280px) {
  .m-footer .locations .organization .contact-details .communication {
    -ms-flex-order: 0;
    order: 0;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto
  }
}

.m-footer .locations .organization .contact-details .communication .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.m-footer .locations .organization .contact-details .communication .label {
  font-family: "RBDesign Regular", Arial, sans-serif;
  min-width: 60px;
  margin-right: 10px
}

html[data-font-lang=ja] .m-footer .locations .organization .contact-details .communication .label {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-footer .locations .organization .contact-details .communication .label {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-footer .locations .organization .contact-details .communication .label {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-footer .locations .organization .contact-details .communication .label {
  font-family: Arial, sans-serif
}

.m-footer .locations .organization .contact-details .communication a {
  color: inherit;
  text-decoration: none;
  box-shadow: inset 0 -2px 0 #f6f600
}

@media(min-width: 768px) {
  .m-footer .locations .organization .contact-details .communication a {
    display: inline-block
  }
}

html.no-touchevents .m-footer .locations .organization .contact-details .communication a:hover {
  background: #f6f600
}

.m-footer .locations .organization .contact-details .communication a.telephone {
  box-shadow: none
}

html.no-touchevents .m-footer .locations .organization .contact-details .communication a.telephone:hover {
  background: none
}

.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
}

@media(min-width: 768px) {
  .m-footer .locations .organization+.country {
    margin-top: 80px
  }
}

@media(min-width: 1025px) {
  .m-separator.desktop {
    display: none
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-separator.tablet {
    display: none
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-separator.mobile {
    display: none
  }
}

.m-separator .container {
  height: 96px
}

@media(min-width: 480px) {
  .m-separator .container {
    height: 96px
  }
}

.m-search-separator {
  clear: both
}

@media(min-width: 1025px) {
  .m-search-separator.desktop {
    display: none
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-search-separator.tablet {
    display: none
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-search-separator.mobile {
    display: none
  }
}

.m-search-separator .container {
  height: 15px
}

@media(min-width: 768px) {
  .m-search-separator .container {
    height: 56px
  }
}

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

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

@media(min-width: 768px) {
  .m-back-to-location .container {
    display: block
  }
}

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

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

html[data-font-lang=zh] .m-back-to-location .container a {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-back-to-location .container a {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-back-to-location .container a {
  font-family: Arial, sans-serif;
  font-weight: bold
}

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

.m-back-to-location .container a span:hover {
  border-color: #000
}

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

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

.m-section-headline.no-overline .container:before {
  height: 100%
}

.m-section-headline.is-grey {
  background: #f0f0f0
}

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

@media(min-width: 768px) {
  .m-section-headline .container {
    padding: 40px 0 50px
  }
}

.m-section-headline .container .c-text-paragraph {
  width: 69.38%;
  float: left;
  margin-right: 2.04%;
  margin-left: 21.4%;
  padding-top: 20px
}

@media(min-width: 768px) {
  .m-section-headline .container .c-text-paragraph {
    width: 49.15%;
    float: left;
    margin-right: 1.69%;
    margin-left: 42.37%;
    padding-top: 30px
  }
}

.m-section-headline .overline {
  position: relative;
  margin-left: 9.183%;
  margin-right: 10.8027750248%;
  padding: 18px 0 28px;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  font-size: 15px;
  line-height: 28px;
  letter-spacing: .17px
}

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

html[data-font-lang=zh] .m-section-headline .overline {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-section-headline .overline {
  font-family: "RBDesign Arabic Bold", "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
}

@media(min-width: 768px) {
  .m-section-headline .overline {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .2px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 16px;
    padding-left: 8.48%;
    padding-right: 33.89%
  }
}

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

@media(min-width: 768px) {
  .m-section-headline .overline:after {
    left: 37.28%
  }
}

.m-section-headline .overline:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: auto;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  background-color: #000
}

@media(min-width: 768px) {
  .m-section-headline .overline:before {
    right: 25.42%
  }
}

.m-section-headline h1,
.m-section-headline h2 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 24px;
  line-height: 34px;
  margin-top: 15px;
  letter-spacing: .3px;
  width: 69.38%;
  float: left;
  margin-right: 2.04%;
  margin-left: 22.4%
}

html[data-font-lang=ja] .m-section-headline h1,
html[data-font-lang=ja] .m-section-headline h2 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-section-headline h1,
html[data-font-lang=zh] .m-section-headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-section-headline h1,
html[data-font-lang=ar] .m-section-headline h2 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-section-headline h1,
html[data-font-lang=fallback] .m-section-headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {

  .m-section-headline h1,
  .m-section-headline h2 {
    font-size: 38px;
    line-height: 42px;
    margin-top: 35px;
    letter-spacing: .42px;
    width: 49.15%;
    margin-right: 1.69%;
    margin-left: 42.7%
  }
}

@media(min-width: 1280px) {

  .m-section-headline h1,
  .m-section-headline h2 {
    font-size: 45px;
    line-height: 59px;
    letter-spacing: .5px
  }
}

.m-section-headline h1.add-line:after,
.m-section-headline h2.add-line:after {
  content: "";
  position: absolute;
  top: 0;
  left: 9.183%;
  height: 500px;
  z-index: 0;
  width: 2px;
  background-color: #e6e6e6
}

@media(min-width: 768px) {

  .m-section-headline h1.add-line:after,
  .m-section-headline h2.add-line:after {
    left: 37.28%
  }
}

@media(min-width: 1281px) {
  .m-text.container-stagethinkact {
    max-width: 36.0703812317%
  }

  .m-text.container-stagethinkact .wrapper-stagethinkact {
    background: linear-gradient(to bottom right, #dee0e3 50%, transparent);
    background-position: top left;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .m-text.container-stagethinkact .wrapper-stagethinkact .c-text-left {
    width: 100%
  }
}

.m-text .wrapper {
  width: 69.38%;
  float: left;
  margin-right: 2.04%;
  margin-left: 22.4%
}

@media(min-width: 768px) {
  .m-text .wrapper {
    width: 49.15%;
    margin-right: 1.69%;
    margin-left: 42.7%
  }
}

.m-text .wrapper .c-text-infobox,
.m-text .wrapper .c-text-download {
  margin-top: 30px;
  margin-bottom: 30px
}

@media(min-width: 768px) {

  .m-text .wrapper .c-text-infobox,
  .m-text .wrapper .c-text-download {
    margin-top: 0;
    margin-bottom: 5px
  }
}

.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-list,
.m-text .wrapper .c-text-list-rtl,
.m-text .wrapper .c-text-paragraph,
.m-text .wrapper .c-text-info {
  margin-top: 30px;
  margin-bottom: 30px
}

.m-text .wrapper .c-text-subheadline,
.m-text .wrapper .c-text-subheadline-rtl {
  margin-top: 60px;
  margin-bottom: 30px
}

.m-text .wrapper .c-text-location,
.m-text .wrapper .c-text-blockquote {
  margin-top: 60px;
  margin-bottom: 60px
}

.m-text .wrapper .c-text-list,
.m-text .wrapper .c-text-list-rtl {
  clear: left;
  padding-top: 5px
}

.m-text .wrapper .c-text-button-to-top {
  margin-top: 10px;
  margin-right: 0
}

@media(min-width: 768px) {
  .m-text .wrapper .c-text-button-to-top {
    margin-right: -62px
  }
}

@media(min-width: 1280px) {
  .m-text .wrapper .c-text-button-to-top {
    margin-right: -105px
  }
}

.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: -24.1801139242%;
  margin-left: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 8px #fff
}

@media(min-width: 768px) {
  .m-stage+.m-text .c-text-paragraph:first-child:before {
    left: -16.5794066318%;
    margin-left: -3px
  }
}

.is-join .m-text .c-text-paragraph {
  margin-top: 0
}

.m-teaser-hero.c-local-window {
  display: none
}

.m-teaser-hero.c-local-window--visible {
  display: block
}

.m-teaser-hero.c-local-window .c-local-window__container {
  position: relative;
  margin-bottom: 50px;
  margin-top: 50px
}

.m-teaser-hero.c-local-window .c-local-window__container .content {
  padding: 30px 0 30px
}

@media(min-width: 768px) {
  .m-teaser-hero.c-local-window .c-local-window__container .content {
    padding: 60px 4% 30px
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero.c-local-window .c-local-window__container .content {
    padding: 40px 4% 50px
  }
}

@media(min-width: 1280px) {
  .m-teaser-hero.c-local-window .c-local-window__container .content {
    padding: 100px 4% 50px
  }
}

.m-teaser-hero.c-local-window .c-local-window__container .c-flag {
  height: 80px
}

.m-teaser-hero.c-local-window .c-local-window__container .c-flag .row {
  height: 48px;
  -ms-flex: none;
  flex: none
}

.m-teaser-hero.c-local-window .c-local-window__container:before {
  content: "";
  position: absolute;
  top: -50px;
  bottom: auto;
  height: 50px;
  left: 9.18%;
  z-index: 0;
  width: 2px;
  background-color: #e6e6e6
}

@media(min-width: 768px) {
  .m-teaser-hero.c-local-window .c-local-window__container:before {
    left: 37.28%
  }
}

.m-teaser-hero.c-local-window .c-local-window__container:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: -50px;
  height: 50px;
  left: 9.18%;
  z-index: 0;
  width: 2px;
  background-color: #e6e6e6
}

@media(min-width: 768px) {
  .m-teaser-hero.c-local-window .c-local-window__container:after {
    left: 37.28%
  }
}

.m-teaser-hero .wrapper {
  background: #003b46;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  overflow: hidden
}

html.no-touchevents .m-teaser-hero .wrapper:hover .image img {
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0)
}

html.no-touchevents .m-teaser-hero .wrapper:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

@media(min-width: 768px) {
  .m-teaser-hero .wrapper {
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.m-teaser-hero .c-flag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10
}

.m-teaser-hero .label-wrapper {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 9.8%;
  right: 145px
}

@media(min-width: 768px) {
  .m-teaser-hero .label-wrapper {
    left: 4%;
    right: auto;
    width: 28.9323553382%;
    top: 30px
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero .label-wrapper {
    top: 40px
  }
}

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

.m-teaser-hero .label-wrapper-mirror {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 9.8%;
  right: 145px
}

@media(min-width: 768px) {
  .m-teaser-hero .label-wrapper-mirror {
    left: 54%;
    right: auto;
    width: 28.9323553382%
  }
}

.m-teaser-hero .label-wrapper-mirror .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: inline-block;
  overflow: hidden;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  max-height: 280px
}

@media(min-width: 768px) {
  .m-teaser-hero .image {
    -ms-flex-order: 1;
    order: 1;
    width: 50%;
    max-height: 420px
  }
}

.m-teaser-hero .image img {
  display: block;
  width: 100%;
  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-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: 30px 0 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 78.3944499504%;
  float: left;
  margin-right: 8.0277502478%;
  margin-left: 10.8027750248%
}

@media(min-width: 768px) {
  .m-teaser-hero .content {
    -ms-flex-order: 0;
    order: 0;
    width: 50%;
    margin: 0;
    padding: 60px 4% 30px
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero .content {
    padding: 40px 4% 50px
  }
}

@media(min-width: 1280px) {
  .m-teaser-hero .content {
    padding: 100px 4% 75px
  }
}

.m-teaser-hero .content .headline {
  margin-bottom: 20px
}

@media(min-width: 768px) {
  .m-teaser-hero .content .headline {
    margin-bottom: 0;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero .content .headline {
    -ms-flex: 2 0 auto;
    flex: 2 0 auto
  }
}

@media(min-width: 1280px) {
  .m-teaser-hero .content .headline {
    -ms-flex: 1.5 0 auto;
    flex: 1.5 0 auto
  }
}

.m-teaser-hero .content .headline h2 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 21px;
  line-height: 27px;
  color: #fff
}

html[data-font-lang=ja] .m-teaser-hero .content .headline h2 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-hero .content .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-hero .content .headline h2 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-hero .content .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.type-join.m-teaser-hero .content .headline h2 {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .type-join.m-teaser-hero .content .headline h2 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-hero .content .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-hero .content .headline h2 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .type-join.m-teaser-hero .content .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-teaser-hero .content .headline h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
  }

  html[data-font-lang=fallback] .m-teaser-hero .content .headline h2 {
    font-size: 24px;
    line-height: 24px
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero .content .headline h2 {
    font-size: 36px;
    line-height: 42px
  }

  html[data-font-lang=fallback] .m-teaser-hero .content .headline h2 {
    font-size: 36px;
    line-height: 36px
  }
}

@media(min-width: 1280px) {
  .m-teaser-hero .content .headline h2 {
    font-size: 48px;
    line-height: 56px
  }

  html[data-font-lang=fallback] .m-teaser-hero .content .headline h2 {
    font-size: 42px;
    line-height: 42px
  }
}

@media(min-width: 768px) {
  .m-teaser-hero .content .text {
    -ms-flex: 1.5 1 auto;
    flex: 1.5 1 auto;
    position: relative
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero .content .text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}

.m-teaser-hero .content .text p {
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 13px;
  line-height: 23px
}

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

html[data-font-lang=zh] .m-teaser-hero .content .text p {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-hero .content .text p {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-hero .content .text p {
  font-family: Arial, sans-serif
}

.type-join.m-teaser-hero .content .text p {
  font-family: "RBDesign Medium", Arial, sans-serif
}

html[data-font-lang=ja] .type-join.m-teaser-hero .content .text p {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-hero .content .text p {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-hero .content .text p {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .type-join.m-teaser-hero .content .text p {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-teaser-hero .content .text p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
  }

  html[data-font-lang=fallback] .m-teaser-hero .content .text p {
    font-size: 14px;
    line-height: 18px
  }
}

@media(min-width: 1280px) {
  .m-teaser-hero .content .text p {
    font-size: 18px;
    line-height: 28px
  }

  html[data-font-lang=fallback] .m-teaser-hero .content .text p {
    font-size: 16px;
    line-height: 20px
  }
}

.m-teaser-hero-join .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  color: #fff;
  overflow: hidden
}

html.no-touchevents .m-teaser-hero-join .wrapper:hover .image img {
  -webkit-transform: translate(-50%, -50%) scale(1) translateZ(0);
  transform: translate(-50%, -50%) scale(1) translateZ(0)
}

html.no-touchevents .m-teaser-hero-join .wrapper:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper {
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.m-teaser-hero-join .wrapper .image-tile {
  position: relative;
  display: -ms-flexbox;
  display: flex
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .image-tile {
    width: 49.15%;
    float: left
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .image-tile {
    width: 66.1%;
    float: left
  }
}

.m-teaser-hero-join .wrapper .image-tile-mirror {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px
}

@media(min-width: 390px) {
  .m-teaser-hero-join .wrapper .image-tile-mirror {
    padding-top: 25px
  }
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .image-tile-mirror {
    width: 49.15%;
    float: left;
    margin-right: 0;
    padding-top: 0
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .image-tile-mirror {
    width: 66.1%;
    float: left;
    margin-right: 0
  }
}

.m-teaser-hero-join .wrapper .image-tile-mirror .image-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 8.47% 40px 0
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .image-tile-mirror .image-content {
    padding: 60px 8.47% 60px 0
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .image-tile-mirror .image-content {
    padding: 60px 8.47% 70px 0
  }
}

.m-teaser-hero-join .wrapper .image {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.m-teaser-hero-join .wrapper .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%) scale(1.05) translateZ(0);
  transform: translate(-50%, -50%) scale(1.05) translateZ(0);
  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-hero-join .wrapper .image-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 80px 8.47% 40px 0
}

@media(min-width: 340px) {
  .m-teaser-hero-join .wrapper .image-content {
    padding: 60px 8.47% 40px 0
  }
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .image-content {
    padding: 60px 8.47% 60px 0
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .image-content {
    padding: 60px 8.47% 70px 0
  }
}

.m-teaser-hero-join .wrapper .image-content img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 130px;
  margin-top: auto
}

@media(min-width: 480px) {
  .m-teaser-hero-join .wrapper .image-content img {
    height: 180px
  }
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .image-content img {
    height: 130px;
    margin-top: 95%
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .image-content img {
    height: 320px;
    margin-top: auto
  }
}

.m-teaser-hero-join .wrapper .image-content .text {
  max-width: 280px;
  margin-top: auto;
  margin-bottom: 18px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: .2px;
  -ms-flex-item-align: end;
  align-self: flex-end
}

html[data-font-lang=ja] .m-teaser-hero-join .wrapper .image-content .text {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-hero-join .wrapper .image-content .text {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-hero-join .wrapper .image-content .text {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-hero-join .wrapper .image-content .text {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 480px) {
  .m-teaser-hero-join .wrapper .image-content .text {
    max-width: 320px;
    margin-bottom: 24px
  }

  html[data-font-lang=fallback] .m-teaser-hero-join .wrapper .image-content .text {
    font-size: 24px
  }
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .image-content .text {
    margin-bottom: 18px;
    font-size: 22px;
    line-height: 28px
  }

  html[data-font-lang=fallback] .m-teaser-hero-join .wrapper .image-content .text {
    font-size: 18px
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .image-content .text {
    max-width: 420px;
    margin-bottom: 45px;
    font-size: 31px;
    line-height: 35px;
    letter-spacing: .4px
  }

  html[data-font-lang=fallback] .m-teaser-hero-join .wrapper .image-content .text {
    font-size: 36px
  }
}

.m-teaser-hero-join .wrapper .content-tile {
  position: relative;
  display: -ms-flexbox;
  display: flex
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .content-tile {
    width: 49.15%;
    float: left;
    margin-right: 1.69%
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .content-tile {
    width: 32.2%;
    float: left;
    margin-right: 1.69%
  }
}

.m-teaser-hero-join .wrapper .content-tile-mirror {
  position: relative;
  display: -ms-flexbox;
  display: flex
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .content-tile-mirror {
    width: 49.15%;
    float: left;
    margin-right: 1.69%
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .content-tile-mirror {
    width: 32.2%;
    float: left;
    margin-right: 1.69%
  }
}

.m-teaser-hero-join .wrapper .content-tile-mirror .content-content {
  padding: 110px 8.47% 25px
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .content-tile-mirror .content-content {
    padding: 60px 8.47% 60px
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .content-tile-mirror .content-content {
    padding: 80px 8.47% 70px
  }
}

.m-teaser-hero-join .wrapper .label-wrapper {
  position: absolute;
  z-index: 10;
  top: 20px;
  left: 8.47%;
  right: 145px
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .label-wrapper {
    left: 8.47%;
    right: auto;
    width: 32.2%
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .label-wrapper {
    top: 40px
  }
}

.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: -ms-flexbox;
  display: flex;
  padding: 60px 8.47% 60px
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .content-content {
    padding: 80px 8.47% 70px
  }
}

.m-teaser-hero-join .wrapper .content-content p {
  font-size: 17px;
  line-height: 28px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  margin-top: auto;
  margin-bottom: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
  align-self: flex-end
}

html[data-font-lang=ja] .m-teaser-hero-join .wrapper .content-content p {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-hero-join .wrapper .content-content p {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-hero-join .wrapper .content-content p {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-hero-join .wrapper .content-content p {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 480px) {
  .m-teaser-hero-join .wrapper .content-content p {
    margin-bottom: 17px
  }
}

@media(min-width: 768px) {
  .m-teaser-hero-join .wrapper .content-content p {
    margin-bottom: 13px
  }

  html[data-font-lang=fallback] .m-teaser-hero-join .wrapper .content-content p {
    font-size: 16px;
    line-height: 18px
  }
}

@media(min-width: 1024px) {
  .m-teaser-hero-join .wrapper .content-content p {
    max-width: 420px;
    margin-bottom: 35px
  }
}

.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%
}

@media(min-width: 1280px) {
  .m-teaser-hero-join .wrapper .c-flag {
    top: -5px;
    right: -5px
  }
}

.m-teaser-hero-join .wrapper .c-flag.flag-language {
  right: 0
}

.m-teaser-hero-join .wrapper .c-button,
.m-teaser-hero-join .wrapper .form-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10
}

.m-teaser-superhero {
  position: relative;
  background: #f0f0f0
}

.m-teaser-superhero .container {
  background-color: rgba(0, 0, 0, 0)
}

.m-teaser-superhero .container .wrapper {
  position: relative;
  margin: 50px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  width: 89.79%;
  float: left;
  margin-right: 2.04%
}

html.no-touchevents .m-teaser-superhero .container .wrapper:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 83.05%;
    float: left;
    margin-right: 1.69%;
    margin-left: 8.47%
  }
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper .image {
    width: 41%
  }
}

.m-teaser-superhero .container .wrapper .image .top,
.m-teaser-superhero .container .wrapper .image .bottom {
  background-color: #fff
}

@media(min-width: 768px) {

  .m-teaser-superhero .container .wrapper .image .top,
  .m-teaser-superhero .container .wrapper .image .bottom {
    height: 20px
  }
}

@media(min-width: 1280px) {

  .m-teaser-superhero .container .wrapper .image .top,
  .m-teaser-superhero .container .wrapper .image .bottom {
    height: 40px
  }
}

.m-teaser-superhero .container .wrapper .image .middle {
  display: -ms-flexbox;
  display: flex
}

.m-teaser-superhero .container .wrapper .image .middle .left {
  background-color: #fff;
  width: calc(10.86% - 26px)
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper .image .middle .left {
    width: calc(21.05% - 43px)
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero .container .wrapper .image .middle .left {
    width: calc(21.05% - 65px)
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero .container .wrapper .image .middle .left {
    width: calc(21.05% - 86px)
  }
}

.m-teaser-superhero .container .wrapper .image .middle .middle img {
  height: 143px;
  display: block
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper .image .middle .middle img {
    height: 240px
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero .container .wrapper .image .middle .middle img {
    height: 360px
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero .container .wrapper .image .middle .middle img {
    height: 480px
  }
}

.m-teaser-superhero .container .wrapper .image .middle .right {
  -ms-flex: 1;
  flex: 1;
  background-color: #fff
}

.m-teaser-superhero .container .wrapper .content {
  padding: 0 10.86% 55px 10.86%;
  color: #000;
  background-color: #fff
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper .content {
    padding: 30px 8.47% 30px 0;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero .container .wrapper .content {
    padding: 80px 8.47% 80px 0
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero .container .wrapper .content {
    padding: 120px 8.47% 120px 0
  }
}

.m-teaser-superhero .container .wrapper .content .label-wrapper {
  margin-bottom: 15px
}

.type-join.m-teaser-superhero .container .wrapper .content .label-wrapper {
  display: none
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper .content .label-wrapper {
    position: absolute;
    top: 30px;
    left: 0;
    right: 95px;
    z-index: 10;
    margin: 0
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero .container .wrapper .content .label-wrapper {
    top: 70px;
    right: 160px
  }
}

.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
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper .content .headline {
    -ms-flex: 1 0;
    flex: 1 0;
    position: relative
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero .container .wrapper .content .headline {
    margin-bottom: 0;
    -ms-flex: 1 0 50px;
    flex: 1 0 50px
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero .container .wrapper .content .headline {
    -ms-flex: 1 0 150px;
    flex: 1 0 150px
  }
}

.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: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-superhero .container .wrapper .content .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-superhero .container .wrapper .content .headline h2 {
  font-family: "RBDesign Arabic Bold", "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-size: 27px;
  line-height: 33px;
  letter-spacing: .2px;
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .type-join.m-teaser-superhero .container .wrapper .content .headline h2 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-superhero .container .wrapper .content .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-superhero .container .wrapper .content .headline h2 {
  font-family: "RBDesign Arabic Bold", 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
}

@media(min-width: 1024px) {
  .type-join.m-teaser-superhero .container .wrapper .content .headline h2 {
    font-size: 30px;
    line-height: 40px
  }
}

@media(min-width: 1280px) {
  .type-join.m-teaser-superhero .container .wrapper .content .headline h2 {
    font-size: 55px;
    line-height: 65px
  }
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper .content .headline h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 32px;
    line-height: 32px
  }

  html[data-font-lang=fallback] .m-teaser-superhero .container .wrapper .content .headline h2 {
    font-size: 24px;
    line-height: 24px
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero .container .wrapper .content .headline h2 {
    font-size: 50px;
    line-height: 50px
  }

  html[data-font-lang=fallback] .m-teaser-superhero .container .wrapper .content .headline h2 {
    font-size: 42px;
    line-height: 42px
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero .container .wrapper .content .headline h2 {
    font-size: 80px;
    line-height: 80px
  }

  html[data-font-lang=fallback] .m-teaser-superhero .container .wrapper .content .headline h2 {
    font-size: 72px;
    line-height: 72px
  }
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper .content .text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
  }
}

.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: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-superhero .container .wrapper .content .text p {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-superhero .container .wrapper .content .text p {
  font-family: "RBDesign Arabic Bold", "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: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .type-join.m-teaser-superhero .container .wrapper .content .text p {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-superhero .container .wrapper .content .text p {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-superhero .container .wrapper .content .text p {
  font-family: "RBDesign Arabic Bold", 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
}

@media(min-width: 768px) {
  .m-teaser-superhero .container .wrapper .content .text p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
  }

  html[data-font-lang=fallback] .m-teaser-superhero .container .wrapper .content .text p {
    font-size: 14px;
    line-height: 16px
  }
}

.m-teaser-superhero-join {
  position: relative;
  background: #f0f0f0
}

.m-teaser-superhero-join .container {
  background-color: rgba(0, 0, 0, 0)
}

.m-teaser-superhero-join .container .wrapper {
  position: relative;
  margin: 50px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  width: 89.79%;
  float: left;
  margin-right: 2.04%
}

html.no-touchevents .m-teaser-superhero-join .container .wrapper:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

@media(min-width: 768px) {
  .m-teaser-superhero-join .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 83.05%;
    float: left;
    margin-right: 1.69%;
    margin-left: 8.47%
  }
}

.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.86% 55px 10.86%;
  color: #000;
  background-color: rgba(255, 255, 255, .8)
}

@media(min-width: 768px) {
  .m-teaser-superhero-join .container .wrapper .content {
    padding: 40px 8.47% 60px 8.47%;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero-join .container .wrapper .content {
    padding: 80px 8.47% 80px 8.47%
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero-join .container .wrapper .content {
    padding: 120px 8.47% 120px 8.47%
  }
}

.m-teaser-superhero-join .container .wrapper .content .label-wrapper {
  margin-bottom: 15px
}

@media(min-width: 768px) {
  .m-teaser-superhero-join .container .wrapper .content .label-wrapper {
    position: absolute;
    top: 30px;
    left: 8.47%;
    right: 95px;
    z-index: 10;
    margin: 0
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero-join .container .wrapper .content .label-wrapper {
    top: 70px;
    right: 160px
  }
}

.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
}

@media(min-width: 768px) {
  .m-teaser-superhero-join .container .wrapper .content .headline {
    margin-bottom: 0;
    -ms-flex: 1 0 125px;
    flex: 1 0 125px;
    position: relative
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero-join .container .wrapper .content .headline {
    -ms-flex: 1 0 145px;
    flex: 1 0 145px
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero-join .container .wrapper .content .headline {
    -ms-flex: 1 0 235px;
    flex: 1 0 235px
  }
}

.m-teaser-superhero-join .container .wrapper .content .headline h2 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: .2px
}

html[data-font-lang=ja] .m-teaser-superhero-join .container .wrapper .content .headline h2 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-superhero-join .container .wrapper .content .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-superhero-join .container .wrapper .content .headline h2 {
  font-family: "RBDesign Arabic Bold", 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
}

@media(min-width: 768px) {
  .m-teaser-superhero-join .container .wrapper .content .headline h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 27px;
    line-height: 33px;
    letter-spacing: .4px
  }

  html[data-font-lang=fallback] .m-teaser-superhero-join .container .wrapper .content .headline h2 {
    font-size: 22px;
    line-height: 22px
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero-join .container .wrapper .content .headline h2 {
    font-size: 50px;
    line-height: 50px
  }

  html[data-font-lang=fallback] .m-teaser-superhero-join .container .wrapper .content .headline h2 {
    font-size: 42px;
    line-height: 42px
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero-join .container .wrapper .content .headline h2 {
    font-size: 55px;
    line-height: 65px
  }

  html[data-font-lang=fallback] .m-teaser-superhero-join .container .wrapper .content .headline h2 {
    font-size: 60px;
    line-height: 60px
  }
}

@media(min-width: 768px) {
  .m-teaser-superhero-join .container .wrapper .content .text {
    -ms-flex: 1 1 80px;
    flex: 1 1 80px;
    position: relative
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero-join .container .wrapper .content .text {
    -ms-flex: 1 0 95px;
    flex: 1 0 95px
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero-join .container .wrapper .content .text {
    -ms-flex: 1 0 85px;
    flex: 1 0 85px
  }
}

.m-teaser-superhero-join .container .wrapper .content .text p {
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 13px;
  line-height: 20px
}

html[data-font-lang=ja] .m-teaser-superhero-join .container .wrapper .content .text p {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-superhero-join .container .wrapper .content .text p {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-superhero-join .container .wrapper .content .text p {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-superhero-join .container .wrapper .content .text p {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-teaser-superhero-join .container .wrapper .content .text p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
  }

  html[data-font-lang=fallback] .m-teaser-superhero-join .container .wrapper .content .text p {
    font-size: 14px;
    line-height: 16px
  }
}

@media(min-width: 1024px) {
  .m-teaser-superhero-join .container .wrapper .content .text p {
    font-family: "RBDesign SemiBold", Arial, sans-serif;
    font-size: 18px;
    line-height: 20px
  }

  html[data-font-lang=ja] .m-teaser-superhero-join .container .wrapper .content .text p {
    font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=zh] .m-teaser-superhero-join .container .wrapper .content .text p {
    font-family: "RBDesign Chs Medium", Arial, sans-serif
  }

  html[data-font-lang=ar] .m-teaser-superhero-join .container .wrapper .content .text p {
    font-family: "RBDesign Arabic Medium", 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
  }

  html[data-font-lang=fallback] .m-teaser-superhero-join .container .wrapper .content .text p {
    font-size: 16px;
    line-height: 18px
  }
}

@media(min-width: 1280px) {
  .m-teaser-superhero-join .container .wrapper .content .text p {
    font-size: 20px;
    line-height: 28px
  }

  html[data-font-lang=fallback] .m-teaser-superhero-join .container .wrapper .content .text p {
    font-size: 18px;
    line-height: 26px
  }
}

.m-grid .container {
  overflow: hidden
}

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

@media(min-width: 480px) {
  .m-grid .tiles {
    margin-left: -1px;
    margin-top: -1px
  }
}

.m-grid .tiles .tile-flex {
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.m-grid .tiles .tile {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 1px
}

@media(min-width: 480px) {
  .m-grid .tiles .tile {
    width: 50%;
    padding-left: 1px
  }
}

@media(min-width: 768px) {
  .m-grid .tiles .tile {
    width: 33.33%
  }

  .m-grid .tiles .tile:nth-child(3n+1):last-child {
    margin-left: 33.33%
  }
}

.m-grid .tiles .c-tile-content,
.m-grid .tiles .c-tile-expertise,
.m-grid .tiles .c-tile-image {
  margin-left: 4.08%;
  margin-right: 4.08%
}

@media(min-width: 480px) {

  .m-grid .tiles .c-tile-content,
  .m-grid .tiles .c-tile-expertise,
  .m-grid .tiles .c-tile-image {
    margin-left: 0;
    margin-right: 0
  }
}

.m-contact-box .container:before {
  height: 100%
}

.m-contact-box.is-turquoise {
  background: #d1fcde
}

.m-contact-box.is-grey {
  background: #f0f0f0
}

.m-contact-box .container {
  padding: 40px 0 70px;
  color: #000
}

@media(min-width: 480px) {
  .m-contact-box .container {
    padding: 40px 0 100px
  }
}

@media(min-width: 768px) {
  .m-contact-box .container {
    padding: 40px 0 120px
  }
}

.m-contact-box .content {
  margin-left: 20.4%;
  width: 69.38%;
  float: left;
  margin-right: 2.04%
}

@media(min-width: 768px) {
  .m-contact-box .content {
    margin-left: 42.37%;
    width: 49.15%;
    float: left;
    margin-right: 1.69%
  }
}

.m-contact-box h2 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 30px
}

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

html[data-font-lang=zh] .m-contact-box h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-contact-box h2 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-contact-box h2 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-contact-box h2 {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 10px
  }
}

@media(min-width: 1280px) {
  .m-contact-box h2 {
    font-size: 48px;
    line-height: 52px
  }
}

.m-contact-box .text {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 17px;
  line-height: 22px
}

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

html[data-font-lang=zh] .m-contact-box .text {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-contact-box .text {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-contact-box .text {
  font-family: Arial, sans-serif
}

.m-contact-box .c-button {
  position: absolute;
  right: 0;
  bottom: 0
}

.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-pink100 .wrapper {
  background: #e6006e
}

.m-teaser-double.is-orange .wrapper {
  background: #cc8a00
}

.m-teaser-double.is-orange80 .wrapper {
  background: #f5a241
}

.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-grey20 .wrapper {
  background: #eff0f1
}

.m-teaser-double.is-blue80 .wrapper {
  background: #156c9c
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 1.3875123885%
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0
  }
}

@media(min-width: 1024px) {
  .m-teaser-double .wrapper {
    width: 73.3496332518%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 17.7669111654%
  }
}

.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
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper .c-button {
    right: auto;
    left: 19.0226876091%
  }
}

.m-teaser-double .wrapper .tiles {
  padding: 0 1.3875123885%
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper .tiles {
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
    width: 50%
  }
}

.type-join.m-teaser-double .wrapper .tiles .c-tile-content .headline {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .type-join.m-teaser-double .wrapper .tiles .c-tile-content .headline {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-double .wrapper .tiles .c-tile-content .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-double .wrapper .tiles .c-tile-content .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .type-join.m-teaser-double .wrapper .tiles .c-tile-content .headline {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper .tiles .c-tile-content {
    border-left: 1px solid #fff
  }

  .m-teaser-double .wrapper .tiles .c-tile-content.is-white {
    border-left: 1px solid #ced2d5
  }
}

.m-teaser-double .wrapper .tiles .c-tile-content+.c-tile-content {
  margin-top: 1px
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper .tiles .c-tile-content+.c-tile-content {
    margin-top: 0;
    border-top: 1px solid #fff
  }

  .m-teaser-double .wrapper .tiles .c-tile-content+.c-tile-content.is-white {
    border-top: 1px solid #ced2d5
  }
}

.m-teaser-double .wrapper .content {
  color: #fff;
  padding: 30px 0 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  width: 78.3944499504%;
  float: left;
  margin-right: 8.0277502478%;
  margin-left: 10.8027750248%
}

html.no-touchevents .m-teaser-double .wrapper .content:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper .content {
    -ms-flex-order: 0;
    order: 0;
    margin: 0;
    width: 50%;
    position: relative;
    padding: 30px 8.8834555827% 70px
  }
}

@media(min-width: 1280px) {
  .m-teaser-double .wrapper .content {
    padding: 40px 8.8834555827% 80px
  }
}

.m-teaser-double .wrapper .content .headline {
  margin-bottom: 20px
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper .content .headline {
    margin-bottom: 0;
    -ms-flex: 1 0 100px;
    flex: 1 0 100px;
    position: relative
  }
}

.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: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-double .wrapper .content .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-double .wrapper .content .headline h2 {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-double .wrapper .content .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

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

html[data-font-lang=ja] .type-join.m-teaser-double .wrapper .content .headline h2 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-double .wrapper .content .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-double .wrapper .content .headline h2 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .type-join.m-teaser-double .wrapper .content .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper .content .headline h2 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 42px;
    line-height: 42px
  }

  html[data-font-lang=fallback] .m-teaser-double .wrapper .content .headline h2 {
    font-size: 36px;
    line-height: 36px
  }
}

@media(min-width: 1280px) {
  .m-teaser-double .wrapper .content .headline h2 {
    font-size: 48px;
    line-height: 48px
  }

  html[data-font-lang=fallback] .m-teaser-double .wrapper .content .headline h2 {
    font-size: 42px;
    line-height: 42px
  }
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper .content .text {
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    position: relative
  }
}

.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: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-double .wrapper .content .text p {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-double .wrapper .content .text p {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-double .wrapper .content .text p {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

.type-join.m-teaser-double .wrapper .content .text p {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .type-join.m-teaser-double .wrapper .content .text p {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-double .wrapper .content .text p {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-double .wrapper .content .text p {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .type-join.m-teaser-double .wrapper .content .text p {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-teaser-double .wrapper .content .text p {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 18px
  }

  html[data-font-lang=fallback] .m-teaser-double .wrapper .content .text p {
    font-size: 16px;
    line-height: 18px
  }
}

.m-teaser-double-join .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media(min-width: 768px) {
  .m-teaser-double-join .wrapper {
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media(min-width: 1024px) {
  .m-teaser-double-join .wrapper {
    width: 82.2330888346%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 8.8834555827%
  }
}

.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%
}

@media(min-width: 1280px) {
  .m-teaser-double-join .wrapper .c-flag {
    top: -5px;
    right: -5px
  }
}

.m-teaser-double-join .wrapper .c-flag.flag-language {
  right: 0
}

.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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  width: 100%;
  padding: 70px 10.8027750248% 70px
}

html.no-touchevents .m-teaser-double-join .wrapper .content:hover .image img {
  -webkit-transform: translate(-50%, -50%) scale(1.01) translateZ(0);
  transform: translate(-50%, -50%) scale(1.01) translateZ(0)
}

html.no-touchevents .m-teaser-double-join .wrapper .content:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

@media(min-width: 768px) {
  .m-teaser-double-join .wrapper .content {
    -ms-flex-order: 0;
    order: 0;
    margin: 0;
    width: 50%;
    position: relative;
    padding: 70px 4.4417277914% 70px;
    min-height: 360px
  }
}

@media(min-width: 1280px) {
  .m-teaser-double-join .wrapper .content {
    padding: 40px 4.4417277914% 80px;
    min-height: 420px
  }
}

.m-teaser-double-join .wrapper .content .label-wrapper {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 10.8027750248%;
  right: 10.8027750248%
}

@media(min-width: 768px) {
  .m-teaser-double-join .wrapper .content .label-wrapper {
    left: 8.8834555827%;
    right: 8.8834555827%
  }
}

@media(min-width: 1280px) {
  .m-teaser-double-join .wrapper .content .label-wrapper {
    top: 40px
  }
}

.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-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);
  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
}

@media(min-width: 768px) {
  .m-teaser-double-join .wrapper .content .image img {
    min-width: 420px
  }
}

.m-teaser-double-join .wrapper .content .headline {
  margin-bottom: 20px;
  position: relative
}

@media(min-width: 768px) {
  .m-teaser-double-join .wrapper .content .headline {
    margin-bottom: 0;
    -ms-flex: .3 0 100px;
    flex: .3 0 100px;
    position: relative;
    z-index: 1
  }
}

@media(min-width: 1280px) {
  .m-teaser-double-join .wrapper .content .headline {
    -ms-flex: .5 0 100px;
    flex: .5 0 100px
  }
}

.m-teaser-double-join .wrapper .content .headline h2 {
  font-size: 21px;
  line-height: 31px;
  letter-spacing: .4px;
  color: #fff;
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .m-teaser-double-join .wrapper .content .headline h2 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-double-join .wrapper .content .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-double-join .wrapper .content .headline h2 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-double-join .wrapper .content .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-teaser-double-join .wrapper .content .headline h2 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 30px;
    line-height: 42px
  }

  html[data-font-lang=fallback] .m-teaser-double-join .wrapper .content .headline h2 {
    font-size: 36px;
    line-height: 36px
  }
}

@media(min-width: 1280px) {
  .m-teaser-double-join .wrapper .content .headline h2 {
    font-size: 40px;
    line-height: 52px
  }

  html[data-font-lang=fallback] .m-teaser-double-join .wrapper .content .headline h2 {
    font-size: 42px;
    line-height: 42px
  }
}

.m-teaser-double-join .wrapper .content .text {
  position: relative
}

@media(min-width: 768px) {
  .m-teaser-double-join .wrapper .content .text {
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    position: relative
  }
}

.m-teaser-double-join .wrapper .content .text p {
  font-size: 13px;
  line-height: 23px;
  font-family: "RBDesign Medium", Arial, sans-serif
}

html[data-font-lang=ja] .m-teaser-double-join .wrapper .content .text p {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-double-join .wrapper .content .text p {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-double-join .wrapper .content .text p {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-double-join .wrapper .content .text p {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-teaser-double-join .wrapper .content .text p {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 20px;
    line-height: 28px
  }

  html[data-font-lang=fallback] .m-teaser-double-join .wrapper .content .text p {
    font-size: 16px;
    line-height: 18px
  }
}

.m-stage-overview {
  position: relative;
  background: #156c9c
}

.m-stage-overview.is-light .container .wrapper .headline h1,
.m-stage-overview.is-light .container .wrapper .headline h2 {
  color: #000;
  font-weight: bold
}

.m-stage-overview.is-small .container .wrapper .headline h1,
.m-stage-overview.is-small .container .wrapper .headline h2 {
  font-size: 20px;
  line-height: 22px
}

@media(min-width: 768px) {

  .m-stage-overview.is-small .container .wrapper .headline h1,
  .m-stage-overview.is-small .container .wrapper .headline h2 {
    font-size: 24px;
    line-height: 26px
  }
}

@media(min-width: 1024px) {

  .m-stage-overview.is-small .container .wrapper .headline h1,
  .m-stage-overview.is-small .container .wrapper .headline h2 {
    font-size: 28px;
    line-height: 30px
  }
}

@media(min-width: 1280px) {

  .m-stage-overview.is-small .container .wrapper .headline h1,
  .m-stage-overview.is-small .container .wrapper .headline h2 {
    font-size: 36px;
    line-height: 38px
  }
}

@media(min-width: 1025px) {
  .m-stage-overview.content-tile {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    float: right;
    max-resolution: 0
  }

  .m-stage-overview.desktop {
    display: none
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-stage-overview.tablet {
    display: none
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-stage-overview.mobile {
    display: none
  }
}

@media(min-width: 768px) {
  .m-stage-overview {
    height: 460px
  }
}

@media(min-width: 1280px) {
  .m-stage-overview {
    height: 670px
  }
}

.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-pink100 {
  background: #e6006e
}

.m-stage-overview.is-orange {
  background: #cc8a00
}

.m-stage-overview.is-orange80 {
  background: #f5a241
}

.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-grey20 {
  background: #eff0f1
}

.m-stage-overview.is-blue80 {
  background: #156c9c
}

.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: rgba(0, 0, 0, 0);
  height: inherit
}

.m-stage-overview .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 60px
}

@media(min-width: 768px) {
  .m-stage-overview .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%;
    padding-bottom: 20px
  }
}

@media(min-width: 1280px) {
  .m-stage-overview .container .wrapper {
    padding-bottom: 60px;
    padding-top: 142px
  }
}

.m-stage-overview .container .wrapper .image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 14%;
  height: 180px
}

.type-join.m-stage-overview .container .wrapper .image {
  height: 240px
}

@media(min-width: 768px) {
  .m-stage-overview .container .wrapper .image {
    width: 40.67%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 270px
  }

  .type-join.m-stage-overview .container .wrapper .image {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 0;
    height: 270px
  }
}

@media(min-width: 1280px) {
  .m-stage-overview .container .wrapper .image {
    height: 360px
  }

  .type-join.m-stage-overview .container .wrapper .image {
    height: 360px
  }
}

.m-stage-overview .container .wrapper .image img {
  height: 100%;
  max-height: 240px
}

@media(min-width: 768px) {
  .m-stage-overview .container .wrapper .image img {
    max-height: 270px
  }
}

@media(min-width: 1280px) {
  .m-stage-overview .container .wrapper .image img {
    max-height: 360px
  }
}

.m-stage-overview .container .wrapper .headline {
  padding: 0 21.6%
}

@media(min-width: 768px) {
  .m-stage-overview .container .wrapper .headline {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0
  }
}

.m-stage-overview .container .wrapper .headline h2 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 32px;
  line-height: 35px;
  letter-spacing: .4px;
  color: #fff
}

html[data-font-lang=ja] .m-stage-overview .container .wrapper .headline h2 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-overview .container .wrapper .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-overview .container .wrapper .headline h2 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-overview .container .wrapper .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.type-event.m-stage-overview .container .wrapper .headline h2 {
  font-family: "RBDesign Light", Arial, sans-serif;
  font-size: 45px;
  line-height: 50px;
  text-align: center;
  padding-left: calc(19.33587% - 20px);
  padding-right: calc(19.33587% - 20px)
}

html[data-font-lang=ja] .type-event.m-stage-overview .container .wrapper .headline h2 {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-event.m-stage-overview .container .wrapper .headline h2 {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .type-event.m-stage-overview .container .wrapper .headline h2 {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

@media(min-width: 768px) {
  .m-stage-overview .container .wrapper .headline h2 {
    position: absolute;
    left: 3.2%;
    bottom: 40px;
    width: 68.0351906158%;
    font-size: 44px;
    line-height: 52px;
    letter-spacing: 1px
  }

  html[data-font-lang=fallback] .m-stage-overview .container .wrapper .headline h2 {
    font-size: 42px;
    line-height: 44px
  }

  .type-event.m-stage-overview .container .wrapper .headline h2 {
    text-align: left;
    font-size: 60px;
    line-height: 65px;
    bottom: 53px;
    padding-left: 0
  }
}

@media(min-width: 1280px) {
  .m-stage-overview .container .wrapper .headline h2 {
    bottom: 57px;
    font-size: 68px;
    line-height: 76px
  }

  html[data-font-lang=fallback] .m-stage-overview .container .wrapper .headline h2 {
    font-size: 58px;
    line-height: 60px
  }

  .type-event.m-stage-overview .container .wrapper .headline h2 {
    text-align: left;
    font-size: 90px;
    line-height: 95px;
    bottom: 80px;
    padding-left: 0
  }

  .type-join.m-stage-overview .container .wrapper .headline h2 {
    font-size: 60px;
    line-height: 65px;
    bottom: 50px
  }
}

.m-stage-overview .container .wrapper .headline h1 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 32px;
  line-height: 35px;
  letter-spacing: .4px;
  color: #fff
}

.m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_30-40 {
  font-size: 51px;
  line-height: 59px
}

.m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_40-50 {
  font-size: 46px;
  line-height: 54px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_50-60 {
  font-size: 44px;
  line-height: 52px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_60-70 {
  font-size: 41px;
  line-height: 49px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_70-80 {
  font-size: 36px;
  line-height: 44px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_80-90 {
  font-size: 31px;
  line-height: 39px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_90-99 {
  font-size: 26px;
  line-height: 34px;
  bottom: 60px
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_30-40 {
    font-size: 41px;
    line-height: 49px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_40-50 {
    font-size: 34px;
    line-height: 42px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_50-60 {
    font-size: 28px;
    line-height: 36px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_60-70 {
    font-size: 25px;
    line-height: 33px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_70-80 {
    font-size: 23px;
    line-height: 31px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_80-90 {
    font-size: 21px;
    line-height: 29px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_90-99 {
    font-size: 17px;
    line-height: 25px;
    bottom: 43px
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_30-40 {
    font-size: 30px;
    line-height: 37px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_40-50 {
    font-size: 27px;
    line-height: 34px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_50-60 {
    font-size: 24px;
    line-height: 31px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_60-70 {
    font-size: 21px;
    line-height: 28px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_70-80 {
    font-size: 18px;
    line-height: 25px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_80-90 {
    font-size: 15px;
    line-height: 22px
  }

  .m-stage-overview .container .wrapper .headline h1 span .headline-top.h1_fontsize_90-99 {
    font-size: 12px;
    line-height: 19px
  }
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_30-40 {
  font-size: 47px;
  line-height: 59px
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_40-50 {
  font-size: 42px;
  line-height: 54px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_50-60 {
  font-size: 40px;
  line-height: 52px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_60-70 {
  font-size: 37px;
  line-height: 49px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_70-80 {
  font-size: 32px;
  line-height: 44px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_80-90 {
  font-size: 27px;
  line-height: 39px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_90-99 {
  font-size: 22px;
  line-height: 34px;
  bottom: 60px
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_100-119 {
  font-size: 20px;
  line-height: 32px;
  bottom: 60px
}

.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: .32em;
  line-height: .4em;
  display: inline;
  text-overflow: unset;
  word-spacing: normal
}

.m-stage-overview .container .wrapper .headline h1.st_overview_header .headline-text {
  display: inline;
  text-overflow: unset;
  word-spacing: normal;
  line-height: 1.4em
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_30-40 {
    font-size: 41px;
    line-height: 49px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_40-50 {
    font-size: 34px;
    line-height: 42px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_50-60 {
    font-size: 28px;
    line-height: 36px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_60-70 {
    font-size: 25px;
    line-height: 33px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_70-80 {
    font-size: 23px;
    line-height: 31px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_80-90 {
    font-size: 21px;
    line-height: 29px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_90-99 {
    font-size: 17px;
    line-height: 25px;
    bottom: 43px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_100-119 {
    font-size: 15px;
    line-height: 23px;
    bottom: 43px
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_30-40 {
    font-size: 38px;
    line-height: 45px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_40-50 {
    font-size: 35px;
    line-height: 42px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_50-60 {
    font-size: 32px;
    line-height: 39px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_60-70 {
    font-size: 29px;
    line-height: 36px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_70-80 {
    font-size: 26px;
    line-height: 33px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_80-90 {
    font-size: 23px;
    line-height: 30px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_90-99 {
    font-size: 20px;
    line-height: 27px
  }

  .m-stage-overview .container .wrapper .headline h1.st_overview_header.h1_fontsize_100-119 {
    font-size: 18px;
    line-height: 25px
  }
}

html[data-font-lang=ja] .m-stage-overview .container .wrapper .headline h1 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-overview .container .wrapper .headline h1 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-overview .container .wrapper .headline h1 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-overview .container .wrapper .headline h1 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.type-event.m-stage-overview .container .wrapper .headline h1 {
  font-family: "RBDesign Light", Arial, sans-serif;
  font-size: 45px;
  line-height: 50px;
  text-align: center;
  padding-left: calc(19.33587% - 20px);
  padding-right: calc(19.33587% - 20px)
}

html[data-font-lang=ja] .type-event.m-stage-overview .container .wrapper .headline h1 {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-event.m-stage-overview .container .wrapper .headline h1 {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .type-event.m-stage-overview .container .wrapper .headline h1 {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

@media(min-width: 768px) {
  .m-stage-overview .container .wrapper .headline h1 {
    position: absolute;
    left: 3.38%;
    bottom: 53px;
    width: 68.0351906158%;
    font-size: 44px;
    line-height: 52px;
    letter-spacing: 1px
  }

  html[data-font-lang=fallback] .m-stage-overview .container .wrapper .headline h1 {
    font-size: 42px;
    line-height: 44px
  }

  .type-event.m-stage-overview .container .wrapper .headline h1 {
    text-align: left;
    font-size: 60px;
    line-height: 65px;
    bottom: 53px;
    padding-left: 0
  }
}

@media(min-width: 1280px) {
  .m-stage-overview .container .wrapper .headline h1 {
    bottom: 57px;
    font-size: 64px;
    line-height: 72px
  }

  html[data-font-lang=fallback] .m-stage-overview .container .wrapper .headline h1 {
    font-size: 62px;
    line-height: 64px
  }

  .type-event.m-stage-overview .container .wrapper .headline h1 {
    text-align: left;
    font-size: 90px;
    line-height: 95px;
    bottom: 80px;
    padding-left: 0
  }
}

.m-stage-overview .content-tile {
  position: relative;
  display: -ms-flexbox;
  display: flex
}

@media(max-width: 480px) {
  .m-stage-overview .content-tile {
    margin-bottom: 0;
    top: 74px
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-stage-overview .content-tile {
    top: 74px
  }
}

@media(min-width: 768px) {
  .m-stage-overview .content-tile {
    float: right !important;
    margin-right: 0 !important;
    width: 46.6992665037%;
    float: left;
    margin-right: 6.6014669927%
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-stage-overview .content-tile {
    top: 47px
  }
}

@media(min-width: 1024px) {
  .m-stage-overview .content-tile {
    float: right !important;
    margin-right: 0 !important;
    width: 28.9323553382%;
    float: left;
    margin-right: 6.6014669927%
  }
}

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

@media(min-width: 768px)and (max-width: 1024px) {
  .m-stage-overview .content-tile .c-button {
    line-height: 22px;
    height: 55px;
    font-size: 16px;
    top: -48px;
    letter-spacing: 1px
  }
}

.m-stage-overview .content-tile .c-button .icon_after {
  width: 34px;
  height: 34px;
  margin-left: 10px
}

.m-stage-overview .button {
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: -47px
}

@-moz-document url-prefix() {
  .m-stage-overview .button {
    bottom: -55px
  }
}

.m-stage-overview .button.desktop-only {
  display: none;
  bottom: -55px
}

@-moz-document url-prefix() {
  .m-stage-overview .button.desktop-only {
    bottom: -62px
  }
}

@media(min-width: 1280px) {
  .m-stage-overview .button.desktop-only {
    bottom: 0
  }

  @-moz-document url-prefix() {
    .m-stage-overview .button.desktop-only {
      bottom: -6px
    }
  }
}

.m-stage-overview .button.desktop-only .c-button {
  padding: 28px;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 1.06px
}

.m-stage-overview .button.desktop-only .c-button .icon {
  margin-bottom: -5px
}

@media(min-width: 480px) {
  .m-stage-overview .button.desktop-only {
    display: block
  }

  .m-stage-overview .button.mobile-only {
    display: none
  }
}

.m-stage-overview.new-overview {
  height: auto
}

@media(min-width: 768px) {
  .m-stage-overview.new-overview {
    height: 460px
  }

  .m-stage-overview.new-overview .container:before {
    height: 60px
  }
}

.m-stage-overview.new-overview .wrapper .headline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px
}

@media(min-width: 768px) {
  .m-stage-overview.new-overview .wrapper .headline {
    padding-top: 0
  }
}

.m-stage-overview.new-overview .wrapper .headline h1,
.m-stage-overview.new-overview .wrapper .headline h2 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  line-height: 38px
}

html[data-font-lang=ja] .m-stage-overview.new-overview .wrapper .headline h1,
html[data-font-lang=ja] .m-stage-overview.new-overview .wrapper .headline h2 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-overview.new-overview .wrapper .headline h1,
html[data-font-lang=zh] .m-stage-overview.new-overview .wrapper .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-overview.new-overview .wrapper .headline h1,
html[data-font-lang=ar] .m-stage-overview.new-overview .wrapper .headline h2 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-overview.new-overview .wrapper .headline h1,
html[data-font-lang=fallback] .m-stage-overview.new-overview .wrapper .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {

  .m-stage-overview.new-overview .wrapper .headline h1,
  .m-stage-overview.new-overview .wrapper .headline h2 {
    position: relative;
    left: calc(19.33587% - 40px);
    top: auto;
    bottom: auto;
    width: 68.0351906158%;
    font-size: 42px;
    line-height: 50px
  }
}

html.js .m-slider {
  visibility: hidden
}

html.js .m-slider.is-visible {
  visibility: visible
}

.m-slider .container {
  position: relative
}

.m-slider .swiper-container {
  width: 100%;
  height: 100%
}

.m-slider .swiper-container .swiper-wrapper {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.m-slider .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  box-sizing: border-box
}

.m-slider .navigation .previous,
.m-slider .navigation .next {
  width: 64px;
  height: 64px
}

html.no-touchevents .m-slider .navigation .previous:hover:not([class*=bg-]),
html.no-touchevents .m-slider .navigation .next:hover:not([class*=bg-]) {
  background-color: #c8c8c8
}

.m-slider .navigation .previous .icon,
.m-slider .navigation .next .icon {
  width: 25px;
  height: 25px
}

.m-slider .navigation .previous,
.m-slider .navigation .swiper-container-rtl .next {
  left: 10px
}

@media(min-width: 1360px) {

  .m-slider .navigation .previous,
  .m-slider .navigation .swiper-container-rtl .next {
    left: -32px
  }
}

.m-slider .navigation .next,
.m-slider .navigation .swiper-container-rtl .previous {
  right: 10px
}

@media(min-width: 1360px) {

  .m-slider .navigation .next,
  .m-slider .navigation .swiper-container-rtl .previous {
    right: -32px
  }
}

html.js .m-slider-textpara {
  visibility: hidden
}

html.js .m-slider-textpara.is-visible {
  visibility: visible
}

.m-slider-textpara:after {
  content: "";
  display: table;
  clear: both
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-slider-textpara {
    margin-left: 0;
    width: 100%
  }
}

.m-slider-textpara .container {
  width: inherit;
  color: #000;
  background: #f0f0f0;
  text-align: center;
  font-size: 15px;
  line-height: 22px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media(min-width: 320px)and (max-width: 767px)and (-ms-high-contrast: none), (min-width: 320px)and (max-width: 767px)and (-ms-high-contrast: active) {
  .m-slider-textpara .container {
    display: table
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container:after {
    display: none
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container:before {
    display: none
  }
}

.m-slider-textpara .container .left-half {
  -ms-flex: 1;
  flex: 1;
  position: relative;
  background-color: inherit;
  font-size: 35px;
  line-height: 52px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 0;
  right: 25.51%;
  padding-left: 20.4%;
  text-align: left
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container .left-half {
    float: left;
    clear: both;
    padding-left: 0
  }

  .m-slider-textpara .container .left-half .before {
    display: none
  }
}

@media(min-width: 768px) {
  .m-slider-textpara .container .left-half {
    top: 0;
    text-align: left
  }
}

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

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container .left-half .headline {
    margin-top: 42px;
    margin-right: 0;
    width: 300px;
    font-size: 22px;
    line-height: 26px;
    margin-left: 0
  }
}

html[data-font-lang=ja] .m-slider-textpara .container .left-half .headline {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slider-textpara .container .left-half .headline {
  font-family: "RBDesign Chs Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-slider-textpara .container .left-half .headline {
  font-family: "RBDesign Arabic Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-slider-textpara .container .left-half .headline {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-slider-textpara .container .left-half .headline {
    top: 0;
    text-align: left
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container .left-half {
    top: 0;
    padding-top: 0;
    overflow: hidden;
    width: -webkit-fit-content;
    width: fit-content;
    text-align: left;
    -ms-flex: none;
    flex: none;
    line-height: 22px;
    font-size: 19px;
    left: 10%
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-slider-textpara .container .left-half {
    margin-left: 0
  }
}

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

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container .right-half {
    width: 100%;
    max-width: 280px;
    left: 10%;
    margin-bottom: 42px;
    float: left;
    clear: both
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-slider-textpara .container .right-half {
    width: 100%;
    margin-top: 70px;
    margin-bottom: 45px
  }
}

@media(min-width: 1024px) {
  .m-slider-textpara .container .right-half {
    max-width: 540px
  }
}

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

@media(min-width: 768px)and (max-width: 1024px) {
  .m-slider-textpara .container .right-half .swiper-container {
    left: 6.7888999009%
  }
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

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

@media(min-width: 768px) {
  .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text {
    padding: 0 0 0 42px
  }
}

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

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text .headline {
    font-size: 17px;
    line-height: 24px;
    width: 280px
  }
}

@media(min-width: 768px) {
  .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text .headline {
    max-width: 480px
  }
}

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

html[data-font-lang=ja] .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p {
  font-family: Arial, sans-serif
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p {
    font-size: 13px;
    line-height: 23px
  }
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide .c-tile-text p:last-child {
  margin-bottom: 42px
}

@media(min-width: 1024px) {
  .m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide a figure {
    margin-left: 42px
  }
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide a figure figcaption {
  background-color: #fff;
  color: #000;
  padding: 10px 0;
  text-align: left
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide a figure figcaption p {
  padding: 0 15px
}

.m-slider-textpara .container .right-half .swiper-container .swiper-wrapper .swiper-slide a figure figcaption .reference {
  color: #a0a0a0;
  margin-right: 10px
}

.m-slider-textpara .container .right-half .pagination {
  text-align: left
}

@media(min-width: 768px) {
  .m-slider-textpara .container .right-half .pagination {
    margin-left: 42px
  }
}

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

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container .right-half .pagination.is-black .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border: #000 solid .5px
  }
}

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

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

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-textpara .container .right-half .pagination.is-white .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border: #fff solid .5px
  }
}

.m-slider-textpara .container .right-half .pagination.is-white .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff
}

@media(min-width: 768px) {
  .m-slider-textpara .container .right-half .navigation .next {
    right: -30%
  }
}

html.js .m-slider-images {
  visibility: hidden
}

html.js .m-slider-images.is-visible {
  visibility: visible
}

.m-slider-images:after {
  content: "";
  display: table;
  clear: both
}

.m-slider-images .container {
  position: relative;
  overflow: visible
}

.m-slider-images .container:before,
.m-slider-images .container:after {
  z-index: 0
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-slider-images .container {
    overflow: hidden
  }
}

.m-slider-images .container.left-ext:before,
.m-slider-images .container.left-ext:after {
  height: auto;
  bottom: 0;
  z-index: 2
}

.m-slider-images .container .large {
  height: 46.6992665037%
}

.m-slider-images .container .small {
  background-color: inherit;
  position: relative;
  -ms-flex: 1;
  flex: 1;
  padding-left: 2px;
  margin-left: 9.18367%
}

@media(min-width: 768px) {
  .m-slider-images .container .small {
    width: 63.3251833741%;
    margin-left: 37.229%
  }
}

@media(min-width: 1024px) {
  .m-slider-images .container .small {
    width: 72.878411441%;
    margin-left: 24.90889%
  }
}

.m-slider-images .container .small .swiper-button-prev,
.m-slider-images .container .small .swiper-button-next {
  width: 44px;
  height: 44px
}

.m-slider-images .container .small .swiper-button-prev .icon,
.m-slider-images .container .small .swiper-button-next .icon {
  position: relative;
  width: 20px;
  height: 20px
}

.m-slider-images .container .small .swiper-button-prev,
.m-slider-images .container .small .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
  background-image: none
}

@media(min-width: 1360px) {

  .m-slider-images .container .small .swiper-button-prev,
  .m-slider-images .container .small .swiper-container-rtl .swiper-button-next {
    left: 138px
  }
}

.m-slider-images .container .small .swiper-button-next,
.m-slider-images .container .small .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
  background-image: none
}

@media(min-width: 1360px) {

  .m-slider-images .container .small .swiper-button-next,
  .m-slider-images .container .small .swiper-container-rtl .swiper-button-prev {
    right: 57px
  }
}

.m-slider-images .container .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto
}

@media(min-width: 1024px) {
  .m-slider-images .container .swiper-container {
    width: 73.3496332518%;
    margin-left: 17%
  }
}

.m-slider-images .container .swiper-container .swiper-wrapper {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.m-slider-images .container .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  box-sizing: border-box
}

.m-slider-images .container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.m-slider-images .container .swiper-slide .c-tile-image figure figcaption {
  text-align: left
}

.m-slider-images .container .swiper-button-prev,
.m-slider-images .container .swiper-button-next {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  z-index: 10;
  cursor: pointer;
  border-radius: 50%;
  color: #000;
  opacity: 1;
  transition: background-color .2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity .2s cubic-bezier(0.39, 0.575, 0.565, 1)
}

@media(min-width: 1360px) {

  .m-slider-images .container .swiper-button-prev,
  .m-slider-images .container .swiper-button-next {
    color: #fff;
    background-color: #000
  }
}

html.no-touchevents .m-slider-images .container .swiper-button-prev:hover,
html.no-touchevents .m-slider-images .container .swiper-button-next:hover {
  background-color: #c8c8c8
}

.m-slider-images .container .swiper-button-prev.is-disabled,
.m-slider-images .container .swiper-button-next.is-disabled {
  opacity: 0
}

.m-slider-images .container .swiper-button-prev .icon,
.m-slider-images .container .swiper-button-next .icon {
  position: relative;
  width: 25px;
  height: 25px
}

.m-slider-images .container .swiper-button-prev,
.m-slider-images .container .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
  background-image: none
}

@media(min-width: 1360px) {

  .m-slider-images .container .swiper-button-prev,
  .m-slider-images .container .swiper-container-rtl .swiper-button-next {
    left: 184px
  }
}

.m-slider-images .container .swiper-button-prev .icon,
.m-slider-images .container .swiper-container-rtl .swiper-button-next .icon {
  right: 2px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.m-slider-images .container .swiper-button-next,
.m-slider-images .container .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
  background-image: none
}

@media(min-width: 1360px) {

  .m-slider-images .container .swiper-button-next,
  .m-slider-images .container .swiper-container-rtl .swiper-button-prev {
    right: 76px
  }
}

.m-slider-images .container .swiper-button-next .icon,
.m-slider-images .container .swiper-container-rtl .swiper-button-prev .icon {
  left: 2px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.m-location-overview>.container>.wrapper {
  position: relative;
  padding: 45px 0
}

.m-location-overview>.container>.wrapper .expandable-wrapper {
  margin-bottom: 30px
}

.m-location-overview>.container>.wrapper .expandable-wrapper:last-child {
  margin-bottom: 0
}

.m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 9.183%;
  width: 81.632%;
  position: relative;
  z-index: 1;
  color: #000;
  text-decoration: none
}

@media(min-width: 768px) {
  .m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button {
    width: 27.7913610432%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 9.48%;
    position: relative;
    z-index: 1
  }
}

html.no-touchevents .m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button:hover {
  cursor: pointer
}

.m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button.is-closed .icon:after {
  content: "";
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .icon {
  box-shadow: 0 0 0 8px #fff;
  background-color: #000;
  fill: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  margin-left: -16px;
  position: relative;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px
}

.m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .icon:before,
.m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .icon:after {
  content: "";
  height: 2px;
  width: 16px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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)
}

.m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .icon:after {
  content: "";
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg)
}

@media(min-width: 768px) {
  .m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .icon {
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0;
    margin-right: -16px
  }
}

.m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: .29px;
  font-family: "Arnhem Blond Italic", Arial, sans-serif;
  margin-left: 20px
}

html[data-font-lang=ja] .m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-family: "RBDesign Chs Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-family: "RBDesign Arabic Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-location-overview>.container>.wrapper .expandable-wrapper .expandable-button .label {
    -ms-flex-order: 0;
    order: 0;
    margin-left: 0;
    margin-right: 20px;
    text-align: right
  }
}

@media(min-width: 768px) {
  .m-location-overview>.container>.wrapper .expandable-wrapper {
    margin-bottom: 60px
  }

  .m-location-overview>.container>.wrapper .expandable-wrapper .expandable-content {
    margin-top: -30px
  }
}

.m-location-overview .location-overview__area-container {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.m-location-overview .location-overview__area-container--open {
  display: -ms-flexbox;
  display: flex
}

.m-location-overview .location-overview__area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-bottom: 15px;
  font-size: 17px;
  line-height: 28px;
  font-family: "RBDesign Medium", Arial, sans-serif
}

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

html[data-font-lang=zh] .m-location-overview .location-overview__area {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-location-overview .location-overview__area {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-location-overview .location-overview__area {
  font-family: Arial, sans-serif
}

@media(min-width: 480px) {
  .m-location-overview .location-overview__area {
    width: 50%
  }
}

@media(min-width: 768px) {
  .m-location-overview .location-overview__area {
    width: 33.3333333333%
  }
}

.m-location-overview .location-overview__area .icon {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out
}

.m-location-overview .location-overview__area span {
  color: #d8d8d8
}

.m-location-overview .location-overview__area--open .location-overview__area-text {
  margin-bottom: -1px;
  border-bottom: 1px solid #000
}

.m-location-overview .location-overview__area--open .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.m-location-overview .location-overview__location-container {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 30px
}

.m-location-overview .location-overview__location-container--open {
  display: -ms-flexbox;
  display: flex
}

.m-location-overview .location-overview__location {
  width: 100%;
  margin-top: 5px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #acacac
}

.m-location-overview .location-overview__location:nth-child(n+2) {
  margin-top: 15px
}

@media(min-width: 480px) {
  .m-location-overview .location-overview__location {
    width: 50%
  }

  .m-location-overview .location-overview__location:nth-child(n+2) {
    margin-top: 5px
  }

  .m-location-overview .location-overview__location:nth-child(n+3) {
    margin-top: 15px
  }
}

@media(min-width: 768px) {
  .m-location-overview .location-overview__location {
    width: 33.3333333333%
  }

  .m-location-overview .location-overview__location:nth-child(n+2) {
    margin-top: 5px
  }

  .m-location-overview .location-overview__location:nth-child(n+3) {
    margin-top: 5px
  }

  .m-location-overview .location-overview__location:nth-child(n+4) {
    margin-top: 15px
  }
}

.m-location-overview .location-overview__location-name {
  font-size: 16px;
  font-weight: bold;
  color: #000
}

.m-location-overview .location-overview__location-details-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #d8d8d8
}

.m-location-overview .location-overview__location-details-link .icon {
  margin-right: 10px
}

.m-location-overview .location-overview__location-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 10px;
  text-decoration: none;
  color: #000
}

.m-location-overview .location-overview__location-link-text {
  border-bottom: 2px solid #00aac9
}

.m-location-overview .location-overview__location-link .icon {
  margin-left: 10px
}

.m-location-overview .location-overview__location-link:hover {
  color: #d8d8d8
}

.m-breadcrumb {
  background: #fafafa;
  padding: 40px 0
}

.m-breadcrumb ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

@media(min-width: 768px) {
  .m-breadcrumb ul {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.m-breadcrumb ul li {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  margin: 0 30px
}

html[data-font-lang=ja] .m-breadcrumb ul li {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-breadcrumb ul li {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-breadcrumb ul li {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-breadcrumb ul li {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-breadcrumb ul li {
    font-size: 15px;
    line-height: 18px;
    margin: 5px 15px
  }
}

.m-breadcrumb ul li a {
  color: inherit;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 2px solid rgba(0, 0, 0, 0)
}

@media(min-width: 768px) {
  .m-breadcrumb ul li a {
    padding-bottom: 4px
  }
}

html.no-touchevents .m-breadcrumb ul li a:hover {
  border-bottom-color: #f6f600
}

.m-breadcrumb ul li span {
  color: #000;
  padding-bottom: 4px;
  font-weight: bold;
  border-bottom: 2px solid #f6f600
}

html.no-touchevents .m-breadcrumb ul li span:hover {
  border-bottom-color: inherit
}

.m-breadcrumb ul li .icon {
  width: 8px;
  height: 8px;
  color: #000;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-bottom: 1px
}

@media(min-width: 768px) {
  .m-breadcrumb ul li .icon {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.m-stage-menu {
  position: relative;
  background: #fff
}

@media(min-width: 1025px) {
  .m-stage-menu.desktop {
    display: none
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-stage-menu.tablet {
    display: none
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-stage-menu.mobile {
    display: none
  }
}

@media(min-width: 768px) {
  .m-stage-menu {
    height: 320px
  }
}

@media(min-width: 1280px) {
  .m-stage-menu {
    height: 372px
  }
}

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

.m-stage-menu .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 60px 0
}

@media(min-width: 768px) {
  .m-stage-menu .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%;
    padding-bottom: 20px
  }
}

@media(min-width: 1280px) {
  .m-stage-menu .container .wrapper {
    padding-bottom: 0;
    padding-top: 142px
  }
}

.m-stage-menu .container .wrapper .headline {
  padding: 0 19.33%
}

@media(min-width: 768px) {
  .m-stage-menu .container .wrapper .headline {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0
  }
}

.m-stage-menu .container .wrapper .headline h1 {
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  font-size: 32px;
  line-height: 32px
}

html[data-font-lang=ja] .m-stage-menu .container .wrapper .headline h1 {
  font-family: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-menu .container .wrapper .headline h1 {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-menu .container .wrapper .headline h1 {
  font-family: "RBDesign Arabic Bold", "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
}

@media(min-width: 768px) {
  .m-stage-menu .container .wrapper .headline h1 {
    position: absolute;
    left: 42.37%;
    bottom: 30px;
    width: 37.8158109209%;
    font-size: 48px;
    line-height: 48px
  }

  html[data-font-lang=fallback] .m-stage-menu .container .wrapper .headline h1 {
    font-size: 42px;
    line-height: 42px
  }
}

@media(min-width: 1280px) {
  .m-stage-menu .container .wrapper .headline h1 {
    bottom: 59px;
    font-size: 80px;
    line-height: 80px
  }

  html[data-font-lang=fallback] .m-stage-menu .container .wrapper .headline h1 {
    font-size: 72px;
    line-height: 72px
  }
}

.m-stage-search {
  position: relative;
  background-color: #dee0e3
}

.m-stage-search .search {
  position: relative;
  background: #fff
}

@media(min-width: 768px) {
  .m-stage-search .search {
    height: 320px
  }
}

@media(min-width: 1280px) {
  .m-stage-search .search {
    height: 372px
  }
}

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

.m-stage-search .search .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 54px 0 60px
}

@media(min-width: 768px) {
  .m-stage-search .search .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%;
    padding-bottom: 60px
  }
}

@media(min-width: 1280px) {
  .m-stage-search .search .container .wrapper {
    padding-bottom: 80px;
    padding-top: 142px
  }
}

.m-stage-search .search .container .wrapper .search-icon {
  display: none
}

@media(min-width: 768px) {
  .m-stage-search .search .container .wrapper .search-icon {
    display: block;
    width: 33.89%;
    position: relative
  }
}

.m-stage-search .search .container .wrapper .search-icon .icon {
  color: #a0a0a0
}

html.no-touchevents .m-stage-search .search .container .wrapper .search-icon .icon:hover {
  cursor: pointer
}

@media(min-width: 768px) {
  .m-stage-search .search .container .wrapper .search-icon .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px
  }
}

@media(min-width: 1280px) {
  .m-stage-search .search .container .wrapper .search-icon .icon {
    width: 42px;
    height: 42px
  }
}

.m-stage-search .search .container .wrapper .search-input {
  padding: 0 20.4%
}

@media(min-width: 768px) {
  .m-stage-search .search .container .wrapper .search-input {
    position: relative;
    padding: 0;
    width: 49.15%;
    margin-left: 8.47%
  }
}

.m-stage-search .search .container .wrapper .search-input input {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: none;
  font-size: 32px;
  color: #aeb6bb;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  outline: none;
  -webkit-transform: translateY(10px) translateX(-17px);
  -ms-transform: translateY(10px) translateX(-17px);
  transform: translateY(10px) translateX(-17px);
  position: relative;
  padding: 0;
  left: -8px;
  bottom: 7px;
  text-indent: 17px
}

html[data-font-lang=ja] .m-stage-search .search .container .wrapper .search-input input {
  font-family: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-search .search .container .wrapper .search-input input {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-search .search .container .wrapper .search-input input {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-search .search .container .wrapper .search-input input {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-stage-search .search .container .wrapper .search-input input {
    position: absolute;
    left: 0;
    bottom: -5px;
    font-size: 48px
  }
}

@media(min-width: 1280px) {
  .m-stage-search .search .container .wrapper .search-input input {
    font-size: 80px;
    bottom: -19px
  }
}

.m-stage-search .search .container .wrapper .c-keywords {
  position: absolute;
  top: 120px;
  left: 50%;
  width: 64.8166501487%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none
}

@media(min-width: 768px) {
  .m-stage-search .search .container .wrapper .c-keywords {
    top: 290px;
    width: 35.5338223309%
  }
}

@media(min-width: 1280px) {
  .m-stage-search .search .container .wrapper .c-keywords {
    top: 340px
  }
}

.m-stage-search .search .container .wrapper .c-keywords.active {
  display: block
}

.m-stage-search .search .container .wrapper .c-keywords:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eff0f1 rgba(0, 0, 0, 0);
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.m-new-stage-search {
  position: relative;
  background-color: #dee0e3
}

.m-new-stage-search .search {
  position: relative;
  background: #fff
}

@media(min-width: 768px) {
  .m-new-stage-search .search {
    height: 320px
  }
}

@media(min-width: 1280px) {
  .m-new-stage-search .search {
    height: 372px
  }
}

.m-new-stage-search .search .container {
  background-color: rgba(0, 0, 0, 0);
  height: inherit;
  overflow: visible
}

.m-new-stage-search .search .container hr {
  width: 88.8956805216%;
  margin: 0
}

@media(min-width: 300px) {
  .m-new-stage-search .search .container hr {
    margin-left: 6.77%
  }
}

@media(min-width: 768px) {
  .m-new-stage-search .search .container hr {
    margin-left: 35.59%;
    width: 59.74%
  }
}

.m-new-stage-search .search .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 54px 0 10px
}

@media(min-width: 768px) {
  .m-new-stage-search .search .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%;
    padding-bottom: 10px
  }
}

@media(min-width: 1280px) {
  .m-new-stage-search .search .container .wrapper {
    padding-bottom: 20px;
    padding-top: 142px
  }
}

@media(min-width: 768px) {
  .m-new-stage-search .search .container .wrapper .search-icon {
    width: 8.47%;
    left: 83.05%;
    position: relative
  }
}

.m-new-stage-search .search .container .wrapper .search-icon .icon {
  color: #000
}

html.no-touchevents .m-new-stage-search .search .container .wrapper .search-icon .icon:hover {
  cursor: pointer
}

@media(min-width: 300px) {
  .m-new-stage-search .search .container .wrapper .search-icon .icon {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 26px;
    height: 26px
  }
}

@media(min-width: 360px) {
  .m-new-stage-search .search .container .wrapper .search-icon .icon {
    right: 20px
  }
}

@media(min-width: 768px) {
  .m-new-stage-search .search .container .wrapper .search-icon .icon {
    bottom: 5px;
    right: 0
  }
}

.m-new-stage-search .search .container .wrapper .search-input {
  padding: 0 9.32%
}

@media(min-width: 480px) {
  .m-new-stage-search .search .container .wrapper .search-input {
    padding: 0 8.47%
  }
}

@media(min-width: 768px) {
  .m-new-stage-search .search .container .wrapper .search-input {
    position: relative;
    padding: 0;
    width: 49.15%;
    left: 27.54%
  }
}

.m-new-stage-search .search .container .wrapper .search-input input {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: none;
  font-size: 32px;
  line-height: 22px;
  color: #a0a0a0;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  outline: none;
  -webkit-transform: translateY(10px) translateX(-17px);
  -ms-transform: translateY(10px) translateX(-17px);
  transform: translateY(10px) translateX(-17px);
  position: relative;
  padding: 0;
  left: -8px;
  bottom: 5px;
  text-indent: 17px
}

html[data-font-lang=ja] .m-new-stage-search .search .container .wrapper .search-input input {
  font-family: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-new-stage-search .search .container .wrapper .search-input input {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-new-stage-search .search .container .wrapper .search-input input {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-new-stage-search .search .container .wrapper .search-input input {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-new-stage-search .search .container .wrapper .search-input input {
    position: absolute;
    left: 0;
    font-size: 40px
  }
}

@media(min-width: 1280px) {
  .m-new-stage-search .search .container .wrapper .search-input input {
    bottom: 0
  }
}

.m-new-stage-search .search .container .wrapper .search-input input::-webkit-input-placeholder {
  color: #c8c8c8
}

.m-new-stage-search .search .container .wrapper .search-input input:-moz-placeholder {
  color: #c8c8c8;
  opacity: 1
}

.m-new-stage-search .search .container .wrapper .search-input input::-moz-placeholder {
  color: #c8c8c8;
  opacity: 1
}

.m-new-stage-search .search .container .wrapper .search-input input:-ms-input-placeholder {
  color: #c8c8c8
}

.m-new-stage-search .search .container .wrapper .c-keywords {
  position: absolute;
  top: 120px;
  left: 50%;
  width: 64.8166501487%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none
}

@media(min-width: 768px) {
  .m-new-stage-search .search .container .wrapper .c-keywords {
    top: 290px;
    width: 35.5338223309%
  }
}

@media(min-width: 1280px) {
  .m-new-stage-search .search .container .wrapper .c-keywords {
    top: 340px
  }
}

.m-new-stage-search .search .container .wrapper .c-keywords.active {
  display: block
}

.m-new-stage-search .search .container .wrapper .c-keywords:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eff0f1 rgba(0, 0, 0, 0);
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

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

.m-load-more[ng-cloak] {
  display: none
}

.m-load-more .button {
  position: relative;
  z-index: 10;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  width: auto;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: 6.7888999009%;
  margin-top: 40px;
  margin-bottom: 40px
}

@media(min-width: 300px) {
  .m-load-more .button {
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 50%
  }
}

@media(min-width: 768px) {
  .m-load-more .button {
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 37.28%
  }
}

html.no-touchevents .m-load-more .button:hover .icon {
  background-color: #c8c8c8
}

.m-load-more .button .icon {
  width: 40px;
  height: 40px;
  margin-left: -20px;
  padding: 10px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  transition: background-color .2s cubic-bezier(0.39, 0.575, 0.565, 1);
  box-shadow: 0 0 0 8px #fff
}

@media(min-width: 768px) {
  .m-load-more .button .icon {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    padding: 15px
  }
}

.m-load-more .button .text {
  padding: 0 18px;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .8px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  color: #000;
  text-transform: uppercase
}

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

html[data-font-lang=zh] .m-load-more .button .text {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-load-more .button .text {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-load-more .button .text {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-load-more .button .text {
    padding: 0 36px
  }
}

.m-stage-summary {
  position: relative;
  background: #156c9c
}

@media(min-width: 768px) {
  .m-stage-summary {
    height: 460px
  }
}

@media(min-width: 1280px) {
  .m-stage-summary {
    height: 670px
  }
}

.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-pink100 {
  background: #e6006e
}

.m-stage-summary.is-orange {
  background: #cc8a00
}

.m-stage-summary.is-orange80 {
  background: #f5a241
}

.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-grey20 {
  background: #eff0f1
}

.m-stage-summary.is-blue80 {
  background: #156c9c
}

.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)
}

@media(min-width: 1025px) {
  .m-stage-summary.desktop {
    display: none
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-stage-summary.tablet {
    display: none
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-stage-summary.mobile {
    display: none
  }
}

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

.m-stage-summary .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 60px
}

@media(min-width: 768px) {
  .m-stage-summary .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%;
    padding-bottom: 20px
  }
}

@media(min-width: 1280px) {
  .m-stage-summary .container .wrapper {
    padding-bottom: 60px;
    padding-top: 142px
  }
}

.m-stage-summary .container .wrapper .image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  height: 240px
}

.type-join.m-stage-summary .container .wrapper .image {
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: calc(19.33587% - 40px)
}

@media(min-width: 768px) {
  .m-stage-summary .container .wrapper .image {
    -ms-flex-align: end;
    align-items: flex-end;
    width: 40.67%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 270px
  }

  .type-join.m-stage-summary .container .wrapper .image {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: auto
  }
}

@media(min-width: 1280px) {
  .m-stage-summary .container .wrapper .image {
    height: 400px
  }
}

.m-stage-summary .container .wrapper .image img {
  height: 100%;
  max-height: 240px
}

.type-videologo.m-stage-summary .container .wrapper .image img {
  display: none
}

html.no-touchevents .type-videologo.m-stage-summary .container .wrapper .image img {
  display: none
}

html.touchevents .type-videologo.m-stage-summary .container .wrapper .image img {
  display: block
}

@media(min-width: 768px) {
  .m-stage-summary .container .wrapper .image img {
    max-height: 270px
  }
}

@media(min-width: 1280px) {
  .m-stage-summary .container .wrapper .image img {
    max-height: 400px
  }
}

.m-stage-summary .container .wrapper .summary {
  padding: 0 19.33%
}

@media(min-width: 768px) {
  .m-stage-summary .container .wrapper .summary {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0
  }
}

.m-stage-summary .container .wrapper .summary h1 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 32px;
  line-height: 32px;
  color: #fff
}

html[data-font-lang=ja] .m-stage-summary .container .wrapper .summary h1 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-summary .container .wrapper .summary h1 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-summary .container .wrapper .summary h1 {
  font-family: "RBDesign Arabic Bold", 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
}

@media(min-width: 768px) {
  .m-stage-summary .container .wrapper .summary h1 {
    position: absolute;
    left: 3.38%;
    bottom: 40px;
    width: 70.58%;
    font-size: 48px;
    line-height: 48px
  }

  .m-stage-summary .container .wrapper .summary h1.is-expanded {
    font-size: 24px;
    line-height: 26px
  }

  .m-stage-summary .container .wrapper .summary h1.is-expanded .clickable .before {
    line-height: 17px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1 {
    font-size: 36px;
    line-height: 39px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1.is-expanded {
    font-size: 18px;
    line-height: 20px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1.is-expanded .clickable .before {
    line-height: 17px;
    padding: 3px 3px 1px
  }
}

@media(min-width: 1024px) {
  .m-stage-summary .container .wrapper .summary h1.is-expanded {
    font-size: 28px;
    line-height: 30px
  }

  .m-stage-summary .container .wrapper .summary h1.is-expanded .clickable .before {
    line-height: 19px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1.is-expanded {
    font-size: 18px;
    line-height: 20px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1.is-expanded .clickable .before {
    line-height: 17px;
    padding: 3px 3px 1px
  }
}

@media(min-width: 1280px) {
  .m-stage-summary .container .wrapper .summary h1 {
    bottom: 57px;
    font-size: 72px;
    line-height: 72px
  }

  .m-stage-summary .container .wrapper .summary h1.is-expanded {
    font-size: 36px;
    line-height: 38px
  }

  .m-stage-summary .container .wrapper .summary h1.is-expanded .clickable .before {
    line-height: 22px;
    padding: 3px 3px 4px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1 {
    font-size: 56px;
    line-height: 56px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1.is-expanded {
    font-size: 32px;
    line-height: 32px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1.is-expanded .clickable .before {
    line-height: 24px;
    padding: 4px 3px 3px
  }
}

.m-stage-summary .container .wrapper .summary h1 .clickable .before {
  color: #fff;
  background-color: #000;
  line-height: 23px;
  cursor: pointer;
  display: inline-block;
  padding: 3px 3px 4px
}

.m-stage-summary .container .wrapper .summary h1 .clickable .before>div {
  white-space: nowrap
}

html.no-touchevents .m-stage-summary .container .wrapper .summary h1 .clickable .before:hover {
  background-color: #262626
}

@media(min-width: 768px) {
  .m-stage-summary .container .wrapper .summary h1 .clickable .before {
    line-height: 35px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1 .clickable .before {
    line-height: 25px;
    padding: 6px 3px 6px
  }
}

@media(min-width: 1280px) {
  .m-stage-summary .container .wrapper .summary h1 .clickable .before {
    line-height: 47px;
    padding: 3px 3px 7px
  }

  html[data-font-lang=fallback] .m-stage-summary .container .wrapper .summary h1 .clickable .before {
    line-height: 40px;
    padding: 6px 3px 3px
  }
}

.m-stage-summary .container .wrapper .summary h1 .clickable .after {
  display: none
}

.m-stage-summary .container .wrapper .summary h1 .clickable.is-clicked .before {
  display: none
}

.m-stage-summary .container .wrapper .summary h1 .clickable.is-clicked .after {
  display: inline
}

.m-stage-summary .container .wrapper .summary .networks {
  position: absolute;
  bottom: 10px;
  left: 27.2209446683%
}

@media(min-width: 768px) {
  .m-stage-summary .container .wrapper .summary .networks {
    left: 13.2029339853%;
    bottom: -5px
  }
}

@media(min-width: 1280px) {
  .m-stage-summary .container .wrapper .summary .networks {
    bottom: -20px
  }
}

.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: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "RBDesign 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: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-summary .container .wrapper .summary .networks a {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-summary .container .wrapper .summary .networks a {
  font-family: "RBDesign Arabic Bold", 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
}

@media(min-width: 768px) {
  .m-stage-summary .container .wrapper .summary .networks a {
    margin-bottom: 0
  }

  .m-stage-summary .container .wrapper .summary .networks a+a {
    margin-left: 15px
  }
}

@media(min-width: 1280px) {
  .m-stage-summary .container .wrapper .summary .networks a {
    width: 42px;
    height: 42px
  }
}

html.no-touchevents .m-stage-summary .container .wrapper .summary .networks a:hover {
  color: #fff;
  background-color: #c2005b;
  border-color: #c2005b
}

@media(min-width: 768px) {
  .m-stage-summary .container .wrapper .summary .networks a.mobile {
    display: none
  }
}

.m-stage-summary .container .wrapper .summary .networks a svg {
  width: 16px;
  height: 16px;
  fill: #fff
}

@media(min-width: 1280px) {
  .m-stage-summary .container .wrapper .summary .networks a svg {
    width: 18px;
    height: 18px
  }
}

.m-videoplayer .container:before,
.m-videoplayer .container:after {
  z-index: 0
}

@media(min-width: 768px) {

  .m-videoplayer .container:before,
  .m-videoplayer .container:after {
    z-index: 10
  }
}

.m-videoplayer.has-played .poster {
  display: none
}

@media(min-width: 768px) {

  .m-videoplayer.has-played .container:before,
  .m-videoplayer.has-played .container:after {
    z-index: 0
  }

  .m-videoplayer.has-played .wrapper .headline {
    display: none
  }
}

.m-videoplayer .q2-wrapper {
  width: 60%;
  height: 60%;
  margin-left: 15%
}

.m-videoplayer .wrapper {
  position: relative;
  z-index: 1;
  background: linear-gradient(to bottom right, #dee0e3 0%, #eff0f1 100%)
}

.m-videoplayer .wrapper .q2 {
  padding-bottom: 100% !important
}

.m-videoplayer .wrapper .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden
}

.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: -ms-flexbox;
  display: flex;
  -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
}

@media(min-width: 768px) {
  .m-videoplayer .wrapper .video .play-button {
    width: 20.0488997555%;
    left: 26.6503667482%
  }

  .m-videoplayer .wrapper .video .play-button svg {
    height: auto;
    width: 100%;
    max-width: 240px
  }
}

.m-videoplayer .wrapper .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.m-videoplayer .wrapper .video .cookieconsent-optout-marketing {
  text-align: center;
  margin-top: 25%
}

.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: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-videoplayer .wrapper .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-videoplayer .wrapper .headline {
  font-family: "RBDesign Arabic Bold", "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
}

@media(min-width: 480px) {
  .m-videoplayer .wrapper .headline {
    font-size: 28px;
    line-height: 32px;
    padding: 30px
  }
}

@media(min-width: 768px) {
  .m-videoplayer .wrapper .headline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 6.77%;
    bottom: 0;
    width: 40.67%;
    padding: 0;
    font-family: "Arnhem Bold Italic", Arial, sans-serif;
    font-size: 38px;
    line-height: 42px;
    color: #fff;
    pointer-events: none
  }

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

  html[data-font-lang=zh] .m-videoplayer .wrapper .headline {
    font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
  }

  html[data-font-lang=ar] .m-videoplayer .wrapper .headline {
    font-family: "RBDesign Arabic Bold", "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
  }
}

@media(min-width: 1024px) {
  .m-videoplayer .wrapper .headline {
    font-size: 56px;
    line-height: 60px
  }
}

.m-stage-expert {
  position: relative;
  background: #156c9c
}

@media(min-width: 768px) {
  .m-stage-expert {
    height: 460px
  }
}

@media(min-width: 1280px) {
  .m-stage-expert {
    height: 670px
  }
}

.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-pink100 {
  background: #e6006e
}

.m-stage-expert.is-orange {
  background: #cc8a00
}

.m-stage-expert.is-orange80 {
  background: #f5a241
}

.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-grey20 {
  background: #eff0f1
}

.m-stage-expert.is-blue80 {
  background: #156c9c
}

.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: rgba(0, 0, 0, 0);
  height: inherit
}

.m-stage-expert .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 60px
}

@media(min-width: 768px) {
  .m-stage-expert .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%
  }
}

@media(min-width: 1280px) {
  .m-stage-expert .container .wrapper {
    padding-bottom: 120px;
    padding-top: 142px
  }
}

.m-stage-expert .container .wrapper .image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 35px 0
}

@media(min-width: 768px) {
  .m-stage-expert .container .wrapper .image {
    -ms-flex-align: end;
    align-items: flex-end;
    width: 32.2%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0
  }
}

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

@media(min-width: 768px) {
  .m-stage-expert .container .wrapper .image img {
    max-height: 200px
  }
}

@media(min-width: 1280px) {
  .m-stage-expert .container .wrapper .image img {
    max-height: 280px
  }
}

.m-stage-expert .container .wrapper .person {
  margin: 0 21.6055500496% 75px;
  text-align: center;
  color: #fff
}

@media(min-width: 768px) {
  .m-stage-expert .container .wrapper .person {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: left
  }
}

@media(min-width: 768px) {
  .m-stage-expert .container .wrapper .person .details {
    position: absolute;
    left: 15.38%;
    bottom: 0;
    width: 48.71%
  }
}

.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
}

html.no-touchevents .m-stage-expert .container .wrapper .person .details .name a:hover,
html.no-touchevents .m-stage-expert .container .wrapper .person .details .job-title a:hover,
html.no-touchevents .m-stage-expert .container .wrapper .person .details .address a:hover,
html.no-touchevents .m-stage-expert .container .wrapper .person .details .telephone a:hover {
  color: #eee
}

.m-stage-expert .container .wrapper .person .details .name {
  font-family: "RBDesign Regular", Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 32px;
  font-size: 32px
}

html[data-font-lang=ja] .m-stage-expert .container .wrapper .person .details .name {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-expert .container .wrapper .person .details .name {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-expert .container .wrapper .person .details .name {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-expert .container .wrapper .person .details .name {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-stage-expert .container .wrapper .person .details .name {
    font-size: 42px;
    line-height: 42px
  }

  html[data-font-lang=fallback] .m-stage-expert .container .wrapper .person .details .name {
    font-size: 36px;
    line-height: 36px
  }
}

@media(min-width: 1280px) {
  .m-stage-expert .container .wrapper .person .details .name {
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 35px
  }

  html[data-font-lang=fallback] .m-stage-expert .container .wrapper .person .details .name {
    font-size: 62px;
    line-height: 62px
  }
}

.m-stage-expert .container .wrapper .person .details .job-title {
  font-family: "RBDesign Regular", 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: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-expert .container .wrapper .person .details .job-title {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-expert .container .wrapper .person .details .job-title {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-expert .container .wrapper .person .details .job-title {
  font-family: Arial, sans-serif
}

.m-stage-expert .container .wrapper .person .details .address {
  font-family: "RBDesign 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: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-expert .container .wrapper .person .details .address {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-expert .container .wrapper .person .details .address {
  font-family: "RBDesign Arabic Medium", 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: "RBDesign 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: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-expert .container .wrapper .person .details .telephone {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-expert .container .wrapper .person .details .telephone {
  font-family: "RBDesign Arabic Medium", 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
}

.m-slide-quote.is-blue .wrapper {
  background: #004ac2
}

.m-slide-quote.is-blue .wrapper blockquote {
  color: #fff
}

.m-slide-quote.is-blue .wrapper .person {
  color: #fff
}

.m-slide-quote.is-white .wrapper {
  background: #fff
}

.m-slide-quote.is-white .wrapper .content .quote blockquote {
  color: #004ac2
}

.m-slide-quote.is-white .wrapper .content .person .details .name {
  color: #000
}

.m-slide-quote.is-white .wrapper .content .person .details .job-title,
.m-slide-quote.is-white .wrapper .content .person .details .address,
.m-slide-quote.is-white .wrapper .content .person .details .telephone {
  color: #787878
}

.m-slide-quote .container:before,
.m-slide-quote .container:after {
  z-index: 0
}

@media(min-width: 768px) {

  .m-slide-quote .container:before,
  .m-slide-quote .container:after {
    z-index: 10
  }
}

@media(min-width: 768px) {
  .m-slide-quote .container .c-background img {
    width: 100%
  }
}

.m-slide-quote .container .wrapper {
  padding: 50px 0 0;
  position: relative;
  z-index: 1;
  color: #fff
}

.m-slide-quote .container .wrapper .c-share-button {
  z-index: 10;
  height: 48px
}

.m-slide-quote .container .wrapper .c-share-button .button-group {
  top: 0
}

@media(min-width: 768px) {
  .m-slide-quote .container .wrapper {
    padding: 0
  }

  .m-slide-quote .container .wrapper .c-share-button {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0
  }
}

.m-slide-quote .container .wrapper .content {
  padding: 0 10.8027750248%
}

@media(min-width: 768px) {
  .m-slide-quote .container .wrapper .content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 40px 10.8027750248%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.m-slide-quote .container .wrapper .content .quote blockquote {
  font-family: "Arnhem Normal", Arial, sans-serif;
  font-size: 24px;
  line-height: 36px;
  text-align: center
}

html[data-font-lang=ja] .m-slide-quote .container .wrapper .content .quote blockquote {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slide-quote .container .wrapper .content .quote blockquote {
  font-family: "RBDesign Chs Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-slide-quote .container .wrapper .content .quote blockquote {
  font-family: "RBDesign Arabic Regular", "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
}

@media(min-width: 768px) {
  .m-slide-quote .container .wrapper .content .quote blockquote {
    text-align: left;
    font-size: 31px;
    line-height: 43px;
    padding: 60px 0 60px 0
  }

  html[data-font-lang=fallback] .m-slide-quote .container .wrapper .content .quote blockquote {
    font-size: 32px;
    line-height: 44px
  }
}

@media(min-width: 1024px) {
  .m-slide-quote .container .wrapper .content .quote blockquote {
    font-size: 43px;
    line-height: 55px
  }

  html[data-font-lang=fallback] .m-slide-quote .container .wrapper .content .quote blockquote {
    font-size: 32px;
    line-height: 54px
  }
}

.m-slide-quote .container .wrapper .content .quote+.person {
  margin-top: 50px
}

@media(min-width: 768px) {
  .m-slide-quote .container .wrapper .content .quote+.person {
    margin-top: 0
  }
}

.m-slide-quote .container .wrapper .content .person {
  text-align: center;
  padding-bottom: 40px
}

@media(min-width: 768px) {
  .m-slide-quote .container .wrapper .content .person {
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    margin-bottom: 30px;
    padding-bottom: 0;
    padding-left: 36.6748166259%;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px)
  }
}

@media(min-width: 1280px) {
  .m-slide-quote .container .wrapper .content .person {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px)
  }
}

.m-slide-quote .container .wrapper .content .person .image {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

@media(min-width: 768px) {
  .m-slide-quote .container .wrapper .content .person .image {
    margin-right: 15px
  }
}

.m-slide-quote .container .wrapper .content .person .image img {
  border-radius: 100%;
  max-height: 70px
}

@media(min-width: 768px) {
  .m-slide-quote .container .wrapper .content .person .image img {
    max-height: 80px;
    display: block
  }
}

@media(min-width: 1280px) {
  .m-slide-quote .container .wrapper .content .person .image img {
    max-height: 100px
  }
}

.m-slide-quote .container .wrapper .content .person .details {
  -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
}

html.no-touchevents .m-slide-quote .container .wrapper .content .person .details .name a:hover,
html.no-touchevents .m-slide-quote .container .wrapper .content .person .details .job-title a:hover,
html.no-touchevents .m-slide-quote .container .wrapper .content .person .details .address a:hover,
html.no-touchevents .m-slide-quote .container .wrapper .content .person .details .telephone a:hover {
  color: #eee
}

.m-slide-quote .container .wrapper .content .person .details .name {
  display: block;
  font-family: "RBDesign Bold", Arial, sans-serif;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.4px;
  text-decoration: none
}

html[data-font-lang=ja] .m-slide-quote .container .wrapper .content .person .details .name {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slide-quote .container .wrapper .content .person .details .name {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-slide-quote .container .wrapper .content .person .details .name {
  font-family: "RBDesign Arabic Bold", 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
}

@media(min-width: 768px) {
  .m-slide-quote .container .wrapper .content .person .details .name {
    margin-bottom: 20px
  }
}

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

html[data-font-lang=ja] .m-slide-quote .container .wrapper .content .person .details .job-title {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slide-quote .container .wrapper .content .person .details .job-title {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-slide-quote .container .wrapper .content .person .details .job-title {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-slide-quote .container .wrapper .content .person .details .job-title {
  font-family: Arial, sans-serif
}

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

html[data-font-lang=ja] .m-slide-quote .container .wrapper .content .person .details .address {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slide-quote .container .wrapper .content .person .details .address {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-slide-quote .container .wrapper .content .person .details .address {
  font-family: "RBDesign Arabic Medium", 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: "RBDesign Medium", Arial, sans-serif;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px
}

html[data-font-lang=ja] .m-slide-quote .container .wrapper .content .person .details .telephone {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slide-quote .container .wrapper .content .person .details .telephone {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-slide-quote .container .wrapper .content .person .details .telephone {
  font-family: "RBDesign Arabic Medium", 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,
.m-search-contact .wrapper {
  position: relative;
  background-color: #f0f0f0
}

@media(min-width: 768px) {

  .m-contact .container,
  .m-search-contact .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
}

.m-contact .container:before,
.m-search-contact .container:before {
  display: none
}

@media(min-width: 768px) {

  .m-contact .container:before,
  .m-search-contact .container:before {
    display: block
  }
}

.m-contact .image,
.m-search-contact .image {
  display: block;
  margin-top: 25px;
  text-align: center
}

@media(min-width: 768px) {

  .m-contact .image,
  .m-search-contact .image {
    position: relative;
    width: 10.16%;
    margin-top: 0;
    margin-left: 32.2%;
    float: left
  }
}

.m-contact .image img,
.m-search-contact .image img {
  box-shadow: 0 0 0 8px #f0f0f0;
  height: 72px;
  width: 72px;
  border-radius: 50%;
  vertical-align: bottom
}

.m-contact .details,
.m-search-contact .details {
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 12px;
  line-height: 16px
}

@media(min-width: 768px) {

  .m-contact .details,
  .m-search-contact .details {
    position: relative;
    width: 53.3007334963%;
    margin-left: 44.37%;
    float: left;
    text-align: left;
    margin-bottom: 65px
  }
}

@media(min-width: 1024px) {

  .m-contact .details,
  .m-search-contact .details {
    padding-left: 0;
    margin-bottom: 25px;
    margin-left: 42.37%
  }
}

.m-contact .details .name,
.m-search-contact .details .name {
  font-family: "RBDesign Bold", Arial, sans-serif;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: .2px;
  color: #000
}

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

html[data-font-lang=zh] .m-contact .details .name,
html[data-font-lang=zh] .m-search-contact .details .name {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-contact .details .name,
html[data-font-lang=ar] .m-search-contact .details .name {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {

  .m-contact .details .name,
  .m-search-contact .details .name {
    margin-bottom: 20px
  }
}

.m-contact .details .name a,
.m-search-contact .details .name a {
  display: inline-block;
  text-decoration: none;
  color: inherit
}

html.no-touchevents .m-contact .details .name a:hover,
html.no-touchevents .m-search-contact .details .name a:hover {
  box-shadow: inset 0 -2px 0 #000
}

.m-contact .details a[href^="tel:"]:hover,
.m-search-contact .details a[href^="tel:"]:hover {
  cursor: pointer
}

.m-contact .details .job-title,
.m-contact .details .address,
.m-contact .details .telephone,
.m-search-contact .details .job-title,
.m-search-contact .details .address,
.m-search-contact .details .telephone {
  color: #787878;
  margin-bottom: 5px
}

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

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

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

html[data-font-lang=zh] .m-contact .details .job-title,
html[data-font-lang=zh] .m-search-contact .details .job-title {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-contact .details .job-title,
html[data-font-lang=ar] .m-search-contact .details .job-title {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-contact .details .job-title,
html[data-font-lang=fallback] .m-search-contact .details .job-title {
  font-family: Arial, sans-serif
}

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

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

html[data-font-lang=zh] .m-contact .details .address,
html[data-font-lang=zh] .m-search-contact .details .address {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-contact .details .address,
html[data-font-lang=ar] .m-search-contact .details .address {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-contact .details .address,
html[data-font-lang=fallback] .m-search-contact .details .address {
  font-family: Arial, sans-serif
}

.m-contact .details .address a,
.m-search-contact .details .address a {
  position: relative;
  color: inherit;
  text-decoration: none;
  box-shadow: inset 0 -3px 0 #f6f600, 0 1px 0 #f6f600
}

@media(min-width: 768px) {

  .m-contact .details .address a,
  .m-search-contact .details .address a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-contact .details .address a[target=_blank],
.m-search-contact .details .address a[target=_blank] {
  margin-right: 15px
}

.m-contact .details .address a[target=_blank]:after,
.m-search-contact .details .address a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-contact .details .address a:hover,
html.no-touchevents .m-search-contact .details .address a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-contact .details .address a.no-underline,
.m-search-contact .details .address a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {

  .m-contact .details .address a.no-underline,
  .m-search-contact .details .address a.no-underline {
    box-shadow: none
  }
}

.m-contact .details .address a.no-external-hint[target=_blank],
.m-search-contact .details .address a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-contact .details .address a.no-external-hint[target=_blank]:after,
.m-search-contact .details .address a.no-external-hint[target=_blank]:after {
  display: none
}

.m-contact .details .telephone,
.m-search-contact .details .telephone {
  font-family: "RBDesign Medium", Arial, sans-serif;
  text-decoration: none
}

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

html[data-font-lang=zh] .m-contact .details .telephone,
html[data-font-lang=zh] .m-search-contact .details .telephone {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-contact .details .telephone,
html[data-font-lang=ar] .m-search-contact .details .telephone {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-contact .details .telephone,
html[data-font-lang=fallback] .m-search-contact .details .telephone {
  font-family: Arial, sans-serif
}

html.no-touchevents .m-contact .details .telephone:hover,
html.no-touchevents .m-search-contact .details .telephone:hover {
  border-color: rgba(0, 0, 0, 0)
}

@media(min-width: 768px) {

  .m-contact .image+.details,
  .m-search-contact .image+.details {
    margin-left: 2%
  }
}

@media(min-width: 1024px) {

  .m-contact .image+.details,
  .m-search-contact .image+.details {
    margin-left: 0
  }
}

.m-contact .c-share-networks,
.m-search-contact .c-share-networks {
  margin: 0 auto;
  overflow: hidden
}

@media(min-width: 768px) {

  .m-contact .c-share-networks,
  .m-search-contact .c-share-networks {
    position: absolute;
    bottom: 0;
    right: 0
  }
}

.m-hubspot-contact {
  margin: 40px
}

@media(min-width: 768px) {
  .m-hubspot-contact .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
}

.m-hubspot-contact .image {
  display: block;
  text-align: center
}

@media(min-width: 768px) {
  .m-hubspot-contact .image {
    position: relative;
    float: left;
    width: 130px
  }
}

.m-hubspot-contact .image img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  vertical-align: bottom
}

.m-hubspot-contact .details {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  margin-top: 20px
}

@media(min-width: 768px) {
  .m-hubspot-contact .details {
    position: relative;
    float: left;
    text-align: left;
    margin-top: 0
  }
}

.m-hubspot-contact .details .name {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #000
}

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

html[data-font-lang=zh] .m-hubspot-contact .details .name {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-hubspot-contact .details .name {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.m-hubspot-contact .details .name a {
  display: inline-block;
  text-decoration: none;
  color: inherit
}

html.no-touchevents .m-hubspot-contact .details .name a:hover {
  box-shadow: inset 0 -2px 0 #000
}

.m-teaser-news {
  position: relative;
  background: #00d4c4
}

.m-teaser-news .wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end
}

@media(min-width: 768px) {
  .m-teaser-news .wrapper {
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.m-teaser-news a {
  text-decoration: none;
  color: inherit
}

html.no-touchevents .m-teaser-news a:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

.m-teaser-news .hero-text {
  width: 100%
}

@media(min-width: 768px) {
  .m-teaser-news .hero-text {
    width: 42.37%;
    padding-right: 3.38%;
    background: none
  }
}

.m-teaser-news .hero-text .svg-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 21.5053763441%
}

.m-teaser-news .hero-text .svg-wrapper svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 120px;
  fill: currentColor;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  color: #000;
  overflow: visible
}

html[data-font-lang=ja] .m-teaser-news .hero-text .svg-wrapper svg {
  font-family: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-news .hero-text .svg-wrapper svg {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-news .hero-text .svg-wrapper svg {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-news .hero-text .svg-wrapper svg {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-teaser-news .hero-text .svg-wrapper svg {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
  }
}

.m-teaser-news .hero-text .svg-wrapper svg text {
  text-anchor: start
}

@media(min-width: 768px) {
  .m-teaser-news .hero-text .svg-wrapper svg text {
    text-anchor: end
  }
}

.m-teaser-news .content {
  position: relative;
  width: 100%;
  padding: 10% 0 0 20.4%
}

@media(min-width: 768px) {
  .m-teaser-news .content {
    width: 57.62%;
    padding: 40px 0 0 0
  }
}

.m-teaser-news .content .headline,
.m-teaser-news .content p,
.m-teaser-news .content .networks {
  margin-right: 10.2%;
  font-size: 15px;
  line-height: 22px
}

@media(min-width: 768px) {

  .m-teaser-news .content .headline,
  .m-teaser-news .content p,
  .m-teaser-news .content .networks {
    margin-right: 14.7%;
    font-size: 18px;
    line-height: 28px
  }
}

.m-teaser-news .content .headline {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-weight: bold;
  color: #000
}

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

html[data-font-lang=zh] .m-teaser-news .content .headline {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-news .content .headline {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-news .content .headline {
  font-family: Arial, sans-serif
}

.m-teaser-news .content p {
  font-family: "RBDesign Light", Arial, sans-serif;
  margin-bottom: 15px
}

html[data-font-lang=ja] .m-teaser-news .content p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-news .content p {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-news .content p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-news .content p {
  font-family: Arial, sans-serif
}

.m-teaser-news .content .networks {
  margin-bottom: 25px
}

@media(min-width: 768px) {
  .m-teaser-news .content .networks {
    margin-bottom: 15px
  }
}

.m-teaser-news .content .networks a {
  color: #000;
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "RBDesign Bold Italic", Arial, sans-serif;
  margin-bottom: 5px;
  margin-right: 5px
}

html[data-font-lang=ja] .m-teaser-news .content .networks a {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-news .content .networks a {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-news .content .networks a {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-news .content .networks a {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-teaser-news .content .networks a {
    margin-bottom: 15px;
    margin-right: 15px
  }
}

@media(min-width: 1280px) {
  .m-teaser-news .content .networks a {
    width: 42px;
    height: 42px
  }
}

html.no-touchevents .m-teaser-news .content .networks a:hover {
  color: #fff;
  background-color: #c2005b;
  border-color: #c2005b
}

@media(min-width: 768px) {
  .m-teaser-news .content .networks a.mobile {
    display: none
  }
}

.m-teaser-news .content .networks a svg {
  width: 16px;
  height: 16px
}

@media(min-width: 1280px) {
  .m-teaser-news .content .networks a svg {
    width: 18px;
    height: 18px
  }
}

.m-teaser-news .content .c-button {
  clear: left;
  float: right
}

.m-teaser-press+.m-teaser-press .container {
  padding-top: 0
}

.m-teaser-press+.m-teaser-press .container:after {
  top: 8px
}

@media(min-width: 768px) {
  .m-teaser-press+.m-teaser-press .container:after {
    top: 12px
  }
}

.m-teaser-press .container {
  padding: 60px 0
}

@media(min-width: 768px) {
  .m-teaser-press .container {
    padding: 80px 0
  }
}

.m-teaser-press .container:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 68px;
  display: block;
  left: 9.18%;
  margin-left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 8px #fff
}

@media(min-width: 768px) {
  .m-teaser-press .container:after {
    top: 92px;
    left: 37.28%
  }
}

.m-teaser-press .meta,
.m-teaser-press .content {
  width: 69.38%;
  margin-left: 20.4%
}

@media(min-width: 768px) {
  .m-teaser-press .meta {
    float: left;
    width: 32.2%;
    margin-left: 0;
    text-align: right
  }
}

.m-teaser-press .meta .date {
  font-family: "RBDesign Medium", Arial, sans-serif;
  color: #8d9399;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: .12em;
  margin-bottom: 20px
}

html[data-font-lang=ja] .m-teaser-press .meta .date {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-press .meta .date {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-press .meta .date {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-press .meta .date {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-teaser-press .meta .date {
    margin-top: 5px;
    margin-bottom: 60px
  }
}

.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: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-press .meta .topic {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-press .meta .topic {
  font-family: "RBDesign Arabic Bold", "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: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .type-join.m-teaser-press .meta .topic {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-press .meta .topic {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-press .meta .topic {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .type-join.m-teaser-press .meta .topic {
  font-family: Arial, sans-serif;
  font-weight: bold
}

html.no-touchevents .m-teaser-press .meta .topic:hover {
  color: #dc0067
}

.m-teaser-press .meta .topic .icon {
  position: relative;
  top: 2px;
  margin-left: 5px;
  color: #8d9399;
  width: 19px;
  height: 19px
}

@media(min-width: 768px) {
  .m-teaser-press .meta .topic .icon {
    width: 24px;
    height: 24px
  }
}

@media(min-width: 768px) {
  .m-teaser-press .meta .topic {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 0
  }
}

@media(min-width: 768px) {
  .m-teaser-press .content {
    float: left;
    width: 49.15%;
    margin-left: 10.16%
  }
}

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

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

html[data-font-lang=zh] .m-teaser-press .content .headline {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-press .content .headline {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-press .content .headline {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-teaser-press .content .headline {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 40px
  }
}

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

html[data-font-lang=ja] .m-teaser-press .content p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-press .content p {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-press .content p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-press .content p {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-teaser-press .content p {
    font-size: 19px;
    line-height: 30px
  }
}

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

@media(min-width: 768px) {
  .m-teaser-press .content p a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-teaser-press .content p a[target=_blank] {
  margin-right: 15px
}

.m-teaser-press .content p a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-teaser-press .content p a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-teaser-press .content p a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-teaser-press .content p a.no-underline {
    box-shadow: none
  }
}

.m-teaser-press .content p a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-teaser-press .content p a.no-external-hint[target=_blank]:after {
  display: none
}

.m-teaser-press .content p strong,
.m-teaser-press .content p b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .m-teaser-press .content p strong,
html[data-font-lang=ja] .m-teaser-press .content p b {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-press .content p strong,
html[data-font-lang=zh] .m-teaser-press .content p b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-press .content p strong,
html[data-font-lang=ar] .m-teaser-press .content p b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-press .content p strong,
html[data-font-lang=fallback] .m-teaser-press .content p b {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-teaser-press .content p i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

html[data-font-lang=ja] .m-teaser-press .content p i {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-press .content p i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-press .content p i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-press .content p i {
  font-family: Arial, sans-serif
}

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

@media(min-width: 768px) {
  .m-teaser-press .content a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-teaser-press .content a[target=_blank] {
  margin-right: 15px
}

.m-teaser-press .content a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-teaser-press .content a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-teaser-press .content a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-teaser-press .content a.no-underline {
    box-shadow: none
  }
}

.m-teaser-press .content a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-teaser-press .content a.no-external-hint[target=_blank]:after {
  display: none
}

.m-person-expertise .container {
  position: relative;
  padding-top: 25px;
  z-index: 1999
}

@media(min-width: 768px) {
  .m-person-expertise .container {
    width: 25%;
    position: absolute;
    right: 68%;
    top: 600px;
    padding-top: 0
  }
}

@media(min-width: 1280px) {
  .m-person-expertise .container {
    right: 67%;
    top: 810px
  }
}

@media(min-width: 1380px) {
  .m-person-expertise .container {
    right: 66%
  }
}

@media(min-width: 1480px) {
  .m-person-expertise .container {
    right: 65%
  }
}

@media(min-width: 1580px) {
  .m-person-expertise .container {
    right: 64%
  }
}

@media(min-width: 1780px) {
  .m-person-expertise .container {
    right: 63%
  }
}

@media(min-width: 1880px) {
  .m-person-expertise .container {
    right: 62%
  }
}

.m-person-expertise .headline {
  margin-left: 22.4%;
  text-align: left;
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 13px;
  line-height: 26px
}

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

html[data-font-lang=zh] .m-person-expertise .headline {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-person-expertise .headline {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-person-expertise .headline {
  font-family: Arial, sans-serif
}

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

@media(min-width: 768px) {
  .m-person-expertise .headline a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-person-expertise .headline a[target=_blank] {
  margin-right: 15px
}

.m-person-expertise .headline a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-person-expertise .headline a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-person-expertise .headline a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-person-expertise .headline a.no-underline {
    box-shadow: none
  }
}

.m-person-expertise .headline a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-person-expertise .headline a.no-external-hint[target=_blank]:after {
  display: none
}

@media(min-width: 768px) {
  .m-person-expertise .headline {
    font-size: 16px;
    line-height: 30px;
    margin-left: 0;
    text-align: right
  }
}

.m-person-expertise-headline .container {
  position: relative;
  padding-top: 55px;
  z-index: 1999
}

@media(min-width: 768px) {
  .m-person-expertise-headline .container {
    position: absolute;
    right: 68%;
    top: 540px;
    padding-top: 0
  }
}

@media(min-width: 1280px) {
  .m-person-expertise-headline .container {
    right: 67%;
    top: 750px
  }
}

@media(min-width: 1380px) {
  .m-person-expertise-headline .container {
    right: 66%
  }
}

@media(min-width: 1480px) {
  .m-person-expertise-headline .container {
    right: 65%
  }
}

@media(min-width: 1580px) {
  .m-person-expertise-headline .container {
    right: 64%
  }
}

@media(min-width: 1780px) {
  .m-person-expertise-headline .container {
    right: 63%
  }
}

@media(min-width: 1880px) {
  .m-person-expertise-headline .container {
    right: 62%
  }
}

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

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

html[data-font-lang=zh] .m-person-expertise-headline .label {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-person-expertise-headline .label {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-person-expertise-headline .label {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-person-expertise-headline .label {
    font-size: 12px;
    line-height: 10px;
    letter-spacing: 1px;
    margin-left: 0
  }
}

.m-person-quote {
  position: relative
}

.m-person-quote .container:before,
.m-person-quote .container:after {
  z-index: 0
}

@media(min-width: 768px) {

  .m-person-quote .container:before,
  .m-person-quote .container:after {
    z-index: 10
  }
}

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

@media(min-width: 768px) {
  .m-person-quote .container .wrapper {
    width: 100%;
    margin-left: 0
  }
}

.m-person-quote .container .wrapper .content {
  margin: 30px 0
}

@media(min-width: 768px) {
  .m-person-quote .container .wrapper .content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 40px 0 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media(min-width: 768px) {
  .m-person-quote .container .wrapper .content .quote {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center;
    width: 73.3496332518%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 8.8834555827%
  }
}

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

html[data-font-lang=ja] .m-person-quote .container .wrapper .content .quote blockquote {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-person-quote .container .wrapper .content .quote blockquote {
  font-family: "RBDesign Chs Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-person-quote .container .wrapper .content .quote blockquote {
  font-family: "RBDesign Arabic Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-person-quote .container .wrapper .content .quote blockquote {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-person-quote .container .wrapper .content .quote blockquote {
    font-size: 28px;
    line-height: 42px
  }
}

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

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

.m-person-quote .container .wrapper .content .name {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin-top: 20px
}

html[data-font-lang=ja] .m-person-quote .container .wrapper .content .name {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-person-quote .container .wrapper .content .name {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-person-quote .container .wrapper .content .name {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-person-quote .container .wrapper .content .name {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-person-quote .container .wrapper .content .name {
    font-size: 19px;
    line-height: 30px;
    width: 73.3496332518%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 8.8834555827%;
    margin-bottom: 50px
  }
}

.m-person-publication+.m-person-publication .container {
  padding-top: 0
}

.m-person-publication+.m-person-publication .container:after {
  top: 15px
}

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

@media(min-width: 768px) {
  .m-person-publication .container {
    padding: 40px 0
  }
}

.m-person-publication .container:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 35px;
  display: block;
  left: 9.18%;
  margin-left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 8px #fff
}

@media(min-width: 768px) {
  .m-person-publication .container:after {
    top: 55px;
    left: 37.28%
  }
}

.m-person-publication .content {
  width: 69.38%;
  margin-left: 22.4%;
  font-size: 15px;
  line-height: 22px
}

@media(min-width: 768px) {
  .m-person-publication .content {
    float: left;
    width: 49.15%;
    margin-left: 42.16%
  }
}

@media(min-width: 768px) {
  .m-person-publication .content {
    font-size: 17px;
    line-height: 30px
  }
}

.m-person-publication .content .label p {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 12px;
  line-height: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  width: auto;
  padding: 4px 10px;
  display: inline-block;
  background-color: #000;
  color: #fff
}

html[data-font-lang=ja] .m-person-publication .content .label p {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-person-publication .content .label p {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-person-publication .content .label p {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-person-publication .content .label p {
  font-family: Arial, sans-serif;
  font-weight: bold
}

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

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

html[data-font-lang=zh] .m-person-publication .content .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-person-publication .content .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-person-publication .content .headline {
  font-family: Arial, sans-serif;
  font-weight: bold
}

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

html[data-font-lang=ja] .m-person-publication .content .author {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-person-publication .content .author {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-person-publication .content .author {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-person-publication .content .author {
  font-family: Arial, sans-serif
}

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

@media(min-width: 768px) {
  .m-person-publication .content a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-person-publication .content a[target=_blank] {
  margin-right: 15px
}

.m-person-publication .content a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-person-publication .content a:hover {
  text-decoration: none;
  background: #f6f600
}

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

@media(min-width: 768px) {
  .m-person-publication .content a.no-underline {
    box-shadow: none
  }
}

.m-person-publication .content a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-person-publication .content a.no-external-hint[target=_blank]:after {
  display: none
}

.m-stage-person {
  position: relative;
  height: 460px;
  padding-top: 35px
}

@media(min-width: 768px) {
  .m-stage-person {
    padding-top: 0
  }
}

@media(min-width: 1280px) {
  .m-stage-person {
    height: 670px;
    padding-top: 0
  }
}

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

@media(min-width: 768px) {
  .m-stage-person .background {
    height: 75%;
    margin-top: 0
  }
}

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

.m-stage-person .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 60px
}

@media(min-width: 768px) {
  .m-stage-person .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%
  }
}

@media(min-width: 1280px) {
  .m-stage-person .container .wrapper {
    padding-bottom: 120px;
    padding-top: 142px
  }
}

.m-stage-person .container .wrapper .image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 70px
}

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .image {
    -ms-flex-align: end;
    align-items: flex-end;
    width: 32.2%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
    margin-bottom: 0
  }
}

.m-stage-person .container .wrapper .image .border:before {
  content: "";
  position: absolute;
  width: 140px;
  height: 140px;
  border: 5px solid #fff;
  border-radius: 100%
}

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .image .border:before {
    width: 200px;
    height: 200px;
    border: 7px solid #fff
  }
}

@media(min-width: 1280px) {
  .m-stage-person .container .wrapper .image .border:before {
    width: 280px;
    height: 280px;
    border: 8px solid #fff
  }
}

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

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .image picture {
    max-height: 200px
  }
}

@media(min-width: 1280px) {
  .m-stage-person .container .wrapper .image picture {
    max-height: 280px
  }
}

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

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .image img {
    max-height: 200px
  }
}

@media(min-width: 1280px) {
  .m-stage-person .container .wrapper .image img {
    max-height: 280px
  }
}

.m-stage-person .container .wrapper .person {
  margin: 0 21.6055500496% 75px;
  text-align: center;
  color: #000
}

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .person {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: left
  }
}

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

html[data-font-lang=ja] .m-stage-person .container .wrapper .person .name {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-person .container .wrapper .person .name {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-person .container .wrapper .person .name {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-person .container .wrapper .person .name {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .person .name {
    left: 15.38%;
    font-size: 44px;
    line-height: 52px;
    letter-spacing: 1px
  }

  html[data-font-lang=fallback] .m-stage-person .container .wrapper .person .name {
    font-size: 36px;
    line-height: 36px
  }
}

@media(min-width: 1280px) {
  .m-stage-person .container .wrapper .person .name {
    font-size: 64px;
    line-height: 72px
  }

  html[data-font-lang=fallback] .m-stage-person .container .wrapper .person .name {
    font-size: 62px;
    line-height: 62px
  }
}

.m-stage-person .container .wrapper .person .details {
  position: absolute;
  left: 22.4%;
  bottom: -100px;
  width: 70%;
  text-align: left
}

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .person .details {
    left: 15.38%;
    bottom: -50px;
    width: 60%
  }
}

@media(min-width: 1280px) {
  .m-stage-person .container .wrapper .person .details {
    bottom: -65px
  }
}

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

html[data-font-lang=ja] .m-stage-person .container .wrapper .person .details .job-title,
html[data-font-lang=ja] .m-stage-person .container .wrapper .person .details .address,
html[data-font-lang=ja] .m-stage-person .container .wrapper .person .details .telephone {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-person .container .wrapper .person .details .job-title,
html[data-font-lang=zh] .m-stage-person .container .wrapper .person .details .address,
html[data-font-lang=zh] .m-stage-person .container .wrapper .person .details .telephone {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-person .container .wrapper .person .details .job-title,
html[data-font-lang=ar] .m-stage-person .container .wrapper .person .details .address,
html[data-font-lang=ar] .m-stage-person .container .wrapper .person .details .telephone {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-person .container .wrapper .person .details .job-title,
html[data-font-lang=fallback] .m-stage-person .container .wrapper .person .details .address,
html[data-font-lang=fallback] .m-stage-person .container .wrapper .person .details .telephone {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {

  .m-stage-person .container .wrapper .person .details .job-title,
  .m-stage-person .container .wrapper .person .details .address,
  .m-stage-person .container .wrapper .person .details .telephone {
    font-size: 13px
  }
}

.m-stage-person .container .wrapper .person .details .job-title {
  margin-bottom: 10px
}

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

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .person .details .address a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-stage-person .container .wrapper .person .details .address a[target=_blank] {
  margin-right: 15px
}

.m-stage-person .container .wrapper .person .details .address a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-stage-person .container .wrapper .person .details .address a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-stage-person .container .wrapper .person .details .address a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .person .details .address a.no-underline {
    box-shadow: none
  }
}

.m-stage-person .container .wrapper .person .details .address a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-stage-person .container .wrapper .person .details .address a.no-external-hint[target=_blank]:after {
  display: none
}

.m-stage-person .container .wrapper .person .details .telephone {
  text-decoration: none;
  color: #000
}

.m-stage-person .container .wrapper .c-share-networks {
  position: absolute;
  bottom: 11px;
  right: 0;
  overflow: hidden
}

@media(min-width: 768px) {
  .m-stage-person .container .wrapper .c-share-networks {
    bottom: 115px
  }
}

@media(min-width: 1280px) {
  .m-stage-person .container .wrapper .c-share-networks {
    bottom: 167px
  }
}

.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-pink100 .wrapper {
  background: #e6006e
}

.m-slide-takeaway.is-orange .wrapper {
  background: #cc8a00
}

.m-slide-takeaway.is-orange80 .wrapper {
  background: #f5a241
}

.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-grey20 .wrapper {
  background: #eff0f1
}

.m-slide-takeaway.is-blue80 .wrapper {
  background: #156c9c
}

.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:before,
.m-slide-takeaway .container:after {
  z-index: 0
}

@media(min-width: 768px) {

  .m-slide-takeaway .container:before,
  .m-slide-takeaway .container:after {
    z-index: 10
  }
}

@media(min-width: 768px) {
  .m-slide-takeaway .container .c-background img {
    width: 100%
  }
}

.m-slide-takeaway .container .wrapper {
  padding: 60px 0 100px;
  position: relative;
  z-index: 1
}

@media(min-width: 768px) {
  .m-slide-takeaway .container .wrapper {
    padding: 0 0 56.25% 0
  }
}

.m-slide-takeaway .container .wrapper .content {
  padding: 0 10.8027750248%;
  color: #fff
}

@media(min-width: 768px) {
  .m-slide-takeaway .container .wrapper .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 40px 0;
    display: -ms-flexbox;
    display: flex
  }
}

.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: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slide-takeaway .container .wrapper .content .number {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-slide-takeaway .container .wrapper .content .number {
  font-family: "RBDesign Arabic Bold", "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
}

@media(min-width: 768px) {
  .m-slide-takeaway .container .wrapper .content .number {
    padding-top: 40px;
    width: 44.4172779136%
  }
}

@media(min-width: 1280px) {
  .m-slide-takeaway .container .wrapper .content .number {
    padding-top: 87px
  }
}

.m-slide-takeaway .container .wrapper .content .number+.text {
  margin-top: 40px
}

@media(min-width: 768px) {
  .m-slide-takeaway .container .wrapper .content .number+.text {
    margin-top: 0
  }
}

.m-slide-takeaway .container .wrapper .content .number span {
  font-size: 160px;
  line-height: 118px
}

@media(min-width: 768px) {
  .m-slide-takeaway .container .wrapper .content .number span {
    font-size: 240px;
    line-height: 178px
  }
}

@media(min-width: 1280px) {
  .m-slide-takeaway .container .wrapper .content .number span {
    font-size: 480px;
    line-height: 350px
  }
}

.m-slide-takeaway .container .wrapper .content .text {
  font-family: "RBDesign Regular", Arial, sans-serif
}

html[data-font-lang=ja] .m-slide-takeaway .container .wrapper .content .text {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slide-takeaway .container .wrapper .content .text {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-slide-takeaway .container .wrapper .content .text {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-slide-takeaway .container .wrapper .content .text {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-slide-takeaway .container .wrapper .content .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 44.4172779136%
  }
}

.m-slide-takeaway .container .wrapper .content .text p {
  font-size: 15px;
  line-height: 22px
}

@media(min-width: 768px) {
  .m-slide-takeaway .container .wrapper .content .text p {
    font-size: 22px;
    line-height: 28px
  }

  html[data-font-lang=fallback] .m-slide-takeaway .container .wrapper .content .text p {
    font-size: 18px;
    line-height: 24px
  }
}

@media(min-width: 1280px) {
  .m-slide-takeaway .container .wrapper .content .text p {
    font-size: 32px;
    line-height: 40px
  }

  html[data-font-lang=fallback] .m-slide-takeaway .container .wrapper .content .text p {
    font-size: 26px;
    line-height: 34px
  }
}

.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
}

@media(min-width: 768px) {
  .m-slide-takeaway .container .wrapper .content .text p::first-letter {
    font-size: 70px;
    line-height: 48px
  }

  html[data-font-lang=fallback] .m-slide-takeaway .container .wrapper .content .text p::first-letter {
    font-size: 66px;
    line-height: 44px
  }
}

@media(min-width: 1280px) {
  .m-slide-takeaway .container .wrapper .content .text p::first-letter {
    font-size: 120px;
    line-height: 55px
  }

  html[data-font-lang=fallback] .m-slide-takeaway .container .wrapper .content .text p::first-letter {
    font-size: 100px;
    line-height: 35px
  }
}

html.js .m-quote-carousel {
  visibility: hidden
}

html.js .m-quote-carousel.is-visible {
  visibility: visible
}

.m-quote-carousel .container {
  height: auto;
  position: relative
}

@media(min-width: 768px) {
  .m-quote-carousel .container {
    height: 570px
  }
}

.m-quote-carousel .container .swiper-container {
  height: inherit;
  background-color: inherit
}

.m-quote-carousel .container .swiper-container .swiper-wrapper {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 50px
}

@media(min-width: 768px) {
  .m-quote-carousel .container .swiper-container .swiper-wrapper {
    padding-top: 0
  }
}

.m-quote-carousel .container .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.m-quote-carousel .container .swiper-container .swiper-wrapper .swiper-slide a figure {
  margin-left: 25px
}

.m-quote-carousel .container .swiper-container .swiper-wrapper .swiper-slide a figure figcaption {
  padding: 10px 0;
  color: #4e4b4b
}

.m-quote-carousel .container .swiper-container .swiper-wrapper .swiper-slide a figure figcaption .reference {
  color: #4e4b4b;
  margin-right: 10px
}

.m-quote-carousel .container .pagination {
  position: absolute;
  bottom: 85px;
  z-index: 9;
  text-align: center
}

.m-quote-carousel .container .pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: inherit;
  border: #000 solid 2px;
  opacity: .5
}

.m-quote-carousel .container .pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #000
}

@media(min-width: 768px) {
  .m-quote-carousel .container .pagination {
    margin: 30px 0 25px 0;
    bottom: 88px
  }
}

.m-quote-carousel .container .navigation {
  display: none
}

@media(min-width: 768px) {
  .m-quote-carousel .container .navigation {
    display: block
  }
}

.m-quote-carousel .container .navigation .next,
.m-quote-carousel .container .navigation .swiper-container-rtl .previous {
  right: 10px;
  left: auto
}

@media(min-width: 1360px) {

  .m-quote-carousel .container .navigation .next,
  .m-quote-carousel .container .navigation .swiper-container-rtl .previous {
    right: -20px
  }
}

.m-quote-carousel .container .navigation .next .icon,
.m-quote-carousel .container .navigation .swiper-container-rtl .previous .icon {
  left: 2px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.m-quote-carousel .container .navigation .previous,
.m-quote-carousel .container .navigation .swiper-container-rtl .next {
  left: -6px
}

@media(min-width: 1360px) {

  .m-quote-carousel .container .navigation .previous,
  .m-quote-carousel .container .navigation .swiper-container-rtl .next {
    left: -24px
  }
}

.m-quote-carousel .container .navigation .previous .icon,
.m-quote-carousel .container .navigation .swiper-container-rtl .next .icon {
  left: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.m-quote-carousel .container:before,
.m-quote-carousel .container:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9.18%;
  z-index: 0;
  width: 2px;
  background-color: #e6e6e6
}

@media(min-width: 768px) {

  .m-quote-carousel .container:before,
  .m-quote-carousel .container:after {
    left: 37.27%
  }
}

.m-cookie-layer {
  position: fixed;
  z-index: 2147483650;
  bottom: 0;
  left: 0;
  padding: 50px;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, .6);
  display: none
}

.m-cookie-layer.is-accepted {
  display: none
}

.m-cookie-layer.not-accepted {
  display: block
}

.m-cookie-layer .modal-content {
  position: relative;
  margin: 1.75rem auto;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0 50px 0;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  width: 258px
}

@media(min-width: 480px) {
  .m-cookie-layer .modal-content {
    width: 468px
  }
}

@media(min-width: 1024px) {
  .m-cookie-layer .modal-content {
    width: 768px;
    margin: 10% auto
  }
}

.m-cookie-layer .close {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  margin-right: 17px;
  margin-top: 17px;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer
}

.m-cookie-layer .container {
  padding-top: 20px;
  position: relative
}

.m-cookie-layer .container p {
  width: 190px;
  margin-left: 0;
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 17px;
  line-height: 28px;
  color: #000
}

.m-cookie-layer .container p a {
  position: relative;
  color: inherit;
  text-decoration: none;
  box-shadow: inset 0 -3px 0 #f6f600, 0 1px 0 #f6f600
}

@media(min-width: 768px) {
  .m-cookie-layer .container p a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-cookie-layer .container p a[target=_blank] {
  margin-right: 15px
}

.m-cookie-layer .container p a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-cookie-layer .container p a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-cookie-layer .container p a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-cookie-layer .container p a.no-underline {
    box-shadow: none
  }
}

.m-cookie-layer .container p a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-cookie-layer .container p a.no-external-hint[target=_blank]:after {
  display: none
}

html[data-font-lang=ja] .m-cookie-layer .container p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-cookie-layer .container p {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-cookie-layer .container p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-cookie-layer .container p {
  font-family: Arial, sans-serif
}

@media(min-width: 480px) {
  .m-cookie-layer .container p {
    width: 390px
  }
}

@media(min-width: 1024px) {
  .m-cookie-layer .container p {
    width: 668px
  }
}

.m-cookie-layer .container p a {
  white-space: nowrap
}

.m-cookie-layer .container .button {
  text-align: right;
  margin-top: 30px
}

html.no-touchevents .m-cookie-layer .container .button .c-button:hover {
  cursor: pointer
}

.m-audioplayer .wrapper {
  position: relative;
  z-index: 10
}

@media(min-width: 1024px) {
  .m-audioplayer .wrapper {
    width: 73.3496332518%;
    margin-left: 17.7669111654%
  }
}

.m-audioplayer .wrapper iframe {
  display: block
}

.m-sharebar {
  background: #f0f0f0;
  padding: 60px 20px;
  text-align: center
}

.m-sharebar .wrapper .share,
.m-sharebar .wrapper .notification,
.m-sharebar .wrapper .newsletter {
  margin-bottom: 20px
}

.m-sharebar .wrapper .share:last-child,
.m-sharebar .wrapper .notification:last-child,
.m-sharebar .wrapper .newsletter:last-child {
  margin-bottom: 0
}

@media(min-width: 768px) {
  .m-sharebar .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .m-sharebar .wrapper .share,
  .m-sharebar .wrapper .notification,
  .m-sharebar .wrapper .newsletter {
    margin-right: 20px;
    margin-bottom: 0
  }

  .m-sharebar .wrapper .share:last-child,
  .m-sharebar .wrapper .notification:last-child,
  .m-sharebar .wrapper .newsletter:last-child {
    margin-right: 0
  }

  .m-sharebar .wrapper .share {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }

  .m-sharebar .wrapper .notification,
  .m-sharebar .wrapper .newsletter {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }
}

.m-sharebar .label {
  font-family: "Arnhem Blond Italic", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px
}

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

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

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

html[data-font-lang=fallback] .m-sharebar .label {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

.m-sharebar .networks a {
  color: #000;
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "RBDesign Bold Italic", Arial, sans-serif;
  margin: 5px
}

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

html[data-font-lang=zh] .m-sharebar .networks a {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-sharebar .networks a {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-sharebar .networks a {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 1024px) {
  .m-sharebar .networks a {
    width: 72px;
    height: 72px
  }
}

html.no-touchevents .m-sharebar .networks a:hover {
  color: #000;
  background-color: #f6f600;
  border-color: #000
}

@media(min-width: 768px) {
  .m-sharebar .networks a.mobile {
    display: none
  }
}

.m-sharebar .networks a svg {
  width: 22px;
  height: 22px
}

@media(min-width: 1024px) {
  .m-sharebar .networks a svg {
    width: 24px;
    height: 24px
  }
}

.m-sharebar .icon-wrapper {
  position: relative;
  text-decoration: none;
  display: inline-block;
  vertical-align: bottom;
  margin: 5px
}

.m-sharebar .icon-wrapper.is-active svg.is-large {
  background: #a0a0a0
}

.m-sharebar .icon-wrapper svg {
  display: block;
  border-radius: 50%;
  color: #fff
}

.m-sharebar .icon-wrapper svg.is-large {
  width: 48px;
  height: 48px;
  padding: 13px;
  background: #f6f600
}

@media(min-width: 1024px) {
  .m-sharebar .icon-wrapper svg.is-large {
    width: 72px;
    height: 72px;
    padding: 24px
  }
}

.m-sharebar .icon-wrapper svg.is-small {
  position: absolute;
  left: -7px;
  bottom: -7px;
  width: 25px;
  height: 25px;
  padding: 5px;
  background: #000
}

@media(min-width: 1024px) {
  .m-sharebar .icon-wrapper svg.is-small {
    width: 32px;
    height: 32px
  }
}

.hideByDefault {
  width: 170px;
  height: 90px;
  background: #eff0f1;
  border: 2px solid #608bb2;
  border-radius: 15px;
  text-align: center;
  padding-top: 10px;
  margin-left: 180px;
  z-index: 10;
  position: absolute
}

@media only screen and (min-device-width: 220px)and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2) {
  .hideByDefault {
    margin-left: 100px;
    margin-top: 60px
  }
}

@media only screen and (min-device-width: 320px)and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2) {
  .hideByDefault {
    margin-left: 135px;
    margin-top: 60px
  }
}

@media only screen and (min-device-width: 360px)and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2) {
  .hideByDefault {
    margin-left: 180px;
    margin-top: 0
  }
}

@media(min-width: 650px) {
  .hideByDefault {
    margin-left: 400px
  }
}

.hideByDefault .alertText {
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-style: normal
}

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

html[data-font-lang=zh] .hideByDefault .alertText {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .hideByDefault .alertText {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

.hideByDefault .wechat {
  width: 165px;
  height: 30px;
  margin-top: 5px;
  background: #eff0f1
}

.hideByDefault .wechat a {
  color: #000;
  text-decoration: none;
  width: 166px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "RBDesign Medium", Arial, sans-serif;
  text-transform: uppercase
}

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

html[data-font-lang=zh] .hideByDefault .wechat a {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .hideByDefault .wechat a {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .hideByDefault .wechat a {
  font-family: Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase
}

.hideByDefault .wechat a:hover {
  color: #fff;
  background-color: #000;
  border-color: #000
}

.mf-download {
  position: relative
}

.mf-download .container:before,
.mf-download .container:after {
  z-index: 0
}

@media(min-width: 768px) {

  .mf-download .container:before,
  .mf-download .container:after {
    z-index: 10
  }
}

.mf-download .container .c-background {
  background: #f0f0f0
}

@media(min-width: 768px) {
  .mf-download .container .c-background img {
    height: 100%
  }
}

@media(min-width: 1024px) {
  .mf-download .container .c-background {
    width: 73.3496332518%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 17.7669111654%
  }
}

.mf-download .container .wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 10;
  padding: 40px 0 0
}

@media(min-width: 768px) {
  .mf-download .container .wrapper {
    padding: 40px 0 0 0;
    display: -ms-flexbox;
    display: flex;
    min-height: 415px
  }
}

@media(min-width: 1024px) {
  .mf-download .container .wrapper {
    width: 73.3496332518%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 17.7669111654%;
    min-height: 360px
  }
}

@media(min-width: 1280px) {
  .mf-download .container .wrapper {
    min-height: 415px
  }
}

.mf-download .container .wrapper .content {
  width: 86.4222001982%;
  margin: 0 10.8027750248% 20px;
  min-height: 333px
}

@media(min-width: 768px) {
  .mf-download .container .wrapper .content {
    margin: 0 0 0 44.4172779136%;
    width: 53.3007334963%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px
  }
}

@media(min-width: 1024px) {
  .mf-download .container .wrapper .content {
    width: 60.5555555556%;
    margin: 0 0 0 36.3333333333%
  }
}

.mf-download .container .wrapper .content .label-wrapper {
  margin-bottom: 15px
}

@media(min-width: 768px) {
  .mf-download .container .wrapper .content .label-wrapper {
    margin-bottom: 45px;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

@media(min-width: 1024px) {
  .mf-download .container .wrapper .content .label-wrapper {
    margin-bottom: 15px
  }
}

@media(min-width: 1280px) {
  .mf-download .container .wrapper .content .label-wrapper {
    margin-bottom: 45px
  }
}

.mf-download .container .wrapper .content h1 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px
}

html[data-font-lang=ja] .mf-download .container .wrapper .content h1 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .mf-download .container .wrapper .content h1 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .mf-download .container .wrapper .content h1 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .mf-download .container .wrapper .content h1 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .mf-download .container .wrapper .content h1 {
    margin-bottom: 30px
  }
}

@media(min-width: 1024px) {
  .mf-download .container .wrapper .content h1 {
    margin-bottom: 15px
  }
}

.mf-download .container .wrapper .content h1.is-white {
  color: #fff
}

.mf-download .container .wrapper .content .preview {
  margin-bottom: 20px
}

@media(min-width: 768px) {
  .mf-download .container .wrapper .content .preview {
    position: absolute;
    top: 40px;
    left: 0;
    width: 37.8158109209%;
    text-align: right;
    margin-bottom: 0
  }
}

@media(min-width: 1024px) {
  .mf-download .container .wrapper .content .preview {
    width: 31.81%
  }
}

.mf-download .container .wrapper .content .preview .preview-background {
  background: linear-gradient(135deg, #d7d8d8 0%, #ffffff 100%);
  display: inline-block;
  padding: 20px
}

.mf-download .container .wrapper .content .preview img {
  vertical-align: top;
  max-height: 180px;
  max-width: 130px
}

@media(min-width: 768px) {
  .mf-download .container .wrapper .content .preview img {
    max-height: 300px;
    max-width: 220px
  }
}

@media(min-width: 1024px) {
  .mf-download .container .wrapper .content .preview img {
    max-height: 240px;
    max-width: 175px
  }
}

@media(min-width: 1280px) {
  .mf-download .container .wrapper .content .preview img {
    max-height: 300px;
    max-width: 220px
  }
}

.mf-download .container .wrapper .content p {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 15px
}

html[data-font-lang=ja] .mf-download .container .wrapper .content p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .mf-download .container .wrapper .content p {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .mf-download .container .wrapper .content p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .mf-download .container .wrapper .content p {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .mf-download .container .wrapper .content p {
    margin-bottom: 30px
  }
}

@media(min-width: 1024px) {
  .mf-download .container .wrapper .content p {
    margin-bottom: 15px
  }
}

@media(min-width: 1280px) {
  .mf-download .container .wrapper .content p {
    margin-bottom: 30px
  }
}

.mf-download .container .wrapper .content p.is-white {
  color: #fff
}

.mf-download .container .wrapper .content .date>span {
  display: block;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 5px
}

html[data-font-lang=ja] .mf-download .container .wrapper .content .date>span {
  font-family: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .mf-download .container .wrapper .content .date>span {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .mf-download .container .wrapper .content .date>span {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .mf-download .container .wrapper .content .date>span {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

.mf-download .container .wrapper .content .language>span {
  display: block;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 5px
}

html[data-font-lang=ja] .mf-download .container .wrapper .content .language>span {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .mf-download .container .wrapper .content .language>span {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .mf-download .container .wrapper .content .language>span {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .mf-download .container .wrapper .content .language>span {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.mf-download .container .wrapper .content .language label+label {
  margin-left: 10px
}

.mf-download .container .wrapper .content .language label input {
  display: none
}

.mf-download .container .wrapper .content .language label input:checked+span {
  color: #fff;
  background-color: #000;
  border-color: #000
}

.mf-download .container .wrapper .content .language label span {
  color: #000;
  border: 1px solid #000;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  text-indent: -1px
}

html[data-font-lang=ja] .mf-download .container .wrapper .content .language label span {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .mf-download .container .wrapper .content .language label span {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .mf-download .container .wrapper .content .language label span {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .mf-download .container .wrapper .content .language label span {
  font-family: Arial, sans-serif;
  font-weight: bold
}

html.no-touchevents .mf-download .container .wrapper .content .language label span:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
  cursor: pointer
}

.mf-download .container .wrapper .hubspot-form .hs-input {
  width: 100% !important
}

.mf-download .container .wrapper .hubspot-form .legal-consent-container .hs-richtext p {
  line-height: 22px
}

@media(min-width: 320px)and (max-width: 1023px) {
  .mf-download .container .wrapper .hubspot-form .form-columns-3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .mf-download .container .wrapper .hubspot-form .form-columns-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .mf-download .container .wrapper .hubspot-form .hs-form-field {
    width: 100%
  }

  .mf-download .container .wrapper .hubspot-form div.hs-salutation {
    max-width: 100%
  }

  .mf-download .container .wrapper .hubspot-form div.hs-lastname {
    width: 100% !important
  }

  .mf-download .container .wrapper .hubspot-form .hs-input {
    width: 100%
  }
}

@media(min-width: 768px)and (max-width: 1023px) {
  .mf-download .container .wrapper .hubspot-form {
    margin: 0 0 0 44.4172779136%;
    width: 53.3007334963%;
    padding-left: 20px
  }

  .mf-download .container .wrapper .hubspot-form .submitted-message {
    margin-top: 2rem
  }
}

@media(min-width: 1024px) {
  .mf-download .container .wrapper .hubspot-form {
    display: block;
    height: 100%;
    margin: 0 2.75rem 0
  }

  .mf-download .container .wrapper .hubspot-form .submitted-message {
    padding: 20px 20px 60px
  }

  .mf-download .container .wrapper .hubspot-form .form-columns-3 {
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .mf-download .container .wrapper .hubspot-form .form-columns-2 {
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .mf-download .container .wrapper .hubspot-form div.hs-salutation {
    max-width: 100%;
    -ms-flex: .85;
    flex: .85
  }

  .mf-download .container .wrapper .hubspot-form .hs_firstname {
    -ms-flex: 2;
    flex: 2
  }

  .mf-download .container .wrapper .hubspot-form div.hs-lastname {
    -ms-flex: 3;
    flex: 3
  }

  .mf-download .container .wrapper .hubspot-form div.input {
    margin-right: 0
  }
}

@media(min-width: 1280px) {
  .mf-download .container .wrapper .hubspot-form {
    display: block;
    margin: 1.75rem 2.75rem 0;
    height: 100%
  }

  .mf-download .container .wrapper .hubspot-form .submitted-message {
    padding: 20px 20px 60px
  }
}

.m-download {
  position: relative
}

.m-download .container:before,
.m-download .container:after {
  z-index: 0
}

@media(min-width: 768px) {

  .m-download .container:before,
  .m-download .container:after {
    z-index: 10
  }
}

.m-download .container .c-background {
  background: #f0f0f0
}

@media(min-width: 768px) {
  .m-download .container .c-background img {
    height: 100%
  }
}

@media(min-width: 1024px) {
  .m-download .container .c-background {
    width: 73.3496332518%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 17.7669111654%
  }
}

.m-download .container .wrapper {
  position: relative;
  z-index: 10;
  padding: 40px 0 0
}

@media(min-width: 768px) {
  .m-download .container .wrapper {
    padding: 40px 0;
    display: -ms-flexbox;
    display: flex;
    min-height: 415px
  }
}

@media(min-width: 1024px) {
  .m-download .container .wrapper {
    width: 73.3496332518%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 17.7669111654%;
    min-height: 360px
  }
}

@media(min-width: 1280px) {
  .m-download .container .wrapper {
    min-height: 415px
  }
}

.m-download .container .wrapper .content {
  width: 81.63%;
  margin: 0 10.2% 20px
}

@media(min-width: 768px) {
  .m-download .container .wrapper .content {
    margin: 0 0 0 42.37%;
    width: 50.84%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 110px
  }
}

@media(min-width: 1024px) {
  .m-download .container .wrapper .content {
    width: 56.81%;
    margin: 0 0 0 34.09%
  }
}

.m-download .container .wrapper .content .label-wrapper {
  margin-bottom: 15px
}

@media(min-width: 768px) {
  .m-download .container .wrapper .content .label-wrapper {
    margin-bottom: 45px;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

@media(min-width: 1024px) {
  .m-download .container .wrapper .content .label-wrapper {
    margin-bottom: 15px
  }
}

@media(min-width: 1280px) {
  .m-download .container .wrapper .content .label-wrapper {
    margin-bottom: 45px
  }
}

.m-download .container .wrapper .content h1 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px
}

html[data-font-lang=ja] .m-download .container .wrapper .content h1 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-download .container .wrapper .content h1 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-download .container .wrapper .content h1 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-download .container .wrapper .content h1 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-download .container .wrapper .content h1 {
    margin-bottom: 30px
  }
}

@media(min-width: 1024px) {
  .m-download .container .wrapper .content h1 {
    margin-bottom: 15px
  }
}

.m-download .container .wrapper .content h1.is-white {
  color: #fff
}

.m-download .container .wrapper .content .preview {
  margin-bottom: 20px
}

@media(min-width: 768px) {
  .m-download .container .wrapper .content .preview {
    position: absolute;
    top: 40px;
    left: 0;
    width: 40.67%;
    text-align: right;
    margin-bottom: 0
  }
}

@media(min-width: 1024px) {
  .m-download .container .wrapper .content .preview {
    width: 31.81%
  }
}

.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 {
  vertical-align: top;
  max-height: 180px;
  max-width: 130px
}

@media(min-width: 768px) {
  .m-download .container .wrapper .content .preview img {
    max-height: 300px;
    max-width: 220px
  }
}

@media(min-width: 1024px) {
  .m-download .container .wrapper .content .preview img {
    max-height: 240px;
    max-width: 175px
  }
}

@media(min-width: 1280px) {
  .m-download .container .wrapper .content .preview img {
    max-height: 300px;
    max-width: 220px
  }
}

.m-download .container .wrapper .content p {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 15px
}

html[data-font-lang=ja] .m-download .container .wrapper .content p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-download .container .wrapper .content p {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-download .container .wrapper .content p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-download .container .wrapper .content p {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-download .container .wrapper .content p {
    margin-bottom: 30px
  }
}

@media(min-width: 1024px) {
  .m-download .container .wrapper .content p {
    margin-bottom: 15px
  }
}

@media(min-width: 1280px) {
  .m-download .container .wrapper .content p {
    margin-bottom: 30px
  }
}

.m-download .container .wrapper .content p.is-white {
  color: #fff
}

.m-download .container .wrapper .content .date>span {
  display: block;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 5px
}

html[data-font-lang=ja] .m-download .container .wrapper .content .date>span {
  font-family: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-download .container .wrapper .content .date>span {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-download .container .wrapper .content .date>span {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-download .container .wrapper .content .date>span {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

.m-download .container .wrapper .content .language>span {
  display: block;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 5px
}

html[data-font-lang=ja] .m-download .container .wrapper .content .language>span {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-download .container .wrapper .content .language>span {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-download .container .wrapper .content .language>span {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-download .container .wrapper .content .language>span {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-download .container .wrapper .content .language label+label {
  margin-left: 10px
}

.m-download .container .wrapper .content .language label input {
  display: none
}

.m-download .container .wrapper .content .language label input:checked+span {
  color: #fff;
  background-color: #000;
  border-color: #000
}

.m-download .container .wrapper .content .language label span {
  color: #000;
  border: 1px solid #000;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  text-indent: -1px
}

html[data-font-lang=ja] .m-download .container .wrapper .content .language label span {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-download .container .wrapper .content .language label span {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-download .container .wrapper .content .language label span {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-download .container .wrapper .content .language label span {
  font-family: Arial, sans-serif;
  font-weight: bold
}

html.no-touchevents .m-download .container .wrapper .content .language label span:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
  cursor: pointer
}

.m-download .container .wrapper .button {
  text-align: right
}

@media(min-width: 768px) {
  .m-download .container .wrapper .button {
    position: absolute;
    right: 0;
    bottom: 0
  }
}

.m-download .container .wrapper .button .c-button {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.m-download .container .wrapper .button .c-button .size {
  color: #aeb6bb
}

.m-expandable>.container>.wrapper {
  position: relative;
  padding: 45px 0
}

.m-expandable>.container>.wrapper .expandable-wrapper {
  margin-bottom: 30px
}

.m-expandable>.container>.wrapper .expandable-wrapper:last-child {
  margin-bottom: 0
}

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 9.183%;
  width: 81.632%;
  position: relative;
  z-index: 1
}

@media(min-width: 768px) {
  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button {
    width: 27.7913610432%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 9.48%;
    position: relative;
    z-index: 1
  }
}

html.no-touchevents .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button:hover {
  cursor: pointer
}

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button.is-closed .icon {
  background-color: #000
}

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button.is-closed .icon:after {
  content: "";
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon {
  box-shadow: 0 0 0 8px #fff;
  background-color: #c8c8c8;
  fill: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  margin-left: -16px;
  position: relative;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px
}

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon:before,
.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon:after {
  content: "";
  height: 2px;
  width: 16px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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)
}

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon:after {
  content: "";
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg)
}

@media(min-width: 768px) {
  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .icon {
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0;
    margin-right: -16px
  }
}

.m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: .29px;
  font-family: "Arnhem Blond Italic", Arial, sans-serif;
  margin-left: 20px
}

html[data-font-lang=ja] .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-family: "RBDesign Chs Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-family: "RBDesign Arabic Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .label {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-expandable>.container>.wrapper .expandable-wrapper .expandable-button .label {
    -ms-flex-order: 0;
    order: 0;
    margin-left: 0;
    margin-right: 20px;
    text-align: right
  }
}

.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-pink100 .wrapper {
  background: #e6006e
}

.m-slide-image.is-orange .wrapper {
  background: #cc8a00
}

.m-slide-image.is-orange80 .wrapper {
  background: #f5a241
}

.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-grey20 .wrapper {
  background: #eff0f1
}

.m-slide-image.is-blue80 .wrapper {
  background: #156c9c
}

.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:before,
.m-slide-image .container:after {
  z-index: 0
}

@media(min-width: 768px) {

  .m-slide-image .container:before,
  .m-slide-image .container:after {
    z-index: 10
  }
}

@media(min-width: 768px) {
  .m-slide-image .container .c-background img {
    width: 100%
  }
}

.m-slide-image .container .wrapper {
  padding: 60px 0 100px;
  position: relative;
  z-index: 1
}

@media(min-width: 768px) {
  .m-slide-image .container .wrapper {
    padding: 0 0 56.25% 0
  }
}

.m-slide-image .container .wrapper .content {
  padding: 0 10.8027750248%;
  color: #fff
}

@media(min-width: 768px) {
  .m-slide-image .container .wrapper .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 40px 0;
    display: -ms-flexbox;
    display: flex
  }
}

.m-slide-image .container .wrapper .content .data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column
}

@media(min-width: 768px) {
  .m-slide-image .container .wrapper .content .data {
    width: 44.4172779136%
  }
}

.m-slide-image .container .wrapper .content .data .data-image {
  display: -ms-flexbox;
  display: flex
}

.m-slide-image .container .wrapper .content .data img {
  max-height: 240px;
  margin-bottom: 10px
}

@media(min-width: 768px) {
  .m-slide-image .container .wrapper .content .data img {
    max-height: 320px;
    margin-bottom: 0
  }
}

@media(min-width: 1280px) {
  .m-slide-image .container .wrapper .content .data img {
    max-height: 400px
  }
}

.m-slide-image .container .wrapper .content .data .data-text {
  max-width: 250px;
  width: 100%;
  text-align: center;
  font-family: "RBDesign Regular", Arial, sans-serif;
  margin-bottom: 25px
}

html[data-font-lang=ja] .m-slide-image .container .wrapper .content .data .data-text {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slide-image .container .wrapper .content .data .data-text {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-slide-image .container .wrapper .content .data .data-text {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-slide-image .container .wrapper .content .data .data-text {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-slide-image .container .wrapper .content .data .data-text {
    margin-bottom: 0;
    max-width: 200px
  }
}

@media(min-width: 1024px) {
  .m-slide-image .container .wrapper .content .data .data-text {
    margin-bottom: 0;
    max-width: 250px
  }
}

.m-slide-image .container .wrapper .content .data .ct-chart {
  width: 86.2199747155%;
  max-height: 240px;
  margin-bottom: 25px
}

@media(min-width: 768px) {
  .m-slide-image .container .wrapper .content .data .ct-chart {
    width: 53.0172413793%;
    max-height: 320px
  }
}

@media(min-width: 1280px) {
  .m-slide-image .container .wrapper .content .data .ct-chart {
    max-height: 400px
  }
}

.m-slide-image .container .wrapper .content .data .legend {
  margin-bottom: 25px;
  text-align: center
}

@media(min-width: 768px) {
  .m-slide-image .container .wrapper .content .data .legend {
    margin-bottom: 0;
    max-width: 200px;
    text-align: left
  }
}

@media(min-width: 1024px) {
  .m-slide-image .container .wrapper .content .data .legend {
    margin-bottom: 0;
    max-width: 300px;
    text-align: left
  }
}

.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: "RBDesign Regular", Arial, sans-serif
}

html[data-font-lang=ja] .m-slide-image .container .wrapper .content .text {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-slide-image .container .wrapper .content .text {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-slide-image .container .wrapper .content .text {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-slide-image .container .wrapper .content .text {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-slide-image .container .wrapper .content .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 44.4172779136%
  }
}

.m-slide-image .container .wrapper .content .text p {
  font-size: 28px;
  line-height: 28px;
  text-align: center
}

@media(min-width: 768px) {
  .m-slide-image .container .wrapper .content .text p {
    font-size: 48px;
    line-height: 48px;
    text-align: left
  }

  html[data-font-lang=fallback] .m-slide-image .container .wrapper .content .text p {
    font-size: 42px;
    line-height: 42px
  }
}

@media(min-width: 1024px) {
  .m-slide-image .container .wrapper .content .text p {
    font-size: 72px;
    line-height: 72px
  }

  html[data-font-lang=fallback] .m-slide-image .container .wrapper .content .text p {
    font-size: 56px;
    line-height: 56px
  }
}

.m-image-caption #withoutCaption {
  position: relative
}

@media(min-width: 1024px) {
  .m-image-caption #withoutCaption {
    width: 73.3496332518%;
    margin-left: 17.7669111654%
  }
}

.is-aligned-right.m-image-caption #withoutCaption {
  padding-left: 2px
}

@media(min-width: 768px) {
  .is-aligned-right.m-image-caption #withoutCaption {
    width: 66.71%;
    margin-left: 37.28%
  }
}

@media(min-width: 1024px) {
  .is-aligned-right.m-image-caption #withoutCaption {
    width: 54.23%
  }
}

.m-image-caption #withoutCaption img {
  width: 100%;
  display: block
}

.is-aligned-right.m-image-caption #withoutCaption img {
  margin-left: 9.18%
}

@media(min-width: 768px) {
  .is-aligned-right.m-image-caption #withoutCaption img {
    margin-left: 0
  }
}

.m-image-caption #withoutCaption .content-tile {
  position: relative;
  display: -ms-flexbox;
  display: flex
}

.m-image-caption #withoutCaption .content-tile .c-button {
  position: absolute;
  bottom: 0;
  line-height: 21px;
  height: 48px;
  right: 0;
  font-size: 12px
}

@media(min-width: 320px)and (max-width: 1024px) {
  .m-image-caption #withoutCaption .content-tile .c-button span {
    display: none
  }
}

.m-image-caption #withoutCaption .content-tile .c-button .icon_after {
  width: 25px;
  height: 25px;
  margin-left: 20px
}

@media(min-width: 320px)and (max-width: 1024px) {
  .m-image-caption #withoutCaption .content-tile .c-button .icon_after {
    margin-left: 0
  }
}

.m-image-caption figure {
  position: relative
}

@media(min-width: 1024px) {
  .m-image-caption figure {
    width: 73.3496332518%;
    margin-left: 17.7669111654%
  }
}

.is-aligned-right.m-image-caption figure {
  padding-left: 2px
}

@media(min-width: 768px) {
  .is-aligned-right.m-image-caption figure {
    width: 66.71%;
    margin-left: 37.28%
  }

  .is-aligned-right.m-image-caption figure .c-share-button .container .button-group {
    right: 35px
  }
}

@media(min-width: 1024px) {
  .is-aligned-right.m-image-caption figure {
    width: 54.23%
  }

  .is-aligned-right.m-image-caption figure .c-share-button .container .button-group {
    right: 0
  }
}

.m-image-caption figure img {
  width: 100%;
  display: block
}

.is-aligned-right.m-image-caption figure img {
  margin-left: 9.18%
}

@media(min-width: 768px) {
  .is-aligned-right.m-image-caption figure img {
    margin-left: 0
  }
}

.m-image-caption figure .content-tile {
  position: relative;
  display: -ms-flexbox;
  display: flex
}

.m-image-caption figure .content-tile .c-button {
  position: absolute;
  bottom: 0;
  line-height: 21px;
  height: 48px;
  right: 0;
  font-size: 12px
}

@media(min-width: 320px)and (max-width: 1024px) {
  .m-image-caption figure .content-tile .c-button span {
    display: none
  }
}

.m-image-caption figure .content-tile .c-button .icon_after {
  width: 25px;
  height: 25px;
  margin-left: 20px
}

@media(min-width: 320px)and (max-width: 1024px) {
  .m-image-caption figure .content-tile .c-button .icon_after {
    margin-left: 0
  }
}

.m-image-caption figure figcaption {
  padding: 10px 0;
  width: 67.5916749257%;
  margin-left: 20.4%;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: .06em;
  background-color: #fff
}

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

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

html[data-font-lang=ar] .m-image-caption figure figcaption {
  font-family: "RBDesign Arabic Bold", "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
}

@media(min-width: 768px) {
  .m-image-caption figure figcaption {
    width: 50%;
    margin-left: 42.5%;
    font-size: 14px;
    line-height: 20px
  }

  .m-image-caption figure figcaption:after {
    content: "";
    display: table;
    clear: both
  }
}

@media(min-width: 1024px) {
  .m-image-caption figure figcaption {
    width: 100%;
    margin-left: 0
  }
}

@media(min-width: 768px) {
  .is-aligned-right.m-image-caption figure figcaption {
    width: 90%;
    margin-left: 0
  }
}

@media(min-width: 1024px) {
  .is-aligned-right.m-image-caption figure figcaption {
    width: 100%
  }
}

.m-image-caption figure figcaption .reference {
  display: block;
  color: #a0a0a0;
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0
}

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

html[data-font-lang=zh] .m-image-caption figure figcaption .reference {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-image-caption figure figcaption .reference {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-image-caption figure figcaption .reference {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-image-caption figure figcaption .reference {
    float: right;
    margin-left: 10px
  }
}

.m-image-caption figure figcaption .reference strong {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .m-image-caption figure figcaption .reference strong {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-image-caption figure figcaption .reference strong {
  font-family: "RBDesign Arabic Bold", 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-iframe figure {
  position: relative
}

@media(min-width: 1024px) {
  .m-iframe figure {
    width: 73.3496332518%;
    margin-left: 17.7669111654%
  }
}

.is-aligned-right.m-iframe figure {
  padding-left: 2px
}

@media(min-width: 768px) {
  .is-aligned-right.m-iframe figure {
    width: 63.3251833741%;
    margin-left: 36.6748166259%
  }
}

@media(min-width: 1024px) {
  .is-aligned-right.m-iframe figure {
    width: 54.4417277914%
  }
}

.m-iframe figure iframe {
  max-width: 100%;
  display: block
}

.is-aligned-right.m-iframe figure iframe {
  margin-left: 6.7888999009%
}

@media(min-width: 768px) {
  .is-aligned-right.m-iframe figure iframe {
    margin-left: 0
  }
}

.m-overline {
  overflow: hidden
}

.m-overline .overline {
  position: relative;
  margin-left: 6.7888999009%;
  margin-right: 10.8027750248%;
  margin-bottom: 20px;
  padding: 18px 0 28px;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: .12em
}

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

html[data-font-lang=zh] .m-overline .overline {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-overline .overline {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-overline .overline {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-overline .overline {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 16px;
    padding-left: 8.8834555827%;
    padding-right: 35.5338223309%
  }
}

.m-overline .overline:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 500px;
  z-index: 0;
  width: 2px;
  background-color: #ced2d5
}

@media(min-width: 768px) {
  .m-overline .overline:after {
    left: 36.6748166259%
  }
}

.m-overline .overline:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: auto;
  margin: 0 auto;
  width: 40px;
  height: 4px;
  background-color: #000
}

@media(min-width: 768px) {
  .m-overline .overline:before {
    right: 26.6503667482%
  }
}

.m-stage-map {
  position: relative;
  background: #156c9c
}

@media(min-width: 1025px) {
  .m-stage-map.desktop {
    display: none
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-stage-map.tablet {
    display: none
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-stage-map.mobile {
    display: none
  }
}

.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-pink100 {
  background: #e6006e
}

.m-stage-map.is-orange {
  background: #cc8a00
}

.m-stage-map.is-orange80 {
  background: #f5a241
}

.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-grey20 {
  background: #eff0f1
}

.m-stage-map.is-blue80 {
  background: #156c9c
}

.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
}

@media(min-width: 768px) {
  .m-stage-map .map {
    display: block
  }
}

.m-stage-map .map .map-wrapper {
  padding-top: 56.25%;
  position: relative
}

@media(min-width: 1280px) {
  .m-stage-map .map .map-wrapper {
    padding-top: 650px
  }
}

.m-stage-map .map .map-wrapper .map-overview {
  height: 100%;
  width: 100%;
  cursor: default;
  position: absolute;
  top: 0;
  left: 0;
  -ms-touch-action: initial;
  touch-action: initial
}

.m-stage-map .map .map-wrapper .map-overview .zoomOut-button {
  width: 42px;
  height: 42px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: none
}

.m-stage-map .map .map-wrapper .map-overview .zoomOut-button.visible {
  display: block
}

.m-stage-map .map .map-wrapper .map-overview .zoomOut-button:before,
.m-stage-map .map .map-wrapper .map-overview .zoomOut-button:after {
  content: "";
  height: 2px;
  width: 24px;
  background-color: #000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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)
}

.m-stage-map .map .map-wrapper .map-overview .marker.city .wrapper {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAABDlBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHKL8AAAAAWXRSTlMAAAECAwUHCAkKDBMVGx8hIygsLjI1ODtJS0xNTk9VXV5gZGVwcnd5g4SFkJKVlpucoKKqra6ws7S5uru8wsXGx9XY2t3f4OLj5Obn6Onr7u/x8/b3+Pr8/Y3shloAAAEcSURBVHgB7djHTkIBEIXh8YKIoFiw914QxV4QLMoVsSsqzPu/iFuNmJhcf1fnf4FvM5nFsTY4AQIECBAgQICA/wLKYeVz4fnu4kDKvhQNuPZvNYpjqb8DKt6qzW4Y8FIGBrzYBQO+TgP1cRjwo3YYuBmGgcYyDHiBBg5iMHCcgIH9AAY2jAXeF2AgzMLAjrHAwyAMLBkLFJIo8LqSNBR4zE32oECz/nK/N0L/orfDbIAC7tWJGAv48xQM+N0QDHg5DQM+H8DAZRoGfJQG8jRQooELGqjRQEgDJzSwRQOzMPCUgYG1OAvU+gwFmtPGArk4C6x2GgncznRYZKD6833m+wOLDpzWWnV1tj3XmzD7JaDNToAAAQIECBAg4APkhgWEoTOcbQAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center
}

.m-stage-map .map .map-wrapper .map-overview .marker .wrapper {
  width: 42px;
  height: 42px;
  background-color: #eff0f1;
  border-radius: 50px;
  position: relative
}

.m-stage-map .map .map-wrapper .map-overview .marker .wrapper.main-building {
  background-color: #e6006e
}

html.no-touchevents .m-stage-map .map .map-wrapper .map-overview .marker .wrapper:hover .name {
  display: block
}

.m-stage-map .map .map-wrapper .map-overview .marker .wrapper .icon:before,
.m-stage-map .map .map-wrapper .map-overview .marker .wrapper .icon:after {
  content: "";
  height: 2px;
  width: 24px;
  background-color: #000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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)
}

.m-stage-map .map .map-wrapper .map-overview .marker .wrapper .icon:after {
  content: "";
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.m-stage-map .map .map-wrapper .map-overview .marker .wrapper .size {
  background-color: #e6006e;
  border-radius: 50px;
  width: 24px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: 16px;
  font-family: "RBDesign Medium", Arial, sans-serif
}

html[data-font-lang=ja] .m-stage-map .map .map-wrapper .map-overview .marker .wrapper .size {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-map .map .map-wrapper .map-overview .marker .wrapper .size {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-map .map .map-wrapper .map-overview .marker .wrapper .size {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-map .map .map-wrapper .map-overview .marker .wrapper .size {
  font-family: Arial, sans-serif
}

.m-stage-map .map .map-wrapper .map-overview .marker .wrapper .name {
  background-color: #fff;
  color: #000;
  padding-left: 40px;
  height: 42px;
  padding-right: 50px;
  padding-top: 10px;
  position: absolute;
  top: 0;
  left: 21px;
  z-index: -1;
  display: none;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0 50px 50px 0;
  font-size: 16px;
  font-family: "Arnhem Blond Italic", Arial, sans-serif;
  white-space: nowrap
}

html[data-font-lang=ja] .m-stage-map .map .map-wrapper .map-overview .marker .wrapper .name {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-map .map .map-wrapper .map-overview .marker .wrapper .name {
  font-family: "RBDesign Chs Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-map .map .map-wrapper .map-overview .marker .wrapper .name {
  font-family: "RBDesign Arabic Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-map .map .map-wrapper .map-overview .marker .wrapper .name {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

.m-stage-map .map .map-wrapper .map-overview .marker .wrapper .name:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 24px;
  height: 16px;
  width: 7px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAgCAQAAABj0DofAAAAs0lEQVR4AZWTA1aFURRGd+Ys8jSyG0XWDOJC5kRy08iNINv1rN/fU/ss73sPLiCXBoIEaESY4ZZwND4px8MU14TjsY6HEvoIG1GHcGyofYRGa18HwrahLhAqrX3jCCuG+qAMD8W8GnITYdhKWotwZqhDhFZrXzvCrqEuEWqtfWMIk4Z6/IfShNrGP5rXkfWgsj5evRS9yqwfgD4bfWxZP9FZ7lI97HmeU32HPBr5jaoePEQAqh+Ns+LbaEgAAAAASUVORK5CYII=);
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: right
}

.m-stage-map .map .map-wrapper .map-overview .marker .wrapper .name::first-letter {
  text-transform: uppercase
}

.m-stage-map .map .map-copyright {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  background-color: #000;
  text-align: right
}

.m-stage-map .map .map-copyright a {
  color: #fff
}

@media(min-width: 768px) {
  .m-stage-map .map-fallback {
    display: none
  }
}

.m-stage-map .map-fallback.always-show {
  display: block
}

.m-stage-map .map-fallback .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 60px
}

@media(min-width: 768px) {
  .m-stage-map .map-fallback .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%;
    padding-bottom: 20px
  }
}

@media(min-width: 1280px) {
  .m-stage-map .map-fallback .wrapper {
    padding-bottom: 60px;
    padding-top: 142px
  }
}

.m-stage-map .map-fallback .wrapper .image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

@media(min-width: 768px) {
  .m-stage-map .map-fallback .wrapper .image {
    -ms-flex-align: end;
    align-items: flex-end;
    width: 37.8158109209%;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}

.m-stage-map .map-fallback .wrapper .image img {
  max-height: 240px
}

@media(min-width: 768px) {
  .m-stage-map .map-fallback .wrapper .image img {
    max-height: 270px
  }
}

@media(min-width: 1280px) {
  .m-stage-map .map-fallback .wrapper .image img {
    max-height: 400px
  }
}

.m-stage-map .map-fallback .wrapper .headline {
  padding: 0 27.2209446683%
}

@media(min-width: 768px) {
  .m-stage-map .map-fallback .wrapper .headline {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0
  }
}

.m-stage-map .map-fallback .wrapper .headline h1 {
  font-family: "RBDesign Regular", 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: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-map .map-fallback .wrapper .headline h1 {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-map .map-fallback .wrapper .headline h1 {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-map .map-fallback .wrapper .headline h1 {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-stage-map .map-fallback .wrapper .headline h1 {
    position: absolute;
    left: 13.2029339853%;
    bottom: 40px;
    width: 68.0351906158%;
    font-size: 48px;
    line-height: 48px
  }
}

@media(min-width: 1280px) {
  .m-stage-map .map-fallback .wrapper .headline h1 {
    bottom: 57px;
    font-size: 72px;
    line-height: 72px
  }
}

.map-continent .m-section-headline .container {
  padding-bottom: 0
}

.map-continent .office {
  width: 100%;
  display: inline-block
}

.map-continent .office .c-text-location {
  margin-top: 0
}

.map-continent .reset-button {
  position: relative;
  z-index: 10;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: 6.7888999009%;
  margin-top: 40px;
  margin-bottom: 40px;
  -webkit-animation: fadeIn .2s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
  animation: fadeIn .2s cubic-bezier(0.39, 0.575, 0.565, 1) forwards
}

@media(min-width: 768px) {
  .map-continent .reset-button {
    margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 36.6748166259%
  }
}

html.no-touchevents .map-continent .reset-button:hover .icon-wrapper {
  background-color: #8d9399
}

html.js .map-continent .reset-button.is-hidden {
  display: none;
  opacity: 0
}

.map-continent .reset-button .icon-wrapper {
  background-color: #000;
  width: 40px;
  height: 40px;
  padding: 10px;
  margin-left: -20px;
  border-radius: 50%;
  color: #fff;
  transition: background-color .2s cubic-bezier(0.39, 0.575, 0.565, 1);
  box-shadow: 0 0 0 7px #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media(min-width: 768px) {
  .map-continent .reset-button .icon-wrapper {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    padding: 15px
  }
}

.map-continent .reset-button .icon-wrapper .icon {
  width: 100%;
  height: 100%
}

.map-continent .reset-button span {
  padding: 0 18px;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: .12em;
  font-family: "RBDesign Regular", Arial, sans-serif;
  color: #000;
  text-transform: uppercase
}

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

html[data-font-lang=zh] .map-continent .reset-button span {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .map-continent .reset-button span {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .map-continent .reset-button span {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .map-continent .reset-button span {
    padding: 0 36px
  }
}

.m-layer-overlay {
  display: none;
  transition: all .2s ease-out;
  position: fixed;
  z-index: 1900;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, .9)
}

.layer-open .m-layer-overlay {
  display: block
}

.layer-open.language .m-layer-overlay {
  z-index: 2010
}

@media(min-width: 768px) {
  .m-layer-overlay {
    min-height: 100vh;
    bottom: auto
  }
}

.m-form .submit-message {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 20.4%
}

@media(min-width: 768px) {
  .m-form .submit-message {
    margin-left: 42.37%
  }
}

.m-form .c-text-paragraph {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  color: #666
}

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

html[data-font-lang=zh] .m-form .c-text-paragraph {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-form .c-text-paragraph {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

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

@media(min-width: 768px) {
  .m-form .c-text-paragraph a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-form .c-text-paragraph a[target=_blank] {
  margin-right: 15px
}

.m-form .c-text-paragraph a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-form .c-text-paragraph a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-form .c-text-paragraph a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-form .c-text-paragraph a.no-underline {
    box-shadow: none
  }
}

.m-form .c-text-paragraph a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-form .c-text-paragraph a.no-external-hint[target=_blank]:after {
  display: none
}

.m-form .c-text-paragraph strong,
.m-form .c-text-paragraph b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .m-form .c-text-paragraph strong,
html[data-font-lang=zh] .m-form .c-text-paragraph b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-form .c-text-paragraph strong,
html[data-font-lang=ar] .m-form .c-text-paragraph b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-form .c-text-paragraph strong,
html[data-font-lang=fallback] .m-form .c-text-paragraph b {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-form .c-text-paragraph i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .m-form .c-text-paragraph i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .m-form .c-text-paragraph i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

.m-form form {
  padding: 5px 0;
  width: 67.5916749257%;
  float: left;
  margin-right: 8.0277502478%;
  margin-left: 20.4%
}

@media(min-width: 768px) {
  .m-form form {
    width: 51.140994295%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 42.37%
  }
}

@media(min-width: 1280px) {
  .m-form form {
    width: 55.5827220864%;
    float: left;
    margin-right: 6.6014669927%
  }
}

.m-form form.submitted .label.is-invalid {
  color: #ff3532
}

.m-form form.submitted .ng-invalid {
  border-color: #ff3532
}

.m-form form.submitted .c-form-checkbox .ng-invalid~.wrapper,
.m-form form.submitted .c-form-radio .ng-invalid~.wrapper {
  color: #ff3532
}

.m-form form.submitted .c-form-checkbox .ng-invalid~.wrapper:before,
.m-form form.submitted .c-form-radio .ng-invalid~.wrapper:before {
  border-color: #ff3532
}

.m-form form.submitted .c-form-checkbox .ng-invalid~.text,
.m-form form.submitted .c-form-radio .ng-invalid~.text {
  color: #ff3532
}

.m-form form.submitted.ng-invalid .error-message {
  display: block
}

@media(min-width: 768px) {
  .m-form .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.m-form .form-group+.form-group,
.m-form .form-group .c-form-radio+.c-form-radio {
  margin-top: 20px
}

.m-form .form-group .label {
  display: inline-block;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 12px;
  line-height: 10px;
  letter-spacing: 1px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px
}

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

html[data-font-lang=zh] .m-form .form-group .label {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-form .form-group .label {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .m-form .form-group .label {
    margin-bottom: 0;
    margin-right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 48px
  }
}

@media(min-width: 768px) {
  .m-form .form-group .c-form-input {
    width: 65%
  }
}

@media(min-width: 1024px) {
  .m-form .form-group .c-form-input {
    width: 350px
  }
}

@media(min-width: 1280px) {
  .m-form .form-group .c-form-input {
    width: 480px
  }
}

.m-form .form-group .c-form-select {
  width: 100%
}

@media(min-width: 768px) {
  .m-form .form-group .c-form-select {
    width: 65%
  }
}

@media(min-width: 1024px) {
  .m-form .form-group .c-form-select {
    width: 350px
  }
}

@media(min-width: 1280px) {
  .m-form .form-group .c-form-select {
    width: 480px
  }
}

@media(min-width: 768px) {
  .m-form .form-group .c-form-textarea {
    width: 65%
  }
}

@media(min-width: 1024px) {
  .m-form .form-group .c-form-textarea {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 350px
  }
}

@media(min-width: 1280px) {
  .m-form .form-group .c-form-textarea {
    width: 580px
  }
}

.m-form .form-group[required] label:after {
  content: "*";
  margin-left: 2px;
  color: #ff3532
}

.m-form .form-footer {
  margin-top: 20px
}

@media(min-width: 768px) {
  .m-form .form-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
  }
}

.m-form .form-footer .error-message {
  color: #ff3532;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 20px;
  display: none
}

html[data-font-lang=ja] .m-form .form-footer .error-message {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-form .form-footer .error-message {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-form .form-footer .error-message {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-form .form-footer .error-message {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-form .form-footer .error-message {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0
  }
}

.m-form .form-footer .c-button {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1px
}

@media(min-width: 768px) {
  .m-form .form-footer .c-button {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
}

.m-form .form-footer .c-button .icon-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.m-form .form-footer .c-button .icon {
  width: 16px;
  height: 16px;
  float: right;
  margin-top: -2px
}

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

.m-hubspot-form-wrapper .m-hubspot-window-close {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 17px;
  margin-top: 17px;
  background-color: #fff;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer
}

.m-hubspot-form-wrapper .m-hubspot-window-close svg.icon {
  fill: #000;
  width: 16px;
  height: 16px
}

.m-hubspot-form-wrapper .m-hubspot-form {
  margin: 40px
}

.m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  color: #666
}

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

html[data-font-lang=zh] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

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

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

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph a[target=_blank] {
  margin-right: 15px
}

.m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph a.no-underline {
    box-shadow: none
  }
}

.m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph a.no-external-hint[target=_blank]:after {
  display: none
}

.m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph strong,
.m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

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

html[data-font-lang=zh] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph strong,
html[data-font-lang=zh] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph strong,
html[data-font-lang=ar] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph strong,
html[data-font-lang=fallback] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph b {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-hubspot-form-wrapper .m-hubspot-form .c-text-paragraph i {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .submit-message {
    margin-left: 130px
  }
}

.m-hubspot-form-wrapper .m-hubspot-form .submit-message .c-text-paragraph {
  text-align: center
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .submit-message .c-text-paragraph {
    text-align: left
  }
}

.m-hubspot-form-wrapper .m-hubspot-form form {
  width: 100%;
  margin-left: 0;
  margin-right: 0
}

.m-hubspot-form-wrapper .m-hubspot-form form.submitted .label.is-invalid {
  color: #ff3532
}

.m-hubspot-form-wrapper .m-hubspot-form form.submitted .ng-invalid {
  border-color: #ff3532
}

.m-hubspot-form-wrapper .m-hubspot-form form.submitted .c-form-checkbox .ng-invalid~.wrapper,
.m-hubspot-form-wrapper .m-hubspot-form form.submitted .c-form-radio .ng-invalid~.wrapper {
  color: #ff3532
}

.m-hubspot-form-wrapper .m-hubspot-form form.submitted .c-form-checkbox .ng-invalid~.wrapper:before,
.m-hubspot-form-wrapper .m-hubspot-form form.submitted .c-form-radio .ng-invalid~.wrapper:before {
  border-color: #ff3532
}

.m-hubspot-form-wrapper .m-hubspot-form form.submitted .c-form-checkbox .ng-invalid~.text,
.m-hubspot-form-wrapper .m-hubspot-form form.submitted .c-form-radio .ng-invalid~.text {
  color: #ff3532
}

.m-hubspot-form-wrapper .m-hubspot-form form.submitted.ng-invalid .error-message {
  display: block
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.m-hubspot-form-wrapper .m-hubspot-form .form-group+.form-group,
.m-hubspot-form-wrapper .m-hubspot-form .form-group .c-form-radio+.c-form-radio {
  margin-top: 20px
}

.m-hubspot-form-wrapper .m-hubspot-form .form-group .label {
  display: inline-block;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .12em;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px
}

html[data-font-lang=ja] .m-hubspot-form-wrapper .m-hubspot-form .form-group .label {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-hubspot-form-wrapper .m-hubspot-form .form-group .label {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-hubspot-form-wrapper .m-hubspot-form .form-group .label {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-hubspot-form-wrapper .m-hubspot-form .form-group .label {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .form-group .label {
    margin-bottom: 0;
    margin-right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 48px
  }
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .form-group .c-form-input {
    width: 65%
  }
}

@media(min-width: 1024px) {
  .m-hubspot-form-wrapper .m-hubspot-form .form-group .c-form-input {
    width: 480px
  }
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .form-group .c-form-textarea {
    width: 65%
  }
}

@media(min-width: 1024px) {
  .m-hubspot-form-wrapper .m-hubspot-form .form-group .c-form-textarea {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 585px
  }
}

.m-hubspot-form-wrapper .m-hubspot-form .form-group[required] label:after {
  content: "*";
  margin-left: 2px;
  color: #ff3532
}

.m-hubspot-form-wrapper .m-hubspot-form .form-footer {
  margin-top: 20px
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .form-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
  }
}

.m-hubspot-form-wrapper .m-hubspot-form .form-footer .error-message {
  color: #ff3532;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 20px;
  display: none
}

html[data-font-lang=ja] .m-hubspot-form-wrapper .m-hubspot-form .form-footer .error-message {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-hubspot-form-wrapper .m-hubspot-form .form-footer .error-message {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-hubspot-form-wrapper .m-hubspot-form .form-footer .error-message {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-hubspot-form-wrapper .m-hubspot-form .form-footer .error-message {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .form-footer .error-message {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0
  }
}

.m-hubspot-form-wrapper .m-hubspot-form .form-footer .form-buttons {
  float: right;
  margin-right: 0;
  padding-right: 0
}

@media(min-width: 768px) {
  .m-hubspot-form-wrapper .m-hubspot-form .form-footer .c-button {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
}

.m-hubspot-form-wrapper .m-hubspot-form .form-footer .c-button .icon-wrapper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.m-hubspot-form-wrapper .m-hubspot-form .form-footer .c-button .icon {
  width: 16px;
  height: 16px;
  float: right;
  margin-top: -2px
}

.m-hubspot-form-wrapper .m-hubspot-form .form-footer .c-button+.c-button {
  margin-left: 1px
}

.m-filter[ng-cloak] {
  display: none
}

.m-filter .form {
  background: #f0f0f0
}

.m-filter .filter {
  padding: 36px 0;
  border-bottom: 1px solid #fff
}

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

.is-small.m-filter .filter .c-form-checkbox .wrapper {
  height: 38px;
  padding: 8px 34px 8px 14px
}

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

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

.is-small.m-filter .filter .c-form-select select {
  height: 38px;
  line-height: 38px
}

.m-filter .filter .desktopThinkactView {
  display: none
}

@media(min-width: 768px) {
  .m-filter .filter .desktopThinkactView {
    display: block
  }
}

.m-filter .filter .mobileThinkactView {
  display: block
}

@media(min-width: 768px) {
  .m-filter .filter .mobileThinkactView {
    display: none
  }
}

.m-filter .filter .headline {
  font-family: "Arnhem Blond Italic", Arial, sans-serif;
  font-size: 28px;
  line-height: 32px;
  margin-left: 8.16%;
  margin-right: 8.16%;
  margin-bottom: 10px
}

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

html[data-font-lang=zh] .m-filter .filter .headline {
  font-family: "RBDesign Chs Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-filter .filter .headline {
  font-family: "RBDesign Arabic Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

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

@media(min-width: 768px) {
  .m-filter .filter .headline {
    margin-left: 6.77%;
    margin-right: 0;
    width: 91.52%;
    float: left
  }
}

@media(min-width: 1280px) {
  .m-filter .filter .headline {
    margin-bottom: 0;
    margin-top: 10px;
    margin-left: 0;
    width: 23.72%;
    text-align: right;
    padding-right: 40px
  }

  .is-small.m-filter .filter .headline {
    margin-top: 4px
  }
}

@media(min-width: 768px) {
  .jobs.m-filter .filter .options .option {
    width: 49%;
    margin-right: 1%
  }

  .jobs.m-filter .filter .checkOptions .option {
    width: 32.66%;
    margin-right: 1%
  }
}

.m-filter .filter .options,
.m-filter .filter .checkOptions {
  margin-left: 8.16%;
  margin-right: 8.16%
}

@media(min-width: 768px) {

  .m-filter .filter .options,
  .m-filter .filter .checkOptions {
    margin-left: 6.77%;
    margin-right: 0;
    width: 83.05%;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media(min-width: 1280px) {

  .m-filter .filter .options,
  .m-filter .filter .checkOptions {
    margin-left: 0;
    width: 66.1%
  }
}

.m-filter .filter .options .date-range,
.m-filter .filter .checkOptions .date-range {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.m-filter .filter .options .date-range .c-form-select,
.m-filter .filter .checkOptions .date-range .c-form-select {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 48%
}

@media(min-width: 768px) {

  .m-filter .filter .options .date-range .c-form-select,
  .m-filter .filter .checkOptions .date-range .c-form-select {
    width: auto
  }
}

.m-filter .filter .options .date-range .c-form-select+.c-form-select,
.m-filter .filter .checkOptions .date-range .c-form-select+.c-form-select {
  margin-left: 4%
}

@media(min-width: 768px) {

  .m-filter .filter .options .date-range .c-form-select+.c-form-select,
  .m-filter .filter .checkOptions .date-range .c-form-select+.c-form-select {
    margin-left: 20px
  }
}

.m-filter .filter .options .date-range .date-to,
.m-filter .filter .checkOptions .date-range .date-to {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  text-align: center;
  overflow: hidden;
  width: 100%;
  margin: 10px 0
}

@media(min-width: 768px) {

  .m-filter .filter .options .date-range .date-to,
  .m-filter .filter .checkOptions .date-range .date-to {
    width: auto;
    margin: 0
  }
}

.m-filter .filter .options .date-range .date-to:before,
.m-filter .filter .checkOptions .date-range .date-to:before {
  content: "";
  position: absolute;
  top: 19px;
  left: 0;
  right: 0;
  z-index: 0;
  background: #000;
  height: 2px
}

@media(min-width: 768px) {

  .m-filter .filter .options .date-range .date-to:before,
  .m-filter .filter .checkOptions .date-range .date-to:before {
    left: 20px;
    right: 20px
  }
}

.m-filter .filter .options .date-range .date-to .text,
.m-filter .filter .checkOptions .date-range .date-to .text {
  position: relative;
  z-index: 1;
  background: #eff0f1;
  display: inline-block;
  padding: 0 12px;
  font-size: 28px;
  line-height: 40px;
  font-family: "Arnhem Blond Italic", Arial, sans-serif
}

html[data-font-lang=ja] .m-filter .filter .options .date-range .date-to .text,
html[data-font-lang=ja] .m-filter .filter .checkOptions .date-range .date-to .text {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-filter .filter .options .date-range .date-to .text,
html[data-font-lang=zh] .m-filter .filter .checkOptions .date-range .date-to .text {
  font-family: "RBDesign Chs Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-filter .filter .options .date-range .date-to .text,
html[data-font-lang=ar] .m-filter .filter .checkOptions .date-range .date-to .text {
  font-family: "RBDesign Arabic Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-filter .filter .options .date-range .date-to .text,
html[data-font-lang=fallback] .m-filter .filter .checkOptions .date-range .date-to .text {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

.m-filter .filter .options .option,
.m-filter .filter .checkOptions .option {
  width: 100%
}

@media(min-width: 768px) {

  .m-filter .filter .options .option,
  .m-filter .filter .checkOptions .option {
    width: 32.66%;
    margin-right: 1%
  }

  .m-filter .filter .options .option:nth-child(3n),
  .m-filter .filter .checkOptions .option:nth-child(3n) {
    margin-right: 0
  }
}

.m-filter .filter .options .c-form-checkbox,
.m-filter .filter .checkOptions .c-form-checkbox {
  width: 100%
}

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

.m-filter .filter .show-more {
  float: right;
  margin-right: 8.16%;
  padding: 0 16px;
  cursor: pointer
}

@media(min-width: 768px) {
  .m-filter .filter .show-more {
    float: right;
    width: 6.77%;
    margin-right: 0;
    margin-top: 10px;
    padding: 0
  }
}

.m-filter .filter .show-more.is-active .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

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

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

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

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

.is-reset-left.m-filter .form-footer .container {
  position: relative
}

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

@media(min-width: 768px) {
  .is-reset-left.m-filter .form-footer .c-button[type=reset] {
    position: absolute;
    bottom: 0;
    right: 66.1%
  }
}

@media(min-width: 1280px) {
  .is-reset-left.m-filter .form-footer .c-button[type=reset] {
    right: 55.08%
  }
}

.m-filter .form-footer .c-button .icon {
  width: 16px;
  height: 16px
}

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

.m-search-filter {
  position: relative;
  background: #fff
}

@media(min-width: 300px) {
  .m-search-filter {
    margin-left: -0.5%;
    width: 100%
  }
}

@media(min-width: 768px) {
  .m-search-filter {
    margin-left: 0;
    width: 100%
  }
}

@media(min-width: 1280px) {
  .m-search-filter {
    margin-left: 0;
    width: 100%
  }
}

.m-search-filter[ng-cloak] {
  display: none
}

.m-search-filter .filter-button {
  text-decoration: none;
  height: 35px;
  width: 55px;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: .12em;
  font-family: "RBDesign Regular", Arial, sans-serif;
  padding: 0 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
  overflow: hidden;
  background-image: none;
  border: 0;
  outline: 0;
  cursor: pointer
}

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

html[data-font-lang=zh] .m-search-filter .filter-button {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .filter-button {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .filter-button {
  font-family: Arial, sans-serif
}

.m-search-filter .filter-button.is-transparent {
  color: #000;
  background-color: #c8c8c8
}

.m-search-filter .filter-button.is-transparent.is-active {
  color: #000;
  background-color: #a0a0a0
}

@media(min-width: 300px) {
  .m-search-filter .filter-button {
    display: block;
    margin-left: 76.2338949455%;
    margin-bottom: 20px
  }
}

@media(min-width: 360px) {
  .m-search-filter .filter-button {
    margin-left: 80.0148662042%
  }
}

@media(min-width: 390px) {
  .m-search-filter .filter-button {
    margin-left: 82.7155599604%
  }
}

@media(min-width: 480px) {
  .m-search-filter .filter-button {
    margin-left: 84.8761149653%
  }
}

@media(min-width: 540px) {
  .m-search-filter .filter-button {
    margin-left: 87.0366699703%
  }
}

@media(min-width: 650px) {
  .m-search-filter .filter-button {
    margin-left: 89.1972249752%
  }
}

@media(min-width: 768px) {
  .m-search-filter .filter-button {
    display: none
  }
}

@media(min-width: 300px) {
  .m-search-filter #form {
    display: none
  }
}

@media(min-width: 768px) {
  .m-search-filter #form {
    display: block
  }
}

.m-search-filter .form {
  float: left
}

@media(min-width: 300px) {
  .m-search-filter .form {
    width: 100%;
    display: block
  }
}

@media(min-width: 768px) {
  .m-search-filter .form {
    width: 31.122%;
    display: block
  }
}

.m-search-filter .m-text .container {
  height: 600px
}

.m-search-filter .m-text .container .wrapper {
  margin-left: 24.3805748266%
}

@media(min-width: 300px) {
  .m-search-filter .m-text .container .wrapper {
    width: 60%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-text .container .wrapper {
    width: 45.9861248761%
  }
}

.m-search-filter .m-text .container .c-text-subheadline {
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0
}

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

html[data-font-lang=zh] .m-search-filter .m-text .container .c-text-subheadline {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-text .container .c-text-subheadline {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

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

@media(min-width: 300px) {
  .m-search-filter .m-text .container .c-text-subheadline::before {
    left: -42.2725470763%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-text .container .c-text-subheadline::before {
    left: -11.57%
  }
}

.m-search-filter .m-text .container::before {
  content: "";
  display: block
}

@media(min-width: 300px) {
  .m-search-filter .m-text .container::before {
    left: 2.775024777%;
    height: 100%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-text .container::before {
    left: 5px
  }
}

.m-search-filter .m-load-more {
  float: left
}

@media(min-width: 480px) {
  .m-search-filter .m-load-more {
    width: 100%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more {
    margin-left: 0;
    width: 62.86%
  }
}

.m-search-filter .m-load-more .container {
  float: left;
  width: 100%
}

.m-search-filter .m-load-more .container::before {
  content: "";
  display: block
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .container::before {
    left: 8.16%;
    height: 100%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .container::before {
    left: 5px;
    height: 100%
  }
}

.m-search-filter .m-load-more .m-search-contact {
  float: left;
  width: 100%
}

.m-search-filter .m-load-more .m-search-contact .contact-big {
  width: 100%
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big {
    display: none
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big {
    display: block;
    margin-left: 6.77%;
    width: 91.1165444173%
  }
}

.m-search-filter .m-load-more .m-search-contact .contact-big .without-image {
  margin-left: 11.5%
}

.m-search-filter .m-load-more .m-search-contact .contact-big .without-image .details {
  width: 80%
}

@media(min-width: 1024px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .without-image .details {
    width: 84.1%
  }
}

.m-search-filter .m-load-more .m-search-contact .contact-big .image {
  float: left;
  padding-right: 15px;
  margin-left: 33.3740831296%
}

@media(min-width: 480px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .image {
    margin-left: 28.9323553382%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .image {
    margin-left: 0
  }
}

.m-search-filter .m-load-more .m-search-contact .contact-big .image img {
  box-shadow: none;
  height: 115px;
  width: 115px
}

@media(min-width: 1024px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .image img {
    height: 130px;
    width: 130px
  }
}

.m-search-filter .m-load-more .m-search-contact .contact-big .details {
  float: left;
  margin: 0
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .details {
    margin-left: 11.1654441728%;
    width: 64.4661776691%;
    margin-bottom: 2.2819885901%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .details {
    margin-left: 19.25%;
    width: 70.33%
  }
}

@media(min-width: 1024px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .details {
    margin-left: 13.55%;
    width: 74.57%
  }
}

@media(min-width: 1280px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .details {
    margin-left: 11.01%;
    width: 74.57%
  }
}

.m-search-filter .m-load-more .m-search-contact .contact-big .details .topic {
  width: auto;
  display: table-cell;
  padding: 4px 10px;
  background-color: #f0f0f0;
  margin-left: 10px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: #000
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-contact .contact-big .details .topic {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-contact .contact-big .details .topic {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-contact .contact-big .details .topic {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-contact .contact-big .details .topic {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-contact .contact-big .details .name {
  font-family: "RBDesign Bold", Arial, sans-serif;
  margin-bottom: 10px;
  font-size: 25px;
  line-height: 30px
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-contact .contact-big .details .name {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-contact .contact-big .details .name {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-contact .contact-big .details .name {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-contact .contact-big .details .name {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-contact .contact-big .details .job-title {
  font-family: "RBDesign SemiBold", Arial, sans-serif;
  color: #000;
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 10px;
  text-transform: none
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-contact .contact-big .details .job-title {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-contact .contact-big .details .job-title {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-contact .contact-big .details .job-title {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-contact .contact-big .details .job-title {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-contact .contact-big .details .address {
  font-family: "RBDesign Regular", Arial, sans-serif;
  color: #000;
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 10px;
  text-transform: none;
  width: auto;
  display: table-cell
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-contact .contact-big .details .address {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-contact .contact-big .details .address {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-contact .contact-big .details .address {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-contact .contact-big .details .address {
  font-family: Arial, sans-serif
}

.m-search-filter .m-load-more .m-search-contact .contact-big .details hr {
  background-color: #ced2d5;
  height: 1px;
  border: #ced2d5
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .details hr {
    display: none
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-contact .contact-big .details hr {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: 0
  }
}

.m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise .label {
  font-family: "RBDesign SemiBold", Arial, sans-serif;
  color: #000;
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 10px
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise .label {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise .label {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise .label {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise .label {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise p {
  font-family: "RBDesign Regular", Arial, sans-serif;
  color: #000;
  font-size: 17px;
  line-height: 28px
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise p {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-contact .contact-big .details .expertise p {
  font-family: Arial, sans-serif
}

.m-search-filter .m-load-more .m-search-contact .contact-big .c-share-networks {
  position: relative;
  float: right
}

.m-search-filter .m-load-more .m-search-contact .contact-big .c-share-networks .c-button {
  height: 37px;
  width: 43px;
  padding: 0 10px
}

.m-search-filter .m-load-more .m-search-contact .contact-small {
  width: 95%;
  position: relative
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-contact .contact-small {
    display: block
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-contact .contact-small {
    display: none
  }
}

.m-search-filter .m-load-more .m-search-contact .contact-small .image {
  float: left;
  margin-left: 15.25%;
  margin-top: 10px
}

.m-search-filter .m-load-more .m-search-contact .contact-small .image img {
  box-shadow: none
}

.m-search-filter .m-load-more .m-search-contact .contact-small .details {
  float: right;
  margin: 0;
  text-align: left;
  margin-top: 35px;
  margin-right: 2.2819885901%;
  margin-bottom: 15px
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-contact .contact-small .details {
    width: 49.15%
  }
}

@media(min-width: 360px) {
  .m-search-filter .m-load-more .m-search-contact .contact-small .details {
    width: 57.62%;
    margin-right: 0
  }
}

.m-search-filter .m-load-more .m-search-contact .contact-small .c-share-networks {
  position: relative;
  float: left;
  margin-left: 42.37%;
  margin-bottom: 2.54%
}

.m-search-filter .m-load-more .m-search-contact .contact-small .c-share-networks .c-button {
  height: 35px;
  width: 43px;
  padding: 0 12px
}

.m-search-filter .m-load-more .m-search-contact .contact-small .c-share-networks .c-button .icon {
  height: 20px;
  width: 20px
}

.m-search-filter .m-load-more .m-search-contact .contact-small .hr {
  float: left;
  display: block;
  width: 85%;
  margin-left: 13.55%;
  height: 1px;
  background: #ebebeb
}

.m-search-filter .m-load-more .m-search-contact .container {
  padding: 30px 0 0 0
}

.m-search-filter .m-load-more .m-search-contact .container::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 68px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 8px #fff;
  margin-left: 2px
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-contact .container::after {
    left: 7.14%
  }
}

@media(min-width: 480px) {
  .m-search-filter .m-load-more .m-search-contact .container::after {
    left: 7.6%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-contact .container::after {
    left: 0
  }
}

.m-search-filter .m-load-more .m-search-teaser-press {
  float: left;
  width: 100%
}

.m-search-filter .m-load-more .m-search-teaser-press .content-big {
  width: 100%;
  border-bottom: 1px solid #ebebeb
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-teaser-press .content-big {
    display: none
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-teaser-press .content-big {
    display: block;
    margin-left: 6.77%;
    width: 91.1165444173%
  }
}

.m-search-filter .m-load-more .m-search-teaser-press .content-big .topic {
  width: auto;
  display: table-cell;
  padding: 4px 10px;
  background-color: #f0f0f0;
  margin-left: 10px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: #000
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-teaser-press .content-big .topic {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-teaser-press .content-big .topic {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-teaser-press .content-big .topic {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-teaser-press .content-big .topic {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-teaser-press .content-big .headline {
  margin-left: 155px;
  margin-top: 15px
}

.m-search-filter .m-load-more .m-search-teaser-press .content-big .headline a {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 17px;
  line-height: 30px;
  text-decoration: none;
  color: #000
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-teaser-press .content-big .headline a {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-teaser-press .content-big .headline a {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-teaser-press .content-big .headline a {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-teaser-press .content-big .headline a {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-teaser-press .content-big .date {
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 155px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  color: #a0a0a0;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 28px
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-teaser-press .content-big .date {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-teaser-press .content-big .date {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-teaser-press .content-big .date {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-teaser-press .content-big .date {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-teaser-press .content-big p {
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 17px;
  line-height: 28px;
  margin-left: 155px;
  margin-bottom: 25px
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-teaser-press .content-big p {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-teaser-press .content-big p {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-teaser-press .content-big p {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-teaser-press .content-big p {
  font-family: Arial, sans-serif
}

.m-search-filter .m-load-more .m-search-teaser-press .content-small {
  margin: 6.77%;
  padding-left: 6.77%
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-teaser-press .content-small {
    display: block;
    margin-top: 10.16%
  }
}

@media(min-width: 360px) {
  .m-search-filter .m-load-more .m-search-teaser-press .content-small {
    display: block;
    margin-top: 8.47%
  }
}

@media(min-width: 390px) {
  .m-search-filter .m-load-more .m-search-teaser-press .content-small {
    display: block;
    margin-top: 7.62%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-teaser-press .content-small {
    display: none
  }
}

.m-search-filter .m-load-more .m-search-teaser-press .content-small .topic {
  width: auto;
  display: table-cell;
  padding: 4px 10px;
  background-color: #f0f0f0;
  margin-left: 10px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: #000
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-teaser-press .content-small .topic {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-teaser-press .content-small .topic {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-teaser-press .content-small .topic {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-teaser-press .content-small .topic {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-teaser-press .content-small .headline a {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 17px;
  line-height: 25px;
  text-decoration: none;
  color: #000
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-teaser-press .content-small .headline a {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-teaser-press .content-small .headline a {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-teaser-press .content-small .headline a {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-teaser-press .content-small .headline a {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-teaser-press .content-small .date {
  font-family: "RBDesign Bold", Arial, sans-serif;
  color: #a0a0a0;
  text-transform: uppercase;
  margin-top: 25px;
  font-size: 16px;
  line-height: 28px
}

html[data-font-lang=ja] .m-search-filter .m-load-more .m-search-teaser-press .content-small .date {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .m-load-more .m-search-teaser-press .content-small .date {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .m-load-more .m-search-teaser-press .content-small .date {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .m-load-more .m-search-teaser-press .content-small .date {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .m-load-more .m-search-teaser-press .content-small .subline {
  font-size: 17px;
  line-height: 22px;
  float: none;
  margin-left: 145px;
  margin-top: 20px
}

.m-search-filter .m-load-more .m-search-teaser-press .content-small .c-text-paragraph {
  float: none;
  margin-left: 145px
}

.m-search-filter .m-load-more .m-search-teaser-press .content-small p {
  float: left;
  margin-top: 15px;
  margin-bottom: -2.1597392013%
}

.m-search-filter .m-load-more .m-search-teaser-press .content-small .hr {
  float: left;
  display: block;
  width: 100%;
  height: 1px;
  background: #ebebeb;
  margin-top: 30px
}

.m-search-filter .m-load-more .m-search-teaser-press .container {
  padding: 30px 0 0 0
}

.m-search-filter .m-load-more .m-search-teaser-press .container::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 68px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 8px #fff;
  margin-left: 2px
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-teaser-press .container::after {
    left: 7.14%
  }
}

@media(min-width: 480px) {
  .m-search-filter .m-load-more .m-search-teaser-press .container::after {
    left: 7.6%
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-teaser-press .container::after {
    left: 0
  }
}

.m-search-filter .m-load-more .m-search-teaser-press .event-image {
  width: 130px;
  height: 80px;
  float: left
}

@media(min-width: 300px) {
  .m-search-filter .m-load-more .m-search-teaser-press .event-image {
    margin-top: 25px
  }
}

@media(min-width: 768px) {
  .m-search-filter .m-load-more .m-search-teaser-press .event-image {
    margin-top: 0;
    margin-right: 3.389%;
    height: 100px
  }
}

.m-search-filter .m-load-more .m-search-teaser-press .event-image img {
  width: 100%;
  height: 80px
}

.m-search-filter .search-filter {
  border-bottom: 1px solid #fff;
  overflow: auto
}

.m-search-filter .search-filter .headline {
  font-family: "RBDesign Medium", Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  margin-left: 6.2795436023%;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 46.6992665037%
}

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

html[data-font-lang=zh] .m-search-filter .search-filter .headline {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .search-filter .headline {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .search-filter .headline {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 360px) {
  .m-search-filter .search-filter .headline {
    margin-left: 8%
  }
}

@media(min-width: 768px) {
  .m-search-filter .search-filter .headline {
    font-size: 23px;
    margin-left: 5.932%;
    text-align: left
  }

  .is-small.m-search-filter .search-filter .headline {
    margin-top: 4px
  }
}

.m-search-filter .search-filter .options {
  margin-left: 5%
}

@media(min-width: 480px) {
  .m-search-filter .search-filter .options {
    margin-left: 6%
  }
}

@media(min-width: 768px) {
  .m-search-filter .search-filter .options {
    margin-left: 4px;
    margin-right: 0;
    margin-bottom: 5px;
    width: 92.0048899756%;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media(min-width: 1024px) {
  .m-search-filter .search-filter .options {
    margin-left: 10px
  }
}

.m-search-filter .search-filter .options .option {
  width: 93%
}

@media(min-width: 768px) {
  .m-search-filter .search-filter .options .option {
    margin-right: 1%
  }

  .m-search-filter .search-filter .options .option:nth-child(3n) {
    margin-right: 0
  }
}

.m-search-filter .search-filter .options .c-form-checkbox input:checked~.wrapper {
  background: none
}

.m-search-filter .search-filter .options .c-form-checkbox input:focus~.wrapper {
  box-shadow: none
}

.m-search-filter .search-filter .options .c-form-checkbox {
  width: 100%;
  display: inline
}

.m-search-filter .search-filter .options .c-form-checkbox input {
  right: 15px
}

.m-search-filter .search-filter .options .c-form-checkbox .wrapper {
  width: 105%;
  margin: 0 0 0 0;
  padding: 11px 34px 11px 14px;
  background-color: rgba(0, 0, 0, 0);
  height: 38px
}

.m-search-filter .search-filter .options .c-form-checkbox .wrapper::before {
  top: 9px;
  background-color: #f0f0f0
}

.m-search-filter .search-filter .options .c-form-checkbox .wrapper .icon {
  top: 13px
}

.m-search-filter .search-filter .options .c-form-checkbox .wrapper .text,
.m-search-filter .search-filter .options .c-form-checkbox .wrapper .number {
  font-family: "RBDesign Regular", Arial, sans-serif;
  text-transform: capitalize;
  letter-spacing: normal;
  font-size: 15px;
  line-height: 20px
}

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

html[data-font-lang=zh] .m-search-filter .search-filter .options .c-form-checkbox .wrapper .text,
html[data-font-lang=zh] .m-search-filter .search-filter .options .c-form-checkbox .wrapper .number {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .search-filter .options .c-form-checkbox .wrapper .text,
html[data-font-lang=ar] .m-search-filter .search-filter .options .c-form-checkbox .wrapper .number {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .search-filter .options .c-form-checkbox .wrapper .text,
html[data-font-lang=fallback] .m-search-filter .search-filter .options .c-form-checkbox .wrapper .number {
  font-family: "RBDesign Light", Arial, sans-serif;
  font-weight: normal
}

.m-search-filter .search-filter .options .c-form-checkbox input:checked~.wrapper .text {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .m-search-filter .search-filter .options .c-form-checkbox input:checked~.wrapper .text {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-search-filter .search-filter .options .c-form-checkbox input:checked~.wrapper .text {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-search-filter .search-filter .options .c-form-checkbox input:checked~.wrapper .text {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-search-filter .search-filter .options .c-form-checkbox input:checked~.wrapper .text {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-search-filter .search-filter .show-more {
  cursor: pointer;
  width: 6.77%;
  margin-left: 11.01%
}

@media(min-width: 360px) {
  .m-search-filter .search-filter .show-more {
    margin-left: 9.74%;
    padding: 0
  }
}

@media(min-width: 768px) {
  .m-search-filter .search-filter .show-more {
    margin-left: 6.35%
  }
}

.m-search-filter .search-filter .show-more .icon {
  width: 13px;
  height: 13px;
  margin-bottom: 10px;
  fill: #000
}

.m-search-filter .search-filter .show-more.is-active .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.m-search-filter .form-footer {
  margin-top: 20px;
  float: left;
  margin-left: 6.2795436023%
}

@media(min-width: 360px) {
  .m-search-filter .form-footer {
    margin-left: 9.32%
  }
}

@media(min-width: 768px) {
  .m-search-filter .form-footer {
    margin-left: 5.932%
  }
}

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

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

.is-reset-left.m-search-filter .form-footer .container {
  position: relative
}

.m-search-filter .form-footer .c-button {
  background: #000;
  color: #fff;
  height: 35px
}

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

body.layer-search-open {
  overflow: hidden
}

.m-layer-search {
  position: fixed;
  z-index: 999;
  top: 60px;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  background-color: #dee0e3
}

@media(min-width: 768px) {
  .m-layer-search {
    top: 48px
  }
}

.m-layer-search.is-open {
  display: block
}

.m-layer-search .search {
  position: relative;
  background: #fff
}

@media(min-width: 768px) {
  .m-layer-search .search {
    height: 320px
  }
}

@media(min-width: 1280px) {
  .m-layer-search .search {
    height: 372px
  }
}

@media screen and (max-height: 560px) {
  .m-layer-search .search {
    margin-bottom: 350px
  }
}

.m-layer-search .search .container {
  background-color: rgba(0, 0, 0, 0);
  height: inherit;
  overflow: visible
}

.m-layer-search .search .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 54px 0 60px
}

@media(min-width: 768px) {
  .m-layer-search .search .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%;
    padding-bottom: 60px
  }
}

@media(min-width: 1280px) {
  .m-layer-search .search .container .wrapper {
    padding-bottom: 80px;
    padding-top: 142px
  }
}

.m-layer-search .search .container .wrapper .search-icon {
  display: none
}

@media(min-width: 768px) {
  .m-layer-search .search .container .wrapper .search-icon {
    display: block;
    width: 35.5338223309%;
    position: relative
  }
}

.m-layer-search .search .container .wrapper .search-icon .icon {
  color: #aeb6bb
}

html.no-touchevents .m-layer-search .search .container .wrapper .search-icon .icon:hover {
  cursor: pointer
}

@media(min-width: 768px) {
  .m-layer-search .search .container .wrapper .search-icon .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px
  }
}

@media(min-width: 1280px) {
  .m-layer-search .search .container .wrapper .search-icon .icon {
    width: 42px;
    height: 42px
  }
}

.m-layer-search .search .container .wrapper .search-input {
  padding: 0 21.6055500496%
}

@media(min-width: 768px) {
  .m-layer-search .search .container .wrapper .search-input {
    position: relative;
    padding: 0;
    width: 46.6992665037%;
    margin-left: 8.8834555827%
  }
}

.m-layer-search .search .container .wrapper .search-input input {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: none;
  font-size: 32px;
  color: #aeb6bb;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  outline: none;
  -webkit-transform: translateY(10px) translateX(-17px);
  -ms-transform: translateY(10px) translateX(-17px);
  transform: translateY(10px) translateX(-17px);
  position: relative;
  padding: 0;
  left: -8px;
  bottom: 7px;
  text-indent: 17px
}

html[data-font-lang=ja] .m-layer-search .search .container .wrapper .search-input input {
  font-family: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-layer-search .search .container .wrapper .search-input input {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-layer-search .search .container .wrapper .search-input input {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-layer-search .search .container .wrapper .search-input input {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-layer-search .search .container .wrapper .search-input input {
    position: absolute;
    left: 0;
    bottom: -5px;
    font-size: 48px
  }
}

@media(min-width: 1280px) {
  .m-layer-search .search .container .wrapper .search-input input {
    font-size: 80px;
    bottom: -19px
  }
}

.m-layer-search .search .container .wrapper .c-keywords {
  position: absolute;
  top: 120px;
  left: 50%;
  width: 64.8166501487%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none
}

@media(min-width: 768px) {
  .m-layer-search .search .container .wrapper .c-keywords {
    top: 290px;
    width: 35.5338223309%
  }
}

@media(min-width: 1280px) {
  .m-layer-search .search .container .wrapper .c-keywords {
    top: 340px
  }
}

.m-layer-search .search .container .wrapper .c-keywords.active {
  display: block
}

.m-layer-search .search .container .wrapper .c-keywords:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eff0f1 rgba(0, 0, 0, 0);
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.m-experience-report {
  position: relative;
  background-color: #f0f0f0
}

@media(min-width: 768px) {
  .m-experience-report .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.m-experience-report .container:before {
  display: none
}

@media(min-width: 768px) {
  .m-experience-report .container:before {
    display: block
  }
}

@media(min-width: 768px) {
  .m-experience-report .label-wrapper {
    position: absolute;
    left: 36.6748166259%;
    z-index: 1
  }
}

.m-experience-report .label {
  position: relative;
  display: inline-block;
  padding: 9px 16px 9px 30px;
  margin-right: 16px;
  background-color: #ff3532;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap
}

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

html[data-font-lang=zh] .m-experience-report .label {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-experience-report .label {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

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

@media(min-width: 768px) {
  .m-experience-report .label {
    position: absolute;
    right: 30px;
    top: 0
  }
}

.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 rgba(0, 0, 0, 0)
}

.m-experience-report .image {
  display: block;
  margin-top: 25px;
  text-align: center
}

@media(min-width: 768px) {
  .m-experience-report .image {
    position: relative;
    width: 10.16%;
    margin-left: 32.2%;
    float: left
  }
}

.m-experience-report .image img {
  box-shadow: 0 0 0 8px #f0f0f0;
  height: 72px;
  width: 72px;
  border-radius: 50%;
  vertical-align: bottom
}

@media(min-width: 768px) {
  .m-experience-report .label-wrapper~.image {
    margin-top: 55px
  }
}

.m-experience-report .details {
  padding-left: 8.8834555827%;
  padding-right: 8.8834555827%;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  font-family: "RBDesign Regular", Arial, sans-serif;
  font-size: 13px;
  line-height: 23px
}

html[data-font-lang=ja] .m-experience-report .details {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-experience-report .details {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-experience-report .details {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-experience-report .details {
  font-family: Arial, sans-serif
}

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

@media(min-width: 768px) {
  .m-experience-report .details a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-experience-report .details a[target=_blank] {
  margin-right: 15px
}

.m-experience-report .details a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-experience-report .details a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-experience-report .details a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-experience-report .details a.no-underline {
    box-shadow: none
  }
}

.m-experience-report .details a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-experience-report .details a.no-external-hint[target=_blank]:after {
  display: none
}

.m-experience-report .details strong,
.m-experience-report .details b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .m-experience-report .details strong,
html[data-font-lang=ja] .m-experience-report .details b {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-experience-report .details strong,
html[data-font-lang=zh] .m-experience-report .details b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-experience-report .details strong,
html[data-font-lang=ar] .m-experience-report .details b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-experience-report .details strong,
html[data-font-lang=fallback] .m-experience-report .details b {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-experience-report .details i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

html[data-font-lang=ja] .m-experience-report .details i {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-experience-report .details i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .m-experience-report .details i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-experience-report .details i {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-experience-report .details {
    position: relative;
    width: 53.3007334963%;
    margin-left: 44.4172779136%;
    padding-left: 20px;
    padding-right: 0;
    float: left;
    text-align: left;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 65px
  }
}

@media(min-width: 1024px) {
  .m-experience-report .details {
    padding-left: 0;
    margin-bottom: 25px
  }
}

@media(min-width: 768px) {
  .is-expanded.m-experience-report .details {
    margin-bottom: 25px
  }
}

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

html[data-font-lang=ja] .m-experience-report .details .name {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-experience-report .details .name {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-experience-report .details .name {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-experience-report .details .name {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-experience-report .details .name {
    margin-bottom: 20px
  }
}

.m-experience-report .details .intro:after {
  content: " ..."
}

.is-expanded.m-experience-report .details .intro:after {
  display: none
}

.m-experience-report .details .more {
  display: none
}

.is-expanded.m-experience-report .details .more {
  display: inline
}

@media(min-width: 768px) {
  .m-experience-report .label-wrapper~.details {
    margin-top: 55px
  }
}

@media(min-width: 768px) {
  .m-experience-report .image~.details {
    margin-left: 0
  }
}

.m-experience-report .button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  overflow: hidden
}

.m-experience-report .button-wrapper .minus {
  display: none
}

@media(min-width: 768px) {
  .m-experience-report .button-wrapper {
    position: absolute;
    bottom: 0;
    right: 0
  }
}

.is-expanded.m-experience-report .button-wrapper .plus {
  display: none
}

.is-expanded.m-experience-report .button-wrapper .minus {
  display: block
}

.m-dropdown+.m-teaser-press .container {
  padding-top: 0
}

.m-dropdown .container {
  padding: 60px 0
}

@media(min-width: 768px) {
  .m-dropdown .container {
    padding: 55px 0
  }
}

.m-dropdown .meta,
.m-dropdown .content {
  width: 69.38%;
  margin-left: 20.4%
}

@media(min-width: 768px) {
  .m-dropdown .meta {
    float: left;
    width: 32.2%;
    margin-left: 0;
    text-align: right
  }
}

.m-dropdown .meta .headline {
  font-family: "RBDesign Bold", Arial, sans-serif;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 1px;
  text-transform: uppercase
}

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

html[data-font-lang=zh] .m-dropdown .meta .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-dropdown .meta .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-dropdown .meta .headline {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-dropdown .meta .headline {
    margin-top: 12px;
    margin-bottom: 0
  }
}

@media(min-width: 768px) {
  .m-dropdown .content {
    float: left;
    width: 49.15%;
    margin-left: 10.16%
  }
}

.m-list .container {
  padding: 0 0 50px
}

.m-list li {
  position: relative;
  padding-bottom: 20px
}

@media(min-width: 768px) {
  .m-list li {
    padding-bottom: 40px
  }
}

.m-list li:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 9.18%;
  z-index: 1;
  display: block;
  width: 8px;
  height: 8px;
  margin-left: -2px;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #fff;
  background: #000
}

@media(min-width: 768px) {
  .m-list li:after {
    top: 13px;
    left: 37.28%;
    margin-left: -3px
  }
}

.m-list .list-item:after {
  content: "";
  display: table;
  clear: both
}

.m-list .meta,
.m-list .content {
  width: 67.5916749257%;
  margin-left: 21.6055500496%
}

.m-list .meta {
  min-height: 1px
}

@media(min-width: 768px) {
  .m-list .meta {
    float: left;
    width: 32.2%;
    margin-left: 0;
    text-align: right
  }
}

.m-list .date {
  font-family: "RBDesign Bold", Arial, sans-serif;
  color: #a0a0a0;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 20px
}

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

html[data-font-lang=zh] .m-list .date {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-list .date {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-list .date {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-list .date {
    margin-top: 5px;
    margin-bottom: 60px
  }
}

.m-list .content {
  font-family: "RBDesign Regular", Arial, sans-serif;
  position: relative;
  font-size: 13px;
  line-height: 23px
}

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

html[data-font-lang=zh] .m-list .content {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-list .content {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-list .content {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-list .content {
    font-size: 17px;
    line-height: 28px
  }
}

@media(min-width: 768px) {
  .m-list .content {
    float: left;
    width: 49.15%;
    margin-left: 10.16%
  }
}

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

@media(min-width: 768px) {
  .m-list .content a {
    box-shadow: inset 0 -4px 0 #f6f600
  }
}

.m-list .content a[target=_blank] {
  margin-right: 15px
}

.m-list .content a[target=_blank]:after {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  right: 2px;
  display: inline-block;
  margin-left: -8px;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  vertical-align: text-top;
  border-top: 2px solid #f6f600;
  border-right: 2px solid #f6f600
}

html.no-touchevents .m-list .content a:hover {
  text-decoration: none;
  background: #f6f600
}

.m-list .content a.no-underline {
  box-shadow: none
}

@media(min-width: 768px) {
  .m-list .content a.no-underline {
    box-shadow: none
  }
}

.m-list .content a.no-external-hint[target=_blank] {
  margin-right: 0
}

.m-list .content a.no-external-hint[target=_blank]:after {
  display: none
}

.m-list .content strong,
.m-list .content b {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .m-list .content strong,
html[data-font-lang=ja] .m-list .content b {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-list .content strong,
html[data-font-lang=zh] .m-list .content b {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-list .content strong,
html[data-font-lang=ar] .m-list .content b {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-list .content strong,
html[data-font-lang=fallback] .m-list .content b {
  font-family: Arial, sans-serif;
  font-weight: bold
}

.m-list .content i {
  font-family: "RBDesign Light Italic", Arial, sans-serif
}

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

html[data-font-lang=zh] .m-list .content i {
  font-family: "RBDesign Chs Light", Arial, sans-serif
}

html[data-font-lang=ar] .m-list .content i {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-list .content i {
  font-family: Arial, sans-serif
}

.m-list .headline {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 17px;
  line-height: 25px;
  letter-spacing: .4px;
  margin-bottom: 5px
}

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

html[data-font-lang=zh] .m-list .headline {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-list .headline {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-list .headline {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-list .headline {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .44px
  }
}

.m-list .subline {
  margin-bottom: 5px
}

.m-list .links {
  margin-top: 7px;
  margin-bottom: 5px
}

.m-subnavigation {
  background: #f0f0f0;
  padding: 14px 0
}

.m-subnavigation ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

@media(min-width: 768px) {
  .m-subnavigation ul {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.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
}

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

html[data-font-lang=zh] .m-subnavigation li {
  font-family: "RBDesign Chs Medium", Arial, sans-serif
}

html[data-font-lang=ar] .m-subnavigation li {
  font-family: "RBDesign Arabic Medium", Arial, sans-serif
}

html[data-font-lang=fallback] .m-subnavigation li {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-subnavigation li {
    font-size: 16px;
    line-height: 22px;
    margin: 5px 18px
  }
}

.m-subnavigation a {
  position: relative;
  color: inherit;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0)
}

@media(min-width: 768px) {
  .m-subnavigation a {
    padding-bottom: 1px
  }
}

html.no-touchevents .m-subnavigation a:hover {
  border-bottom-color: #000
}

.m-subnavigation a.selected {
  border-bottom-color: #000
}

.m-teaser-campaign {
  position: relative;
  background: #156c9c
}

.m-teaser-campaign .container {
  background-color: rgba(0, 0, 0, 0)
}

.m-teaser-campaign .container .wrapper {
  position: relative;
  margin: 50px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  background-color: rgba(0, 0, 0, .1);
  width: 89.1972249752%;
  float: left;
  margin-right: 8.0277502478%
}

html.no-touchevents .m-teaser-campaign .container .wrapper:hover .c-button:after {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%)
}

@media(min-width: 768px) {
  .m-teaser-campaign .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 82.2330888346%;
    float: left;
    margin-right: 6.6014669927%;
    margin-left: 8.8834555827%
  }
}

.m-teaser-campaign .container .wrapper .c-flag {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 10
}

.m-teaser-campaign .container .wrapper .c-button {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10
}

.m-teaser-campaign .container .wrapper .image {
  padding: 0 0 0 calc(10.86% - 26px)
}

@media(min-width: 768px) {
  .m-teaser-campaign .container .wrapper .image {
    width: 40.67%;
    padding: 0;
    margin: 20px 0;
    text-align: center
  }
}

.m-teaser-campaign .container .wrapper .image img {
  height: 143px
}

@media(min-width: 768px) {
  .m-teaser-campaign .container .wrapper .image img {
    height: 280px
  }
}

@media(min-width: 1024px) {
  .m-teaser-campaign .container .wrapper .image img {
    height: 360px
  }
}

@media(min-width: 1280px) {
  .m-teaser-campaign .container .wrapper .image img {
    height: 480px
  }
}

.m-teaser-campaign .container .wrapper .content {
  padding: 0 10.86% 55px 10.86%;
  color: #fff
}

@media(min-width: 768px) {
  .m-teaser-campaign .container .wrapper .content {
    padding: 40px 8.47% 60px 0;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media(min-width: 1024px) {
  .m-teaser-campaign .container .wrapper .content {
    padding: 80px 8.47% 68px 0
  }
}

@media(min-width: 1280px) {
  .m-teaser-campaign .container .wrapper .content {
    padding: 120px 8.47% 86px 0
  }
}

.m-teaser-campaign .container .wrapper .content .label-wrapper {
  margin-bottom: 15px
}

.type-join.m-teaser-campaign .container .wrapper .content .label-wrapper {
  display: none
}

@media(min-width: 768px) {
  .m-teaser-campaign .container .wrapper .content .label-wrapper {
    position: absolute;
    top: 30px;
    left: 0;
    right: 95px;
    z-index: 10;
    margin: 0
  }

  .type-join.m-teaser-campaign .container .wrapper .content .label-wrapper {
    display: block
  }
}

@media(min-width: 1280px) {
  .m-teaser-campaign .container .wrapper .content .label-wrapper {
    top: 70px;
    right: 160px
  }
}

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

.m-teaser-campaign .container .wrapper .content .headline {
  margin-bottom: 20px
}

@media(min-width: 768px) {
  .m-teaser-campaign .container .wrapper .content .headline {
    margin-bottom: 0;
    -ms-flex: 1 0 20px;
    flex: 1 0 20px;
    position: relative
  }
}

@media(min-width: 1024px) {
  .m-teaser-campaign .container .wrapper .content .headline {
    -ms-flex: 1 0 50px;
    flex: 1 0 50px
  }
}

@media(min-width: 1280px) {
  .m-teaser-campaign .container .wrapper .content .headline {
    -ms-flex: 1 0 150px;
    flex: 1 0 150px
  }
}

.m-teaser-campaign .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-campaign .container .wrapper .content .headline h2 {
  font-family: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-campaign .container .wrapper .content .headline h2 {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-campaign .container .wrapper .content .headline h2 {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-campaign .container .wrapper .content .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

.type-join.m-teaser-campaign .container .wrapper .content .headline h2 {
  font-family: "RBDesign Regular", Arial, sans-serif
}

html[data-font-lang=ja] .type-join.m-teaser-campaign .container .wrapper .content .headline h2 {
  font-family: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-campaign .container .wrapper .content .headline h2 {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-campaign .container .wrapper .content .headline h2 {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .type-join.m-teaser-campaign .container .wrapper .content .headline h2 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-teaser-campaign .container .wrapper .content .headline h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 32px;
    line-height: 32px
  }

  html[data-font-lang=fallback] .m-teaser-campaign .container .wrapper .content .headline h2 {
    font-size: 26px;
    line-height: 26px
  }
}

@media(min-width: 1024px) {
  .m-teaser-campaign .container .wrapper .content .headline h2 {
    font-size: 50px;
    line-height: 50px
  }

  html[data-font-lang=fallback] .m-teaser-campaign .container .wrapper .content .headline h2 {
    font-size: 42px;
    line-height: 42px
  }
}

@media(min-width: 1280px) {
  .m-teaser-campaign .container .wrapper .content .headline h2 {
    font-size: 80px;
    line-height: 80px
  }

  html[data-font-lang=fallback] .m-teaser-campaign .container .wrapper .content .headline h2 {
    font-size: 72px;
    line-height: 72px
  }
}

@media(min-width: 768px) {
  .m-teaser-campaign .container .wrapper .content .text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
  }
}

@media(min-width: 1280px) {
  .m-teaser-campaign .container .wrapper .content .text {
    -ms-flex: 1 1 60px;
    flex: 1 1 60px
  }
}

.m-teaser-campaign .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-campaign .container .wrapper .content .text p {
  font-family: "RBDesign Jap Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-teaser-campaign .container .wrapper .content .text p {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-teaser-campaign .container .wrapper .content .text p {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-teaser-campaign .container .wrapper .content .text p {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

.type-join.m-teaser-campaign .container .wrapper .content .text p {
  font-family: "RBDesign Bold", Arial, sans-serif
}

html[data-font-lang=ja] .type-join.m-teaser-campaign .container .wrapper .content .text p {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .type-join.m-teaser-campaign .container .wrapper .content .text p {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .type-join.m-teaser-campaign .container .wrapper .content .text p {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .type-join.m-teaser-campaign .container .wrapper .content .text p {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-teaser-campaign .container .wrapper .content .text p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
  }
}

@media(min-width: 1024px) {
  .m-teaser-campaign .container .wrapper .content .text p {
    font-size: 18px;
    line-height: 20px
  }

  html[data-font-lang=fallback] .m-teaser-campaign .container .wrapper .content .text p {
    font-size: 16px;
    line-height: 18px
  }
}

@media(min-width: 1280px) {
  .m-teaser-campaign .container .wrapper .content .text p {
    font-size: 20px;
    line-height: 28px
  }

  html[data-font-lang=fallback] .m-teaser-campaign .container .wrapper .content .text p {
    font-size: 18px;
    line-height: 26px
  }
}

.m-stage-campaign {
  position: relative;
  background: #156c9c
}

@media(min-width: 768px) {
  .m-stage-campaign {
    height: 460px
  }
}

@media(min-width: 1280px) {
  .m-stage-campaign {
    height: 670px
  }
}

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

.m-stage-campaign .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 60px
}

@media(min-width: 768px) {
  .m-stage-campaign .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%;
    padding-bottom: 20px
  }
}

@media(min-width: 1280px) {
  .m-stage-campaign .container .wrapper {
    padding-bottom: 60px;
    padding-top: 142px
  }
}

.m-stage-campaign .container .wrapper .image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  height: 240px
}

.type-join.m-stage-campaign .container .wrapper .image {
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: calc(19.33587% - 40px)
}

@media(min-width: 768px) {
  .m-stage-campaign .container .wrapper .image {
    -ms-flex-align: end;
    align-items: flex-end;
    width: 40.67%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 270px
  }

  .type-join.m-stage-campaign .container .wrapper .image {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: auto
  }
}

@media(min-width: 1280px) {
  .m-stage-campaign .container .wrapper .image {
    height: 400px
  }
}

.m-stage-campaign .container .wrapper .image img {
  height: 100%;
  max-height: 240px
}

@media(min-width: 768px) {
  .m-stage-campaign .container .wrapper .image img {
    max-height: 270px
  }
}

@media(min-width: 1280px) {
  .m-stage-campaign .container .wrapper .image img {
    max-height: 400px
  }
}

.m-stage-campaign .container .wrapper .headline {
  padding: 0 19.33%
}

@media(min-width: 768px) {
  .m-stage-campaign .container .wrapper .headline {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0
  }
}

.m-stage-campaign .container .wrapper .headline h1 {
  font-family: "RBDesign Regular", 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: "RBDesign Jap Regular", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-campaign .container .wrapper .headline h1 {
  font-family: "RBDesign Chs Regular", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-campaign .container .wrapper .headline h1 {
  font-family: "RBDesign Arabic Regular", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-campaign .container .wrapper .headline h1 {
  font-family: Arial, sans-serif
}

@media(min-width: 768px) {
  .m-stage-campaign .container .wrapper .headline h1 {
    position: absolute;
    left: 3.38%;
    bottom: 40px;
    width: 70.58%;
    font-size: 48px;
    line-height: 48px
  }
}

@media(min-width: 1280px) {
  .m-stage-campaign .container .wrapper .headline h1 {
    bottom: 57px;
    font-size: 72px;
    line-height: 72px
  }
}

.m-stage-publication {
  position: relative
}

.m-stage-publication.is-grey {
  background: #f0f0f0
}

@media(min-width: 768px) {
  .m-stage-publication {
    height: 460px
  }
}

@media(min-width: 1280px) {
  .m-stage-publication {
    height: 670px
  }
}

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

.m-stage-publication .container .wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 60px
}

@media(min-width: 768px) {
  .m-stage-publication .container .wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 118px;
    height: 100%;
    padding-bottom: 20px
  }
}

@media(min-width: 1280px) {
  .m-stage-publication .container .wrapper {
    padding-bottom: 60px;
    padding-top: 142px
  }
}

.m-stage-publication .container .wrapper .image {
  position: relative;
  margin: 40px auto 36px;
  text-align: center
}

@media(min-width: 768px) {
  .m-stage-publication .container .wrapper .image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 40.67%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 226px;
    margin: 0 0 44px 0;
    padding-right: 54px
  }
}

@media(min-width: 1280px) {
  .m-stage-publication .container .wrapper .image {
    height: 400px;
    margin: 0 0 66px 0;
    padding-right: 90px
  }
}

.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: 280px;
  max-height: 330px;
  margin: 0 auto
}

@media(min-width: 768px) {
  .m-stage-publication .container .wrapper .image .image-inner img {
    max-width: 230px;
    max-height: 260px
  }
}

@media(min-width: 1280px) {
  .m-stage-publication .container .wrapper .image .image-inner img {
    max-width: 300px;
    max-height: 320px
  }
}

.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("https://www.rolandberger.com/img/stage-publication-shadow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom
}

.m-stage-publication .container .wrapper .headline {
  padding: 0 19.33%
}

@media(min-width: 768px) {
  .m-stage-publication .container .wrapper .headline {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0
  }
}

.m-stage-publication .container .wrapper .headline h1 {
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 32px;
  line-height: 35px;
  letter-spacing: .4px;
  color: #fff
}

.m-stage-publication .container .wrapper .headline h1.h1_fontsize_30-40 {
  font-size: 51px;
  line-height: 57px
}

.m-stage-publication .container .wrapper .headline h1.h1_fontsize_40-50 {
  font-size: 46px;
  line-height: 52px;
  bottom: 60px
}

.m-stage-publication .container .wrapper .headline h1.h1_fontsize_50-60 {
  font-size: 44px;
  line-height: 50px;
  bottom: 60px
}

.m-stage-publication .container .wrapper .headline h1.h1_fontsize_60-70 {
  font-size: 41px;
  line-height: 47px;
  bottom: 60px
}

.m-stage-publication .container .wrapper .headline h1.h1_fontsize_70-80 {
  font-size: 36px;
  line-height: 42px;
  bottom: 60px
}

.m-stage-publication .container .wrapper .headline h1.h1_fontsize_80-90 {
  font-size: 31px;
  line-height: 37px;
  bottom: 60px
}

.m-stage-publication .container .wrapper .headline h1.h1_fontsize_90-99 {
  font-size: 26px;
  line-height: 32px;
  bottom: 60px
}

@media(min-width: 768px)and (max-width: 1024px) {
  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_30-40 {
    font-size: 41px;
    line-height: 47px;
    bottom: 43px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_40-50 {
    font-size: 34px;
    line-height: 40px;
    bottom: 43px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_50-60 {
    font-size: 28px;
    line-height: 34px;
    bottom: 43px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_60-70 {
    font-size: 25px;
    line-height: 31px;
    bottom: 43px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_70-80 {
    font-size: 23px;
    line-height: 29px;
    bottom: 43px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_80-90 {
    font-size: 21px;
    line-height: 27px;
    bottom: 43px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_90-99 {
    font-size: 17px;
    line-height: 23px;
    bottom: 43px
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_30-40 {
    font-size: 32px;
    line-height: 35px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_40-50 {
    font-size: 29px;
    line-height: 32px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_50-60 {
    font-size: 26px;
    line-height: 29px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_60-70 {
    font-size: 23px;
    line-height: 26px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_70-80 {
    font-size: 20px;
    line-height: 23px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_80-90 {
    font-size: 18px;
    line-height: 21px
  }

  .m-stage-publication .container .wrapper .headline h1.h1_fontsize_90-99 {
    font-size: 16px;
    line-height: 19px
  }
}

html[data-font-lang=ja] .m-stage-publication .container .wrapper .headline h1 {
  font-family: "RBDesign Jap Medium", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=zh] .m-stage-publication .container .wrapper .headline h1 {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-stage-publication .container .wrapper .headline h1 {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-stage-publication .container .wrapper .headline h1 {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-stage-publication .container .wrapper .headline h1 {
    position: absolute;
    left: 3.38%;
    bottom: 40px;
    width: 70.58%;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 1px
  }

  html[data-font-lang=fallback] .m-stage-publication .container .wrapper .headline h1 {
    font-size: 42px;
    line-height: 42px
  }
}

@media(min-width: 1280px) {
  .m-stage-publication .container .wrapper .headline h1 {
    bottom: 57px;
    font-size: 68px;
    line-height: 74px
  }

  html[data-font-lang=fallback] .m-stage-publication .container .wrapper .headline h1 {
    font-size: 62px;
    line-height: 62px
  }
}

.m-flag .wrapper {
  position: relative
}

.m-flag .container {
  padding: 0 0 30px 0
}

.m-flag .flag-wrapper {
  position: relative;
  padding-left: 2px;
  margin-left: 6.7888999009%
}

@media(min-width: 768px) {
  .m-flag .flag-wrapper {
    width: 62.71%;
    margin-left: 37.28%
  }
}

@media(min-width: 1024px) {
  .m-flag .flag-wrapper {
    width: 54.23%
  }
}

.m-flag .flag {
  position: relative;
  display: inline-block;
  padding: 13px 75px 11px 75px;
  margin-left: -17px;
  margin-right: 20px;
  background-color: #004775;
  font-family: "Arnhem Bold Italic", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2em;
  color: #fff;
  text-decoration: none
}

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

html[data-font-lang=zh] .m-flag .flag {
  font-family: "RBDesign Chs Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=ar] .m-flag .flag {
  font-family: "RBDesign Arabic Bold", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Arial, sans-serif
}

html[data-font-lang=fallback] .m-flag .flag {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic
}

@media(min-width: 768px) {
  .m-flag .flag {
    padding-right: 145px;
    padding-left: 145px;
    margin-left: -47px;
    font-size: 20px
  }
}

.m-flag .flag .icon {
  position: absolute;
  left: 55px;
  top: 16px;
  width: 8px;
  height: 8px
}

@media(min-width: 768px) {
  .m-flag .flag .icon {
    left: 115px;
    top: 19px
  }
}

.m-flag .flag:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: -12px;
  border-top: 12px solid #002e4c;
  border-left: 15px solid rgba(0, 0, 0, 0)
}

@media(min-width: 768px) {
  .m-flag .flag:after {
    bottom: -30px;
    border-top-width: 30px;
    border-left-width: 45px
  }
}

.m-flag-small .wrapper {
  position: relative
}

.m-flag-small .container {
  padding: 10px 0 0 0
}

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

@media(min-width: 768px) {
  .m-flag-small .flag-wrapper {
    width: 62.71%;
    margin-left: 37.28%
  }
}

@media(min-width: 1024px) {
  .m-flag-small .flag-wrapper {
    width: 54.23%
  }
}

.m-flag-small .flag {
  position: relative;
  display: inline-block;
  padding: 13px 50px 11px 60px;
  margin-left: -17px;
  margin-right: 20px;
  font-family: "RBDesign Bold", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2em;
  text-decoration: none
}

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

html[data-font-lang=zh] .m-flag-small .flag {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-flag-small .flag {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-flag-small .flag {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {
  .m-flag-small .flag {
    padding-right: 50px;
    padding-left: 110px;
    margin-left: -47px;
    font-size: 20px
  }
}

.m-flag-small .flag .icon {
  width: 22px;
  height: 22px;
  float: right;
  margin-top: 0;
  margin-left: 12px
}

@media(min-width: 768px) {
  .m-flag-small .flag .icon {
    margin-top: 2px
  }
}

.m-flag-small .flag:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  border-left: 15px solid rgba(0, 0, 0, 0)
}

.m-flag-small .flag.is-red {
  background-color: #ff3532;
  color: #fff
}

.m-flag-small .flag.is-red:after {
  top: -6px;
  border-bottom: 6px solid #a8182a
}

@media(min-width: 768px) {
  .m-flag-small .flag.is-red:after {
    top: -10px;
    border-bottom-width: 10px;
    border-left-width: 45px
  }
}

.m-flag-small .flag.is-white {
  background: #fff;
  color: #000;
  border: 1px solid #000
}

.m-flag-small .flag.is-white:after {
  top: -7px;
  border-bottom: 6px solid #000
}

@media(min-width: 768px) {
  .m-flag-small .flag.is-white:after {
    top: -11px;
    border-bottom-width: 10px;
    border-left-width: 45px
  }
}

html.no-touchevents .m-flag-small .flag.is-white:hover {
  background: #f0f0f0
}

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

.m-flag-join .container,
.m-flag-new .container {
  padding: 10px 0 0 0
}

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

@media(min-width: 768px) {

  .m-flag-join .flag-wrapper,
  .m-flag-new .flag-wrapper {
    width: 63.3251833741%;
    margin-left: 37.28%
  }
}

@media(min-width: 1024px) {

  .m-flag-join .flag-wrapper,
  .m-flag-new .flag-wrapper {
    width: 54.4417277914%
  }
}

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

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

html[data-font-lang=zh] .m-flag-join .flag,
html[data-font-lang=zh] .m-flag-new .flag {
  font-family: "RBDesign Chs Bold", "MS PGothic", Arial, sans-serif
}

html[data-font-lang=ar] .m-flag-join .flag,
html[data-font-lang=ar] .m-flag-new .flag {
  font-family: "RBDesign Arabic Bold", Arial, sans-serif
}

html[data-font-lang=fallback] .m-flag-join .flag,
html[data-font-lang=fallback] .m-flag-new .flag {
  font-family: Arial, sans-serif;
  font-weight: bold
}

@media(min-width: 768px) {

  .m-flag-join .flag,
  .m-flag-new .flag {
    padding: 20px 33px 20px 45px;
    margin-left: -47px;
    letter-spacing: .7px;
    font-size: 26px;
    line-height: 33px
  }
}

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

.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)
}

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

.m-flag-join .flag.is-red:after,
.m-flag-new .flag.is-red:after {
  top: -6px;
  border-bottom: 6px solid #a8182a
}

@media(min-width: 768px) {

  .m-flag-join .flag.is-red:after,
  .m-flag-new .flag.is-red:after {
    top: -10px;
    border-bottom-width: 10px;
    border-left-width: 45px
  }
}

.m-flag-join .flag.is-white,
.m-flag-new .flag.is-white {
  background: #fff;
  color: #000;
  border: 1px solid #000
}

.m-flag-join .flag.is-white:after,
.m-flag-new .flag.is-white:after {
  top: -7px;
  border-bottom: 6px solid #000
}

@media(min-width: 768px) {

  .m-flag-join .flag.is-white:after,
  .m-flag-new .flag.is-white:after {
    top: -11px;
    border-bottom-width: 10px;
    border-left-width: 45px
  }
}

html.no-touchevents .m-flag-join .flag.is-white:hover,
html.no-touchevents .m-flag-new .flag.is-white:hover {
  background: #f0f0f0
}

.m-chat #chatbot-text {
  height: 70px;
  width: 69.38%;
  position: absolute;
  margin-top: -20%;
  margin-left: 22.4%;
  text-align: left;
  font-size: 12px;
  line-height: 14px
}

.m-chat #chatbot-text .c-text-paragraph {
  font-size: 12px;
  line-height: 14px
}

.m-chat #after-iframe {
  height: 130px;
  width: 100px;
  position: absolute;
  margin-top: 133px;
  margin-left: 100px
}

@media(min-width: 480px) {
  .m-chat #chatbot-text {
    width: 50%
  }
}

@media(min-width: 540px) {
  .m-chat #chatbot-text {
    width: 40%
  }
}

@media(min-width: 768px) {
  .m-chat #chatbot-text {
    height: 130px;
    width: 30%;
    margin-top: 300px;
    margin-left: 20px;
    font-size: 14px;
    line-height: 16px;
    text-align: right
  }

  .m-chat #chatbot-text .c-text-paragraph {
    font-size: 14px;
    line-height: 16px
  }
}

@media(min-width: 898px) {
  .m-chat #chatbot-text {
    margin-top: 280px;
    font-size: 16px;
    line-height: 18px
  }

  .m-chat #chatbot-text .c-text-paragraph {
    font-size: 16px;
    line-height: 18px
  }
}

@media(min-width: 984px) {
  .m-chat #chatbot-text {
    margin-top: 260px
  }
}

@media(min-width: 1280px) {
  .m-chat #chatbot-text {
    height: 130px;
    width: 385px;
    font-size: 18px;
    line-height: 28px
  }

  .m-chat #chatbot-text .c-text-paragraph {
    font-size: 18px;
    line-height: 28px
  }
}

@media only screen and (max-width: 379px) {
  .m-chat #after-iframe {
    height: 89px;
    margin-top: -159px
  }
}

@media only screen and (min-width: 380px)and (max-width: 459px) {
  .m-chat #after-iframe {
    height: 122px;
    margin-top: -201px
  }
}

@media only screen and (min-width: 460px)and (max-width: 580px) {
  .m-chat #after-iframe {
    height: 132px;
    margin-top: -238px
  }
}

@media only screen and (min-width: 581px)and (max-width: 768px) {
  .m-chat #after-iframe {
    height: 172px;
    margin-top: -280px
  }
}

@media only screen and (min-width: 769px)and (max-width: 898px) {
  .m-chat #after-iframe {
    margin-top: 180px
  }
}

@media only screen and (min-width: 899px)and (max-width: 981px) {
  .m-chat #after-iframe {
    margin-top: 147px
  }
}

.m-chat .m-chat-anim {
  display: block;
  position: absolute;
  z-index: 1;
  width: 360px;
  height: 360px;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.m-chat .m-chat-anim svg>g {
  cursor: pointer
}

@media only screen and (min-width: 898px) {
  .m-chat .m-chat-anim-frame {
    margin-top: 20px
  }
}

.m-chat .m-chat-anim-frame {
  z-index: 1;
  width: 66.6666666667vw;
  height: 66.6666666667vw;
  border-left: calc(100vw - 435px);
  position: relative;
  margin-left: 9.18367%;
  margin-right: 10.20408%;
  border-left: 2px solid #e6e6e6;
  margin-bottom: -10px
}

@media(min-width: 768px) {
  .m-chat .m-chat-anim-frame {
    position: absolute;
    width: 360px;
    height: 360px;
    margin-left: calc(33.3333333333vw - 317px);
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 40px;
    border-left: none
  }
}

@media(min-width: 1280px) {
  .m-chat .m-chat-anim-frame {
    margin: 0 0 0 120px
  }
}

@media only screen and (min-width: 898px) {
  .m-chat .m-chat-anim-frame {
    margin-top: 20px
  }
}

@media only screen and (min-width: 984px) {
  .m-chat .m-chat-anim-frame {
    margin-top: 0
  }
}

.m-chat .m-chat-window {
  position: fixed;
  z-index: 200;
  width: 90%;
  height: 510px;
  top: 40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto auto auto auto;
  padding: 17px;
  background-color: #fff;
  box-shadow: 0 0 27px 0 rgba(0, 0, 0, .65);
  border-radius: 8px
}

.m-chat .m-chat-window iframe {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.m-chat .m-chat-window .m-chat-window-close {
  position: absolute;
  right: 17px;
  top: 17px;
  background-color: #fff;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer
}

@media(min-width: 768px) {
  .m-chat .m-chat-window {
    width: 760px
  }
}

.m-chat .modal {
  display: block;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, .5)
}