@charset "utf-8";

:root {
  --space-base: 8px;
  --space-100: 4px;
  --space-200: 8px;
  --space-300: 13px;
  --space-400: 20px;
  --space-500: 26px;
  --space-600: 39px;
  --space-700: 52px;
  --space-800: 79px;
  --space-900: 104px;
  --color-white: #fff;
  --color-white-smoke: #f5f5f5;
  --color-white-lilac: #e7e7e7;
  --color-concrete: #f5f5f5;
  --color-dove-gray: #717171;
  --color-gainsboro: #ddd;
  --color-tuatara: #434343;
  --color-black: #000;
  --color-green-vogue: #002a50;
  --color-true-blue: #0077d9;
  --color-regal-blue: #0a3e6f;
  --color-tangerine: #f08600;
  --type-base-font-size: 16;
  --type-scale-900: 2.625;
  --type-scale-800: 2.1875;
  --type-scale-750: 1.875;
  --type-scale-700: 1.625;
  --type-scale-600: 1.066666667;
  --type-scale-500: 1.375;
  --type-scale-400: 1.25;
  --type-scale-350: 1.125;
  --type-scale-300: 1.0625;
  --type-scale-200: 0.9375;
  --type-scale-100: 0.875;
  --type-font-face: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Helvetica Neue", helvetica, "Hiragino Kaku Gothic ProN", meiryo, sans-serif
}

html {
  font-size: 16px;
  font-size: calc(var(--type-base-font-size)*1px)
}

ol,
ul {
  padding: 0;
  list-style: none
}

blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
ol,
p,
ul {
  margin: 0
}

body,
html {
  height: 100%
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}

/*a:hover{text-decoration:underline}*/
img {
  display: block;
  max-width: 100%
}

button,
input,
select,
textarea {
  font: inherit
}

blockquote em,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {
  font-weight: 700
}

main {
  width: 100%;
  flex: 1 0 auto;
  padding-bottom: 0;
  margin-right: auto;
  margin-left: auto;
}

main.p-home,
main.p-solution {
  padding-bottom: 0
}

main:focus {
  outline: 0
}

hr {
  clear: both
}

#header,
.under_header {
  background: rgba(2, 40, 76, .9);
}

@media screen and (min-width:46.125em) {
  main {
    padding-bottom: 0;
  }
}

.o-wrapper {
  max-width: 67.65rem;
  padding: 0px 16px;
  margin-right: auto;
  margin-left: auto
}

.o-button {
  position: relative;
  display: inline-block;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border-radius: 40px;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap
}

.o-button,
.o-button:hover {
  text-decoration: none
}

.o-button--primary {
  background: #f08600;
  background: var(--color-tangerine);
  color: #fff;
  color: var(--color-white);
  font-weight: 700
}

.o-button--primary:hover {
  background: #f29a2a
}

.o-button--secondary {
  background: #0077d9;
  background: var(--color-true-blue);
  color: #fff;
  color: var(--color-white);
  font-weight: 700
}

.o-button--secondary:hover {
  background: #298ddf
}

.o-button--border {
  border-color: transparent;
  border-color: var(--o-button-border-color, transparent)
}

.o-aspect-ratio {
  position: relative
}

.o-aspect-ratio:before {
  display: block;
  padding-top: 56.17647%;
  content: ""
}

.o-aspect-ratio > :first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.o-aspect-ratio > img {
  height: auto
}

.o-media {
  display: flex;
  flex-direction: row;
  align-items: flex-start
}

.o-media--reverse .o-media__figure {
  order: 1;
  margin-left: 20px;
  margin-left: var(--space-400)
}

.o-media__figure {
  display: block;
  flex-shrink: 0;
  margin-right: 20px;
  margin-right: var(--space-400)
}

.o-media__body {
  flex: 1 1
}

.o-list-linear {
  display: flex;
  align-items: center
}

.o-list-linear[data-list-linear=switcher] {
  flex-wrap: wrap;
  justify-content: center
}

.o-list-linear > * {
  flex-shrink: 0
}

.o-list-linear > * + * {
  margin-left: undefined;
  margin-left: calc(var(--o-list-linear-space))
}

@media screen and (min-width:var(--o-list-linear-media-min)) {
  .o-list-linear[data-list-linear=switcher] {
    flex-wrap: nowrap;
    justify-content: start
  }
}

.o-stack > * + * {
  margin-top: undefined;
  margin-top: var(--space-default)
}

.o-stack--fat > * + * {
  margin-top: undefined;
  margin-top: calc(var(--space-default)*2)
}

.o-switcher__intermediary {
  display: flex;
  flex-wrap: wrap;
  margin: undefined;
  margin: calc(var(--o-switcher-space)/2*-1)
}

.o-switcher__intermediary > * {
  flex-basis: undefined;
  flex-basis: calc((var(--o-switcher-threshold) - 100% + var(--o-switcher-space))*999);
  flex-grow: 1;
  margin: undefined;
  margin: calc(var(--o-switcher-space)/2)
}

.o-switcher__intermediary--limit-2 > :nth-last-child(n+3),
.o-switcher__intermediary--limit-2 > :nth-last-child(n+3) ~ *,
.o-switcher__intermediary--limit-3 > :nth-last-child(n+4),
.o-switcher__intermediary--limit-3 > :nth-last-child(n+4) ~ *,
.o-switcher__intermediary--limit-4 > :nth-last-child(n+5),
.o-switcher__intermediary--limit-4 > :nth-last-child(n+5) ~ * {
  flex-basis: 100%
}

.o-decrescendo__intermediary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: undefined;
  margin: calc(var(--o-decrescendo-space)/2*-1)
}

.o-decrescendo__intermediary > * {
  max-width: undefined;
  max-width: var(--o-decrescendo-width);
  flex-basis: undefined;
  flex-basis: var(--o-decrescendo-width);
  flex-shrink: 1;
  margin: undefined;
  margin: calc(var(--o-decrescendo-space)/2)
}

@media screen and (min-width:42.5em) {
  .o-decrescendo[data-o-decrescendo=align-left] .o-decrescendo__intermediary {
    justify-content: start
  }
}

.o-subtitle {
  text-align: center
}

.o-subtitle [role=doc-subtitle] {
  display: inline-flex;
  flex-flow: column;
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem);
  letter-spacing: 1px;
  text-transform: uppercase
}

.o-subtitle [role=doc-subtitle]:after {
  display: inline-block;
  width: 40px;
  height: 1px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  background: #002a50;
  background: var(--color-green-vogue);
  content: ""
}

.o-subtitle h2 {
  margin-top: 16px;
  margin-top: calc(var(--space-base)*2);
  font-size: 1.25rem;
  font-size: calc(var(--type-scale-400)*1rem);
  letter-spacing: 3.06px;
  line-height: 1.5
}

@media screen and (min-width:42.5em) {
  .o-subtitle [role=doc-subtitle] {
    font-size: 1rem;
    letter-spacing: 1.15px
  }

  .o-subtitle h2 {
    margin-top: 24px;
    margin-top: calc(var(--space-base)*3);
    font-size: 2.1875rem;
    font-size: calc(var(--type-scale-800)*1rem);
    letter-spacing: 7px;
    line-height: 1.657142857
  }
}

.c-logo-primary {
  fill: #0077d9;
  fill: var(--color-true-blue)
}

.c-logo-white,
.c-site-head {
  fill: #fff;
  fill: var(--color-white)
}

.c-site-head {
  position: fixed;
  z-index: 100;
  top: 0;
  width: 100%;
  padding-top: 16px;
  padding-top: calc(var(--space-base)*2);
  padding-bottom: 16px;
  padding-bottom: calc(var(--space-base)*2);
  background-color: rgba(0, 0, 0, .75);
  color: #fff;
  color: var(--color-white)
}

.c-site-head .o-wrapper {
  max-width: 81em
}

.c-site-head[data-site-head=open] {
  background-color: rgba(0, 0, 0, .75)
}

.c-site-head__inner {
  position: relative;
  display: flex;
  min-height: 42px;
  flex-flow: column;
  justify-content: space-between
}

.c-site-head__site-name--logo {
  display: block;
  width: 200px;
  height: 32px
}

.c-site-head__site-name--logo svg {
  fill: #fff;
  fill: var(--color-white)
}

.c-hamburger {
  position: absolute;
  top: 0;
  right: 0
}

.c-hamburger[data-headmenu=hidden] {
  display: none !important
}

.c-hamburger[aria-pressed=false] + .c-site-head__compass {
  display: none
}

.c-hamburger[aria-pressed=true] + .c-site-head__compass {
  display: flex
}

.c-site-head__compass {
  flex-flow: column;
  margin-top: 32px;
  margin-top: calc(var(--space-base)*4)
}

.c-site-head__gateway {
  display: flex;
  flex-flow: column
}

.c-site-head__gateway > * + * {
  margin-top: 16px;
  margin-top: calc(var(--space-base)*2)
}

.c-site-head__navigation {
  margin-top: 32px;
  margin-top: calc(var(--space-base)*4);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem);
  font-weight: 700;
  letter-spacing: .65px
}

.c-site-head__navigation > * {
  display: flex;
  flex-flow: column
}

.c-site-head__navigation > * > * {
  width: 100%
}

.c-site-head__navigation > * > * + * {
  margin-top: 8px;
  margin-top: var(--space-base);
  margin-left: 0
}

.c-site-head__button {
  padding: 10px 32px;
  padding: calc(var(--space-base)*1.25) calc(var(--space-base)*4);
  border-color: #fff;
  border-color: var(--color-white)
}

@media screen and (min-width:42.5em) {
  .c-site-head {
    padding-bottom: 0
  }

  .c-site-head__inner {
    flex-flow: row;
    align-items: center
  }

  .c-site-head__site-name--logo {
    width: 264px;
    height: 42px
  }

  .c-hamburger {
    display: none !important
  }

  .c-hamburger[aria-pressed=false] + .c-site-head__compass {
    display: flex
  }

  .c-site-head__compass {
    margin-top: 0
  }

  .c-site-head__gateway {
    display: inline-flex;
    flex-flow: row;
    margin-left: auto
  }

  .c-site-head__gateway > * + * {
    margin-top: 0;
    margin-left: 16px;
    margin-left: calc(var(--space-base)*2)
  }

  .c-site-head__navigation {
    margin-top: 16px;
    margin-top: calc(var(--space-base)*2)
  }

  .c-site-head__navigation > * {
    display: inline-flex;
    flex-flow: row
  }

  .c-site-head__navigation > * > * {
    width: auto;
    padding-bottom: 16px;
    padding-bottom: calc(var(--space-base)*2)
  }

  .c-site-head__navigation > * > * + * {
    margin-top: 0;
    margin-left: 40px;
    margin-left: calc(var(--space-base)*5)
  }
}

.c-dropdown__trigger {
  display: none
}

@media screen and (min-width:42.5em) {
  .c-dropdown {
    position: relative
  }

  .c-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    pointer-events: none
  }

  .c-dropdown__trigger:after {
    position: relative;
    border: .35rem solid transparent;
    border-top: .35rem solid var(--color-white-smoke);
    margin-left: 4px;
    margin-left: calc(var(--space-base)/2);
    content: "";
    transform: translateY(.3em)
  }

  .c-dropdown__menu {
    position: absolute;
    top: 100%;
    left: -16px;
    left: calc(var(--space-base)*2*-1);
    min-width: 28em;
    padding: 16px;
    padding: calc(var(--space-base)*2);
    background-color: rgba(0, 0, 0, .55);
    color: #fff;
    color: var(--color-white);
    opacity: .3;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: all .28s ease-out
  }

  .c-dropdown__menu > * {
    opacity: 0;
    transition: all .28s ease-out
  }

  .c-dropdown__menu > * + * {
    margin-top: 16px;
    margin-top: calc(var(--space-base)*2)
  }

  .c-dropdown:hover .c-dropdown__menu,
  .c-dropdown[focus-within] .c-dropdown__menu {
    opacity: 1;
    transform: rotateX(0)
  }

  .c-dropdown:focus-within .c-dropdown__menu,
  .c-dropdown:hover .c-dropdown__menu {
    opacity: 1;
    transform: rotateX(0)
  }

  .c-dropdown:hover .c-dropdown__trigger:after,
  .c-dropdown[focus-within] .c-dropdown__trigger:after {
    transform: rotate(-180deg)
  }

  .c-dropdown:focus-within .c-dropdown__trigger:after,
  .c-dropdown:hover .c-dropdown__trigger:after {
    transform: rotate(-180deg)
  }

  .c-dropdown:hover .c-dropdown__menu > *,
  .c-dropdown[focus-within] .c-dropdown__menu > * {
    opacity: 1
  }

  .c-dropdown:focus-within .c-dropdown__menu > *,
  .c-dropdown:hover .c-dropdown__menu > * {
    opacity: 1
  }
}

.c-hamburger {
  display: inline-flex;
  overflow: visible;
  justify-content: space-between;
  padding: 8px;
  border: 0;
  margin: 0;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-transform: none;
  transition-duration: .15s;
  transition-property: opacity, filter;
  transition-timing-function: linear
}

.c-hamburger:hover,
.c-hamburger[aria-pressed=true]:hover {
  opacity: .7
}

.c-hamburger[aria-pressed=true] .c-hamburger__inner,
.c-hamburger[aria-pressed=true] .c-hamburger__inner:after,
.c-hamburger[aria-pressed=true] .c-hamburger__inner:before {
  background-color: #fff
}

.c-hamburger__box {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 22px
}

.c-hamburger__inner {
  top: 50%;
  display: block;
  margin-top: -2px;
  transition-duration: 75ms;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.c-hamburger__inner,
.c-hamburger__inner:after,
.c-hamburger__inner:before {
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  transition-duration: .15s;
  transition-property: transform;
  transition-timing-function: ease
}

.c-hamburger__inner:after,
.c-hamburger__inner:before {
  display: block;
  content: ""
}

.c-hamburger__inner:before {
  top: -10px;
  transition: top 75ms ease .12s, opacity 75ms ease
}

.c-hamburger__inner:after {
  bottom: -10px;
  transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.c-hamburger[aria-pressed=true] .c-hamburger__inner {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.c-hamburger[aria-pressed=true] .c-hamburger__inner:before {
  top: 0;
  opacity: 0;
  transition: top 75ms ease, opacity 75ms ease .12s
}

.c-hamburger[aria-pressed=true] .c-hamburger__inner:after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

.c-faq > *,
.c-faq > * + * {
  padding-top: 26px;
  padding-top: var(--space-500);
  border-top: 1px solid #ddd;
  border-top: 1px solid var(--color-gainsboro)
}

.c-faq > * + * {
  margin-top: 20px;
  margin-top: var(--space-400)
}

.c-faq summary {
  display: flex;
  height: 100%;
  min-height: 50px;
  color: #002a50;
  color: var(--color-green-vogue);
  font-size: 1.125rem;
  font-size: calc(var(--type-scale-300)*1rem);
  list-style: none
}

.c-faq summary::-webkit-details-marker {
  display: none
}

.c-faq summary:before {
  width: 50px;
  height: 50px;
  border: 1px solid;
  margin-right: 20px;
  margin-right: var(--space-400);
  border-radius: 50%;
  content: "Q";
  font-size: 1.375rem;
  font-size: calc(var(--type-scale-500)*1rem);
  font-style: italic
}

.c-faq summary:after,
.c-faq summary:before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #002a50;
  color: var(--color-green-vogue);
  font-family: Futura, Trebuchet MS, Arial, sans-serif
}

.c-faq summary:after {
  width: 20px;
  height: 20px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  content: "+";
  font-size: 2.1875rem;
  font-size: calc(var(--type-scale-800)*1rem)
}

.c-faq details[open] summary:after {
  content: "-"
}

.c-faq summary > * {
  margin-top: auto;
  margin-bottom: auto
}

.c-faq details > div {
  display: flex;
  margin-top: 26px;
  margin-top: var(--space-500);
  margin-bottom: 26px;
  margin-bottom: var(--space-500)
}

.c-faq details > div:before {
  display: inline-flex;
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  margin-right: 20px;
  margin-right: var(--space-400);
  border-radius: 50%;
  color: #0077d9;
  color: var(--color-true-blue);
  content: "A";
  font-family: Futura, Trebuchet MS, Arial, sans-serif;
  font-size: 1.375rem;
  font-size: calc(var(--type-scale-500)*1rem);
  font-style: italic
}

.c-hero {
  position: relative;
  background-color: #002a50;
  background-color: var(--color-green-vogue);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  color: var(--color-white);
  text-align: center
}

.c-hero .o-wrapper {
  max-width: 62.75rem
}

[data-hero=home] {
  background-image: url(/rc/static/image/bg-hero--home.png)
}

[data-hero=negative-news-screening] {
  background-image: url(/rc/static/image/bg-hero--solution-negative-screening.png)
}

[data-hero=watchlist-screening] {
  background-image: url(/rc/static/image/bg-hero--watchlist-screening.png)
}

[data-hero=case-study] {
  background-image: url(/rc/static/image/bg-hero--case-study.png)
}

[data-hero=knowledge] {
  background-image: url(/rc/static/image/bg-hero--knowledge.png)
}

[data-hero=event] {
  background-image: url(/rc/static/image/bg-hero--event.png)
}

.c-hero__wrapper {
  padding-top: 42px
}

.c-hero__body,
.c-hero__wrapper {
  display: flex;
  justify-content: center
}

.c-hero__body {
  min-height: 157px;
  flex-direction: column
}

[data-hero=home] .c-hero__body {
  min-height: 665px
}

.c-hero h1 {
  font-size: 1.06667rem;
  font-size: calc(var(--type-scale-600)*1rem);
  letter-spacing: 1.7px;
  line-height: 1.6
}

.c-hero h1 span {
  font-size: 1rem
}

.c-hero__button {
  width: 300px;
  padding: 24px;
  padding: calc(var(--space-base)*3);
  margin-top: 40px;
  margin-top: calc(var(--space-base)*5);
  letter-spacing: 1.92px
}

@media screen and (min-width:42.5em) {
  .c-hero__wrapper {
    min-height: 382px
  }

  [data-hero=home] .c-hero__wrapper {
    min-height: 820px
  }

  [data-hero=negative-news-screening] .c-hero__wrapper,
  [data-hero=watchlist-screening] .c-hero__wrapper {
    min-height: 259px;
    padding-top: 105px
  }

  .c-hero h1 {
    font-size: 2.625rem;
    font-size: calc(var(--type-scale-900)*1rem);
    letter-spacing: 4px;
    line-height: 1.666666667
  }

  .c-hero h1 span {
    font-size: 1em
  }

  [data-hero=negative-news-screening] h1 br,
  [data-hero=watchlist-screening] h1 br {
    display: none
  }
}

.c-card {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  border: 1px solid #e7e7e7;
  border: 1px solid var(--color-white-lilac);
  border-radius: 5px;
  box-shadow: 0 2px 10px 0 #ddd;
  box-shadow: 0 2px 10px 0 var(--color-gainsboro)
}

.c-card__media {
  height: 100%;
  /* background-color: #f5f5f5; */
  /* background-color: var(--color-concrete) */
}

.c-card__text {
  height: 100%;
  padding: 15px 20px 10px
}

.c-card__headline {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1.78px;
  line-height: 1.666666667
}

.c-card[data-card=event] .c-card__headline {
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem);
  letter-spacing: normal
}

.c-card__date {
  color: #0a3e6f;
  color: var(--color-regal-blue);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem)
}

.c-card__label {
  line-height: 1
}

.c-card__desc,
.c-card__label {
  margin-top: 10px;
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem)
}

.c-card__desc {
  color: #717171;
  color: var(--color-dove-gray)
}

.c-card__desc a:hover {
  color: #000;
  color: var(--color-black);
  text-decoration: none
}

.c-card__cta {
  padding: 0 20px 10px;
  margin-top: auto
}

.c-card__tag {
  position: absolute;
  top: 136px;
  left: 8px;
  left: var(--space-base);
  display: inline-block;
  padding: 8px 12px;
  border-radius: 2px;
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem);
  line-height: .875rem;
  line-height: calc(var(--type-scale-100)*1rem);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.c-card__tag[data-card-tag=paper],
.c-card__tag[data-card-tag=tuatara] {
  background: #0A3E6F;
  color: #fff;
  color: var(--color-white)
}

.c-card__tag[data-card-tag=case-study],
.c-card__tag[data-card-tag=green-vogue],
.c-card__tag[data-card-tag=interview] {
  background: #737B82;
  color: #fff;
  color: var(--color-white)
}

/*.c-card__tag[data-card-tag=paper],.c-card__tag[data-card-tag=tuatara]{background:#434343;background:var(--color-tuatara);color:#fff;color:var(--color-white)}.c-card__tag[data-card-tag=case-study],.c-card__tag[data-card-tag=green-vogue]{background:#002a50;background:var(--color-green-vogue);color:#fff;color:var(--color-white)}*/
.c-card__tag[data-card-tag=true-blue] {
  background: #0DB67E;
  color: #fff;
  color: var(--color-white)
}

/*.c-card__tag[data-card-tag=interview],.c-card__tag[data-card-tag=true-blue]{background:#0077d9;background:var(--color-true-blue);color:#fff;color:var(--color-white)}*/
.c-card__tag[data-card-tag='close'] {
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  background: #fff;
  color: #232323;
}

.c-card__button {
  display: inline-flex;
  color: #0077d9;
  color: var(--color-true-blue);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem);
  text-decoration: underline
}

.c-card__button:hover {
  text-decoration: none
}

.c-card__button svg {
  margin-top: auto;
  margin-bottom: auto;
  pointer-events: none
}

.c-teaser {
  position: relative;
  flex-direction: column;
  border: 1px solid #e7e7e7;
  border: 1px solid var(--color-white-lilac);
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
  box-shadow: 0 2px 10px 0 #ddd;
  box-shadow: 0 2px 10px 0 var(--color-gainsboro)
}

.c-teaser__media {
  width: 100%;
  height: 100%
}

.c-teaser__body {
  height: 100%;
  padding: 15px 20px 10px;
  margin-top: auto;
  margin-bottom: auto
}

.c-teaser__headline {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1.78px;
  line-height: 1.666666667
}

.c-teaser__desc {
  margin-top: 10px;
  color: #717171;
  color: var(--color-dove-gray);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem)
}

.c-teaser__date,
.c-teaser__organizer,
.c-teaser__venue {
  display: block
}

.c-teaser__date {
  color: #0a3e6f;
  color: var(--color-regal-blue);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem)
}

.c-teaser__cta {
  margin-top: 10px
}

.c-teaser__button {
  display: inline-flex;
  color: #0077d9;
  color: var(--color-true-blue);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem);
  text-decoration: underline
}

.c-teaser__button:hover {
  text-decoration: none
}

.c-teaser__button svg {
  margin-top: auto;
  margin-bottom: auto;
  pointer-events: none
}

.c-teaser__tag {
  position: absolute;
  top: 180px;
  left: 8px;
  left: var(--space-base);
  display: inline-block;
  padding: 8px 12px;
  border-radius: 2px;
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem);
  line-height: .875rem;
  line-height: calc(var(--type-scale-100)*1rem);
  opacity: .9;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.c-teaser__tag[data-teaser-tag=paper],
.c-teaser__tag[data-teaser-tag=tuatara] {
  background: #434343;
  background: var(--color-tuatara);
  color: #fff;
  color: var(--color-white)
}

.c-teaser__tag[data-teaser-tag=case-study],
.c-teaser__tag[data-teaser-tag=green-vogue] {
  background: #002a50;
  background: var(--color-green-vogue);
  color: #fff;
  color: var(--color-white)
}

.c-teaser__tag[data-teaser-tag=interview],
.c-teaser__tag[data-teaser-tag=true-blue] {
  background: #0077d9;
  background: var(--color-true-blue);
  color: #fff;
  color: var(--color-white)
}

@media screen and (min-width:42.5em) {
  .c-teaser {
    flex-direction: row
  }

  .c-teaser__media {
    width: 35%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto
  }
}

.c-source-card {
  text-align: center
}

.c-source-card__media > * {
  margin-right: auto;
  margin-left: auto
}

.c-source-card__headline {
  margin-top: 24px;
  margin-top: calc(var(--space-base)*3);
  font-size: 1.25rem;
  font-size: calc(var(--type-scale-400)*1rem);
  font-weight: 700;
  letter-spacing: 2.22px
}

.c-source-card__desc {
  margin-top: 16px;
  margin-top: calc(var(--space-base)*2);
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem);
  line-height: 2
}

.c-preview-card {
  min-height: 386px;
  padding: 30px;
  background: #0a3e6f;
  background: var(--color-regal-blue);
  background: linear-gradient(180deg, #0a3e6f 0, #002a50);
  background: linear-gradient(180deg, var(--color-regal-blue) 0, var(--color-green-vogue));
  border-radius: 5px;
  text-align: center
}

.c-preview-card__media > * {
  margin-right: auto;
  margin-left: auto
}

.c-preview-card__desc {
  margin-top: 16px;
  margin-top: calc(var(--space-base)*2);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem);
  line-height: 2
}

.c-list-example-card {
  max-width: 311px;
  min-height: 355px;
  padding: 50px 30px;
  background: #0a3e6f;
  background: var(--color-regal-blue);
  background: linear-gradient(180deg, #0a3e6f 0, #002a50);
  background: linear-gradient(180deg, var(--color-regal-blue) 0, var(--color-green-vogue));
  border-radius: 5px
}

.c-list-example-card__head {
  margin-top: 32px;
  margin-top: calc(var(--space-base)*4);
  font-size: 1.25rem;
  font-size: calc(var(--type-scale-400)*1rem);
  font-weight: 700
}

.c-list-example-card__desc {
  margin-top: 8px;
  margin-top: calc(var(--space-base));
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem);
  line-height: 2
}

.c-list-example-card__desc ul {
  padding-left: 1em;
  list-style: disc
}

.c-post-intro h1 {
  margin-top: 24px;
  margin-top: calc(var(--space-base)*3);
  font-size: 2.1875rem;
  font-size: calc(var(--type-scale-800)*1rem);
  letter-spacing: .1em;
  line-height: 1.5
}

.c-post-intro .o-wrapper {
  max-width: 45.334em;
}

.c-post-intro[data-post-intro=events] .c-post-intro__summary h2 {
  margin-top: 79px;
  margin-top: var(--space-800)
}

.c-post-intro[data-post-intro=events] .c-post-intro__summary p {
  margin-top: 20px;
  margin-top: var(--space-400)
}

.c-post-intro[data-post-intro=events] .c-post-intro__photo {
  margin-top: 79px;
  margin-top: var(--space-800)
}

.c-post-cta {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 39px;
  padding: var(--space-600);
  margin-top: 50px;
  margin-top: var(--space-800);
  background-color: #f5f5f5;
  background-color: var(--color-white-smoke);
  text-align: center
}

.c-post-cta--slim {
  padding: 8px;
  padding: var(--space-200);
  background-color: transparent
}

.c-post-cta__inner > * + * {
  margin-top: 20px;
  margin-top: var(--space-400)
}

.c-post-cta p {
  color: #0077d9;
  color: var(--color-true-blue);
  font-size: 1.25rem;
  font-size: calc(var(--type-scale-400)*1rem);
  font-weight: 700;
  line-height: 1.6
}

.c-post-cta__button {
  padding: 1.5rem 5.75rem;
  font-size: 1.125rem
}

.c-post-cta__event-done {
  color: #f08600;
  color: var(--color-tangerine);
  font-weight: 700
}

.c-post-summary {
  margin-top: 16px;
  margin-top: calc(var(--space-base)*2)
}

.c-post-summary__logo {
  height: auto
}

.c-post-summary__name {
  margin-top: 8px;
  margin-top: calc(var(--space-base)*1);
  font-size: 1rem;
  letter-spacing: .08em;
  line-height: 1.75
}

.c-event-hero__reservation {
  display: block;
  padding: 8px;
  padding: var(--space-200);
  border: solid #cbdae6;
  border-width: 1px 1px 0;
  background-color: #ddedfa;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.c-event-hero__reservation[data-c-event-hero-status=done] {
  border: 1px solid #717171;
  border: 1px solid var(--color-dove-gray);
  background-color: #f5f5f5;
  background-color: var(--color-concrete)
}

.c-event-hero__body {
  padding: 20px 39px;
  padding: var(--space-400) var(--space-600);
  border: 1px solid #0077d9;
  border: 1px solid var(--color-true-blue);
  border-top: 0 solid var(--color-true-blue);
  background-color: #0a3e6f;
  background-color: var(--color-regal-blue);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  color: #f5f5f5;
  color: var(--color-white-smoke)
}

.c-event-hero__event-name {
  font-weight: 700
}

.c-event-hero h1 {
  margin-top: 8px;
  margin-top: var(--space-200);
  font-size: 1.625rem;
  font-size: calc(var(--type-scale-700)*1rem)
}

.c-event-hero__subtitle {
  font-weight: 700
}

.c-event-hero time {
  display: inline-block;
  margin-top: 20px;
  margin-top: var(--space-400)
}

.c-event-hero address {
  font-style: normal
}

.c-article__body .c-event-outline {
  margin-top: 79px;
  margin-top: var(--space-800)
}

.c-event-outline__data {
  margin-top: 20px;
  margin-top: var(--space-400)
}

.c-event-outline__row {
  display: flex;
  width: 100%
}

.c-event-outline__row h3 {
  display: flex;
  min-width: 11em;
  flex: 0 0 1%;
  align-items: center;
  background: #e7e7e7;
  background: var(--color-white-lilac)
}

.c-event-outline__row .content,
.c-event-outline__row h3 {
  padding: 26px;
  padding: var(--space-500);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem)
}

.c-event-outline__row .content {
  width: 100%;
  flex: 0 1 auto
}

.c-event-outline__row + .c-event-outline__row {
  margin-top: 4px;
  margin-top: var(--space-100)
}

@media screen and (max-width:34.375em) {
  .c-event-outline__row {
    flex-direction: column
  }

  .c-event-outline__row h3 {
    min-width: 100%;
    padding: 4px 8px;
    padding: var(--space-100) var(--space-200)
  }

  .c-event-outline__row .content {
    padding: 8px 0 0;
    padding: var(--space-200) 0 0
  }
}

.c-article__body .c-event-timeline {
  margin-top: 79px;
  margin-top: var(--space-800)
}

.c-event-timeline__data {
  margin-top: 20px;
  margin-top: var(--space-400)
}

.c-event-timeline__row {
  display: flex;
  width: 100%
}

.c-event-timeline__row h3 {
  min-width: 11em;
  flex: 0 0 1%;
  border-right: 1px solid #e7e7e7;
  border-right: 1px solid var(--color-white-lilac)
}

.c-event-timeline__row .content,
.c-event-timeline__row h3 {
  padding: 26px;
  padding: var(--space-500);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem)
}

.c-event-timeline__row .content {
  width: 100%;
  flex: 0 1 auto
}

.c-event-timeline__row .content ol,
.c-event-timeline__row .content ul {
  padding-left: 1.2rem
}

.c-event-timeline__row .content > * + * {
  margin-top: 13px;
  margin-top: var(--space-300)
}

.c-event-timeline__row + .c-event-timeline__row {
  margin-top: 4px;
  margin-top: var(--space-100)
}

@media screen and (max-width:34.375em) {
  .c-event-timeline__row {
    flex-direction: column
  }

  .c-event-timeline__row h3 {
    min-width: 100%;
    padding: 0;
    font-size: 1.125rem;
    font-size: calc(var(--type-scale-300)*1rem)
  }

  .c-event-timeline__row .content {
    padding: 8px 0 0;
    padding: var(--space-200) 0 0
  }
}

.c-article__body .c-event-additional {
  margin-top: 79px;
  margin-top: var(--space-800)
}

.c-event-additional header p,
.c-event-additional__body {
  margin-top: 20px;
  margin-top: var(--space-400)
}

.c-event-additional__body {
  padding: 26px;
  padding: var(--space-500);
  background: #e7e7e7;
  background: var(--color-white-lilac);
  border-radius: 5px
}

.c-event-additional__body .content {
  margin-top: 20px;
  margin-top: var(--space-400)
}

.c-event-additional__body .content ol,
.c-event-additional__body .content ul {
  padding-left: 1.2rem
}

.c-event-additional__actions {
  display: flex;
  justify-content: center;
  margin-top: 39px;
  margin-top: var(--space-600)
}

.c-event-additional__actions > * + * {
  margin-left: 20px;
  margin-left: var(--space-400)
}

.c-event-additional__button {
  padding: 20px;
  padding: var(--space-400)
}

@media screen and (max-width:34.375em) {
  .c-event-additional__actions {
    flex-direction: column
  }

  .c-event-additional__actions > * + * {
    margin-top: 20px;
    margin-top: var(--space-400);
    margin-left: 0
  }
}

.c-article {
  margin-top: 160px;
}

.c-article b {
  font-weight: 700
}

.c-article ol,
.c-article ul {
  padding-left: 0
}

.c-article ul li {
  list-style: disc
}

.c-article ol li {
  list-style: decimal
}

.c-article hr {
  height: 1px;
  border: 0;
  background-color: #353535
}

.c-article__body {
  max-width: 42.5em
}

.c-article__body,
.c-article__body > * + * {
  margin-top: 3.125ex
}

.c-article__hgroup {
  margin-top: 6.25ex
}

.c-article__hgroup [role=doc-subtitle] {
  display: block;
  font-weight: 700
}

.c-article__hgroup h2 {
  margin-top: 1.04167ex;
  color: #0077d9;
  color: var(--color-true-blue);
  font-size: 1.25rem;
  font-size: calc(var(--type-scale-400)*1rem);
  letter-spacing: .1em
}

.c-article__figure figcaption {
  margin-top: 1em;
  color: #6a6a6a;
  font-size: .875rem;
  letter-spacing: .08em;
  text-align: center
}

.c-article__figure[data-o-aspect-ratio^=profile_] {
  width: 298px;
  height: 298px;
  margin-right: auto;
  margin-left: auto
}

.c-article__figure[data-o-aspect-ratio^=profile_].o-aspect-ratio:before {
  padding-top: 100%
}

.c-article__profile {
  padding: 1.625rem 1.875rem 1.875rem;
  background-color: #f5f5f5;
  background-color: var(--color-white-smoke)
}

.c-article__profile b {
  display: block;
  font-size: 1.25rem
}

.c-article__profile p {
  margin-top: 3.125ex
}

.c-article__question-head {
  margin-top: 6.25ex;
  color: #0077d9;
  color: var(--color-true-blue);
  font-size: 1.25rem;
  font-size: calc(var(--type-scale-400)*1rem);
  line-height: 2.17391ex
}

.c-article__question-head:before {
  display: inline-block;
  width: 1rem;
  border-top: 2px solid;
  margin-right: 8px;
  margin-right: var(--space-200);
  content: "";
  vertical-align: middle
}

.c-article[data-article=events] h2,
.c-article[data-article=knowledge] h2 {
  margin-top: 1.04167ex;
  color: #0077d9;
  color: var(--color-true-blue);
  font-size: 1.25rem;
  font-size: calc(var(--type-scale-300)*1rem);
  letter-spacing: .1em
}

.c-article h4 {
  margin-top: 2.5ex;
  color: #0077d9;
  color: var(--color-true-blue);
  font-size: calc(var(--type-scale-300)*1rem);
  letter-spacing: .1em
}

.c-article[data-article=events] .c-article__figure[data-o-aspect-ratio^=profile_],
.c-article[data-article=knowledge] .c-article__figure[data-o-aspect-ratio^=profile_] {
  width: 146px;
  height: 146px;
  margin-right: auto;
  margin-left: auto
}

.c-article[data-article=events] .c-article__figure[data-o-aspect-ratio^=profile_].o-aspect-ratio:before,
.c-article[data-article=knowledge] .c-article__figure[data-o-aspect-ratio^=profile_].o-aspect-ratio:before {
  padding-top: 100%
}

.c-profile__body {
  flex-direction: column;
  margin-top: 20px;
  margin-top: var(--space-400)
}

.c-profile__body .o-media__figure {
  order: 0;
  margin-right: auto;
  margin-bottom: 20px;
  margin-bottom: var(--space-400);
  margin-left: auto
}

@media screen and (min-width:34.375em) {
  .c-profile__body {
    flex-direction: row
  }

  .c-profile__body .o-media__figure {
    order: 1;
    margin-bottom: 0;
    margin-left: 20px;
    margin-left: var(--space-400)
  }
}

.c-solution-intro {
  padding-top: 80px;
  padding-top: calc(var(--space-base)*10);
  margin-bottom: 80px;
  margin-bottom: calc(var(--space-base)*10);
  background-color: #002a50;
  background-color: var(--color-green-vogue);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain
}

.c-solution-intro[data-solution-intro=negative-news-screening] {
  background-image: url(/rc/static/image/bg-solution-intro--negative-screening.png)
}

.c-solution-intro[data-solution-intro=watchlist-screening] {
  background-image: url(/rc/static/image/bg-solution-intro--watchlist-screening.png)
}

.c-solution-intro__body {
  margin-top: 24px;
  margin-top: calc(var(--space-base)*3)
}

.c-solution-intro__body p {
  max-width: 54.1875rem;
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem);
  line-height: 2.4
}

.c-solution-intro h3 {
  margin-top: 32px;
  margin-top: calc(var(--space-base)*4);
  font-size: 1rem
}

.c-solution-intro__list {
  margin-top: 24px;
  margin-top: calc(var(--space-base)*3);
  counter-reset: list-number
}

.c-solution-intro__list > * + * {
  margin-top: 16px;
  margin-top: calc(var(--space-base)*2)
}

.c-solution-intro__list li:before {
  display: inline-flex;
  width: 1.5em;
  height: 1.5em;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  margin-right: calc(var(--space-base)*2);
  background: #f5f5f5;
  background: var(--color-white-smoke);
  border-radius: 50%;
  color: #002a50;
  color: var(--color-green-vogue);
  content: counter(list-number);
  counter-increment: list-number;
  font-weight: 700
}

@media screen and (min-width:42.5em) {
  .c-solution-intro {
    padding-top: 120px;
    padding-top: calc(var(--space-base)*15);
    margin-bottom: 120px;
    margin-bottom: calc(var(--space-base)*15);
    background-size: 1106px 552px
  }

  .c-solution-intro h3 {
    margin-top: 40px;
    margin-top: calc(var(--space-base)*5);
    font-size: 1.25rem;
    font-size: calc(var(--type-scale-400)*1rem)
  }

  .c-solution-intro__list > * + * {
    margin-top: 24px;
    margin-top: calc(var(--space-base)*3)
  }
}

.c-solution-detail .o-wrapper {
  max-width: 65.3125rem
}

.c-solution-detail .o-switcher__intermediary {
  margin: -20px
}

.c-solution-detail .o-switcher__intermediary > * {
  flex-basis: calc(63em - 99900% + 39960px);
  margin: 20px
}

.c-solution-detail__head {
  text-align: center
}

.c-solution-detail__head [role=doc-subtitle] {
  display: inline-flex;
  flex-flow: column;
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem);
  letter-spacing: 1px;
  text-transform: uppercase
}

.c-solution-detail__head [role=doc-subtitle]:after {
  display: inline-block;
  width: 40px;
  height: 1px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  background: #f5f5f5;
  background: var(--color-white-smoke);
  content: ""
}

.c-solution-detail__head h2 {
  margin-top: 16px;
  margin-top: calc(var(--space-base)*2);
  font-size: 1.25rem;
  font-size: calc(var(--type-scale-400)*1rem);
  letter-spacing: 3.06px;
  line-height: 1.5
}

.c-solution-detail__source,
.c-solution-detail__use-case {
  margin-top: 72px;
  margin-top: calc(var(--space-base)*9)
}

.c-solution-detail__list-example {
  margin-top: 56px;
  margin-top: calc(var(--space-base)*7)
}

.c-solution-detail__card-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: -20px
}

.c-solution-detail__card-holder > * {
  flex: 1 1 311px;
  margin: 20px
}

@media screen and (min-width:42.5em) {
  .c-solution-detail__head [role=doc-subtitle] {
    font-size: 1rem;
    letter-spacing: 1.15px
  }

  .c-solution-detail__head h2 {
    margin-top: 24px;
    margin-top: calc(var(--space-base)*3);
    font-size: 2.1875rem;
    font-size: calc(var(--type-scale-800)*1rem);
    letter-spacing: 7px;
    line-height: 1.657142857
  }

  .c-solution-detail__source,
  .c-solution-detail__use-case {
    margin-top: 104px;
    margin-top: calc(var(--space-base)*13)
  }

  .c-solution-detail__list-example > * {
    justify-content: center
  }
}

.c-solution-number__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 72px;
  margin-top: calc(var(--space-base)*9)
}

.c-solution-number__item {
  display: inline-flex;
  min-width: 141px;
  min-height: 113px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}

.c-solution-number__num {
  font-size: 1.875rem;
  font-size: calc(var(--type-scale-750)*1rem);
  font-weight: 700;
  letter-spacing: 4.74px
}

.c-solution-number__desc {
  margin-top: 8px;
  margin-top: calc(var(--space-base));
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem)
}

.c-solution-related {
  padding-top: 120px;
  padding-bottom: 120px;
  background: #fff;
  background: var(--color-white);
  color: #000;
  color: var(--color-black)
}

.c-solution-related[data-solution-related] .o-wrapper {
  max-width: 72.32em
}

.c-solution-related .o-subtitle {
  color: #002a50;
  color: var(--color-green-vogue)
}

.c-cta-inquiry {
  --o-wrapper-max-width: 62.75rem;
  padding-top: 72px;
  padding-top: calc(var(--space-base)*9);
  padding-bottom: 72px;
  padding-bottom: calc(var(--space-base)*9);
  background-color: #0077d9;
  background-color: var(--color-true-blue);
  background-image: url(/rc/static/image/bg-cta-inquiry.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  color: var(--color-white);
  text-align: center
}

.c-cta-inquiry h2 {
  font-size: 1.625rem;
  font-size: calc(var(--type-scale-700)*1rem);
  letter-spacing: 3.89px
}

.c-cta-inquiry__button {
  display: block;
  max-width: 20em;
  padding: 24px;
  padding: calc(var(--space-base)*3);
  margin-top: 40px;
  margin-top: calc(var(--space-base)*5);
  margin-right: auto;
  margin-left: auto;
  letter-spacing: 1.92px
}

.c-cta-inquiry__tel {
  margin-top: 16px;
  margin-top: calc(var(--space-base)*2);
  letter-spacing: 2.39px
}

.c-site-foot {
  padding-top: 40px;
  padding-top: calc(var(--space-base)*5);
  padding-bottom: 40px;
  padding-bottom: calc(var(--space-base)*5);
  background: #002a50;
  background: var(--color-green-vogue);
  color: #f5f5f5;
  color: var(--color-white-smoke)
}

.c-site-foot .o-wrapper {
  max-width: 62.75em
}

.c-site-foot .o-list-linear > * + * {
  margin-left: 13px;
  margin-left: var(--space-300)
}

.c-site-foot__about {
  display: flex;
  flex-flow: column;
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem)
}

.c-site-foot__about-us {
  text-align: center
}

.c-site-foot__copyright {
  margin-top: 32px;
  margin-top: calc(var(--space-base)*4);
  text-align: center
}

@media screen and (min-width:46.125em) {
  .c-site-foot {
    padding-top: 72px;
    padding-top: calc(var(--space-base)*9);
    padding-bottom: 56px;
    padding-bottom: calc(var(--space-base)*7)
  }

  .c-site-foot__about {
    flex-flow: row;
    justify-content: space-between
  }

  .c-site-foot__about-us {
    text-align: left
  }

  .c-site-foot__copyright {
    margin-top: auto;
    text-align: left
  }
}

.p-solution {
  background: #002a50;
  background: var(--color-green-vogue);
  color: #f5f5f5;
  color: var(--color-white-smoke)
}

.p-solution__section .o-wrapper {
  max-width: 70.32em;
}

.p-solution__section-body {
  margin-top: 52px;
  margin-top: var(--space-700)
}

.p-solution__section-body .o-decrescendo__intermediary {
  margin: -19.5px;
  margin: calc(var(--space-600)/2*-1)
}

.p-solution__section-body .o-decrescendo__intermediary > * {
  max-width: 322px;
  flex-basis: 322px;
  margin: 19.5px;
  margin: calc(var(--space-600)/2)
}

.p-solution .contact_inner p {
  color: #2c2c2c;
}

.p-list-case-study {
  padding: 120px 0;
}

.p-list-case-study .o-wrapper,
.p-list-knowledge .o-wrapper {
  max-width: 67.65rem
}

.p-list-case-study__section,
.p-list-search__section {
  margin-top: 79px;
  margin-top: var(--space-800);
  margin-bottom: 80px;
}

.p-list-case-study__section,
.p-list-knowledge__section {
  margin-top: 79px;
  margin-top: var(--space-800);
  margin-bottom: 80px;
}

.p-list-case-study__section-body .o-decrescendo__intermediary,
.p-list-knowledge__section-body .o-decrescendo__intermediary {
  margin: -19.5px;
  margin: calc(var(--space-600)/2*-1)
}

.p-list-case-study__section-body .o-decrescendo__intermediary > *,
.p-list-knowledge__section-body .o-decrescendo__intermediary > * {
  max-width: 322px;
  flex-basis: 322px;
  margin: 19.5px;
  margin: calc(var(--space-600)/2)
}

.p-case-study {
  --o-wrapper-max-width: 42.5em
}

.p-case-study__back-to {
  margin-top: 79px;
  margin-top: var(--space-800);
  text-align: center;
  margin-bottom: 80px;
}

.p-case-study__back-button {
  padding: 1.5rem 5.75rem;
  font-size: 1.125rem
}

.p-knowledge .o-wrapper {
  max-width: 42.5em
}

.p-knowledge__back-to {
  margin: 79px 0;
  text-align: center
}

.p-knowledge__back-button {
  padding: 1.5rem 5.75rem;
  font-size: 1.125rem
}

.p-event .p-event__heading {
  padding: 0 16px;
  padding: 0 calc(var(--space-base)*2);
  margin-top: 40px;
  margin-top: calc(var(--space-base)*5);
  margin-bottom: 40px;
  margin-bottom: calc(var(--space-base)*5);
  text-align: center
}

.p-event .p-event__heading h2 {
  font-size: 1.375rem;
  font-size: calc(var(--type-scale-500)*1rem);
  letter-spacing: 4.34px
}

.p-event .p-event__event-section {
  margin-top: 64px;
  margin-top: calc(var(--space-base)*8)
}

.p-event .p-event__event-section .o-wrapper {
  max-width: 79rem;
  padding: 0 16px 100px;
}

.p-event .p-event__event-section h3 {
  color: #002a50;
  color: var(--color-green-vogue);
  font-size: 1.25rem;
  font-size: calc(var(--type-scale-400)*1rem);
  letter-spacing: 3.95px
}

.p-event .p-event__event-section-body {
  margin-top: 16px;
  margin-top: calc(var(--space-base)*2)
}

.p-event .p-event__event-section-body--open > * {
  margin: -19.5px;
  margin: calc(var(--space-600)/2*-1)
}

.p-event .p-event__event-section-body--open > * > * {
  max-width: 100%;
  flex-basis: 355px;
  margin: 19.5px;
  margin: calc(var(--space-600)/2)
}

.p-event .p-event__event-section-body .o-decrescendo__intermediary {
  margin: -19.5px;
  margin: calc(var(--space-600)/2*-1)
}

.p-event .p-event__event-section-body .o-decrescendo__intermediary > * {
  max-width: 355px;
  flex-basis: 355px;
  margin: 19.5px;
  margin: calc(var(--space-600)/2)
}

@media screen and (min-width:42.5em) {
  .p-event .p-event__heading {
    margin-bottom: 80px;
    margin-bottom: calc(var(--space-base)*10)
  }

  .p-event .p-event__event-section,
  .p-event .p-event__heading {
    margin-top: 80px;
    margin-top: calc(var(--space-base)*10)
  }

  .p-event .p-event__event-section-body {
    margin-top: 32px;
    margin-top: calc(var(--space-base)*4)
  }
}

@media screen and (max-width:42.5em) {
  .p-knowledge__back-button {
    padding: 1.5rem 1rem;
    width: 80%
  }

  .p-list-case-study__section,
  .p-list-knowledge__section {
    margin-top: 40px;
  }

  .p-list-case-study__section,
  .p-list-search__section {
    margin-top: 0;
    max-width: 100%;
    padding: 0;
    margin-bottom: 40px;
  }

  .p-list-case-study .o-wrapper,
  .p-list-search__section .o-wrapper {
    max-width: 100%;
    padding: 0;
  }
}

.p-events .o-wrapper {
  max-width: 42.5em
}

.p-events__back-to {
  margin-top: 79px;
  margin-top: var(--space-800);
  text-align: center;
  margin-bottom: 80px;
}

.p-events__back-button {
  padding: 1.5rem 5.75rem;
  font-size: 1.125rem;
}

.p-home {
  background-color: #002a50;
  background-color: var(--color-green-vogue);
  color: #f5f5f5;
  color: var(--color-white-smoke)
}

.p-home__summary {
  padding-top: 120px;
  padding-top: calc(var(--space-base)*15);
  padding-bottom: 120px;
  padding-bottom: calc(var(--space-base)*15);
  background-image: url(/rc/static/image/bg-top--logo.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1040px 861px;
  text-align: center
}

.p-home__summary .o-wrapper {
  max-width: 55.375rem
}

.p-home__summary h2 {
  font-size: 1.625rem;
  font-size: calc(var(--type-scale-700)*1rem);
  letter-spacing: 7px
}

.p-home__summary p {
  padding-top: 40px;
  padding-top: calc(var(--space-base)*5);
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem);
  line-height: 2.666666667
}

.p-home__summary .p-home__summary-image {
  margin-top: 64px;
  margin-top: calc(var(--space-base)*8)
}

.p-home__summary .p-home__summary-image:before {
  padding-top: 57.68668%
}

[data-p-home-head=faq] {
  color: #002a50;
  color: var(--color-green-vogue)
}

[data-p-home-head=faq] [role=doc-subtitle]:after {
  background: #002a50;
  background: var(--color-green-vogue)
}

.p-home__solution .o-wrapper {
  max-width: 65.375rem
}

.p-home__solution-section {
  display: flex;
  min-height: 422px;
  align-items: center;
  margin-top: 40px;
  background-color: #002a50;
  background-color: var(--color-green-vogue);
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.p-home__solution-section > * {
  min-width: 0
}

.p-home__solution-section[data-p-home-solution-section=negative-news-screening] {
  background-image: url(/rc/static/image/bg-top--negative-news-screening.png)
}

.p-home__solution-section[data-p-home-solution-section=watchlist-screening] {
  background-image: url(/rc/static/image/bg-top--watchlist-screening.png)
}

.p-home__solution-inner-wrapper {
  max-width: 503px
}

.p-home__solution-section[data-p-home-solution-section=watchlist-screening] .p-home__solution-inner-wrapper {
  margin-left: auto
}

.p-home__solution-section h3 {
  font-size: 1.125rem;
  font-size: calc(var(--type-scale-300)*1rem);
  letter-spacing: 3.55px;
  line-height: 1.5
}

.p-home__solution-section-body {
  display: flex;
  flex-flow: column
}

.p-home__solution-section-body p {
  margin-top: 20px;
  margin-top: var(--space-400);
  font-size: .9375rem;
  font-size: calc(var(--type-scale-200)*1rem);
  line-height: 2.666666667
}

.p-home__solution-section-body .p-home__solution-button {
  max-width: 134px;
  padding: 10px 30px;
  border-color: #fff;
  border-color: var(--color-white);
  margin-top: 26px;
  margin-top: var(--space-500);
  margin-left: 0;
  color: #f5f5f5;
  color: var(--color-white-smoke);
  font-size: .875rem;
  font-size: calc(var(--type-scale-100)*1rem);
  font-weight: 700
}

.p-home__faq {
  padding-top: 120px;
  padding-bottom: 120px;
  background: #fff;
  background: var(--color-white);
  color: #000;
  color: var(--color-black)
}

.p-home__faq .o-wrapper {
  max-width: 53.75rem
}

.p-home__faq .p-home__faq-body {
  margin-top: 52px;
  margin-top: var(--space-700)
}

@media screen and (min-width:42.5em) {
  .p-home__solution-section {
    min-height: 552px
  }

  .p-home__solution-section > * {
    min-width: 65.375rem
  }

  .p-home__solution-section[data-p-home-solution-section=watchlist-screening] .p-home__solution-inner-wrapper {
    margin-left: auto
  }

  .p-home__solution-section h3 {
    font-size: 1.625rem;
    font-size: calc(var(--type-scale-700)*1rem);
    letter-spacing: 6.51px
  }

  .p-home__solution-section-body .p-home__solution-button {
    margin-left: auto
  }
}

.u-visually-hidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: auto;
  padding: 0;
  border: 0;
  margin: 0;
  clip: rect(0 0 0 0);
  white-space: nowrap
}

@media (update:slow),
screen and (prefers-reduced-motion:reduce) {
  * {
    -webkit-animation-duration: NaNs !important;
    animation-duration: NaNs !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: NaNs !important
  }
}

.u-full-bleed {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%)
}


@media screen and (max-width:991px) {
  .c-article {
    margin-top: 100px;
  }

  .p-list-case-study {
    padding: 60px 0;
  }

  .p-list-case-study__section-body .o-decrescendo__intermediary,
  .p-list-knowledge__section-body .o-decrescendo__intermediary {
    margin: 0;
  }

  .p-solution__section-body .o-decrescendo__intermediary {
    margin: 0;
  }

  .p-event .p-event__event-section-body .o-decrescendo__intermediary {
    margin: 0;
  }

  .c-post-cta__button {
    display: inline-block;
    padding: 1.5rem 1.5rem;
    font-size: 1rem;
  }

  .c-post-cta {
    padding: var(--space-400);
  }

  .c-solution-detail .o-switcher__intermediary {
    margin: 0px;
  }

  .c-solution-detail .o-switcher__intermediary > * {
    margin: 10px;
  }
}

.blue800 {
  color: #00203d;
}

.blue700 {
  color: #003e70;
}

.blue600 {
  color: #0c59a1;
}

.blue500 {
  color: #0e6ec8;
}

.blue400 {
  color: #2d8ae2;
}

.blue300 {
  color: #5daaf3;
}

.blue200 {
  color: #9ecefc;
}

.blue100 {
  color: #e4f2ff;
}

.gray900 {
  color: #22262a;
}

.gray800 {
  color: #3a4045;
}

.gray700 {
  color: #575f66;
}

.gray600 {
  color: #737b82;
}

.gray500 {
  color: #9299a0;
}

.gray400 {
  color: #b0b8bf;
}

.gray300 {
  color: #d0d6dc;
}

.gray200 {
  color: #ebeef2;
}

.gray100 {
  color: #f5f7fa;
}

.red800 {
  color: #300;
}

.red700 {
  color: #680000;
}

.red600 {
  color: #a20000;
}

.red500 {
  color: #cd2d2d;
}

.red400 {
  color: #e77373;
}

.red300 {
  color: #fab4b4;
}

.red200 {
  color: #fadddd;
}

.red100 {
  color: #faeded;
}

.yellow800 {
  color: #331e00;
}

.yellow700 {
  color: #734500;
}

.yellow600 {
  color: #a36200;
}

.yellow500 {
  color: #f2960d;
}

.yellow400 {
  color: #ffc060;
}

.yellow300 {
  color: #ffe0aa;
}

.yellow200 {
  color: #fff2da;
}

.yellow100 {
  color: #faf5ed;
}

.green800 {
  color: #00291b;
}

.green700 {
  color: #005f37;
}

.green600 {
  color: #009060;
}

.green500 {
  color: #0db67e;
}

.green400 {
  color: #52d3a8;
}

.green300 {
  color: #99e7cd;
}

.green200 {
  color: #cef3e7;
}

.green100 {
  color: #ebfaf5;
}

.white {
  color: #fff;
}

.richBlack {
  color: #000;
}

.black {
  color: #231815;
}

.hide {
  display: none;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.inline-flex {
  display: inline-flex;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

@media screen and (max-width: 540px) {
  .hide-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 540px) {
  .inline-mobile {
    display: inline !important;
  }

  .inline-block-mobile {
    display: inline-block !important;
  }

  .block-mobile {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .hide-touch {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .inline-touch {
    display: inline !important;
  }

  .inline-block-touch {
    display: inline-block !important;
  }

  .block-touch {
    display: block !important;
  }
}

@media screen and (min-width: 541px) {
  .hide-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 541px) {
  .inline-tablet {
    display: inline !important;
  }

  .inline-block-tablet {
    display: inline-block !important;
  }

  .block-tablet {
    display: block !important;
  }
}

@media screen and (min-width: 769px) {
  .hide-desktop {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .inline-desktop {
    display: inline !important;
  }

  .inline-block-desktop {
    display: inline-block !important;
  }

  .block-desktop {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .hide-narrow {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .inline-narrow {
    display: inline !important;
  }

  .inline-block-narrow {
    display: inline-block !important;
  }

  .block-narrow {
    display: block !important;
  }
}

@media screen and (min-width: 992px) {
  .hide-fluid {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .inline-fluid {
    display: inline !important;
  }

  .inline-block-fluid {
    display: inline-block !important;
  }

  .block-fluid {
    display: block !important;
  }
}

@media screen and (max-width: 1200px) {
  .hide-wide-narrow {
    display: none !important;
  }
}

@media screen and (max-width: 1200px) {
  .inline-wide-narrow {
    display: inline !important;
  }

  .inline-block-wide-narrow {
    display: inline-block !important;
  }

  .block-wide-narrow {
    display: block !important;
  }
}

@media screen and (min-width: 1200px) {
  .hide-wide {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .inline-wide {
    display: inline !important;
  }

  .inline-block-wide {
    display: inline-block !important;
  }

  .block-wide {
    display: block !important;
  }
}

@media screen and (min-width: 1440px) {
  .hide-hd {
    display: none !important;
  }
}

@media screen and (min-width: 1440px) {
  .inline-hd {
    display: inline !important;
  }

  .inline-block-hd {
    display: inline-block !important;
  }

  .block-hd {
    display: block !important;
  }
}

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

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

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

@media screen and (max-width: 540px) {
  .text-center-mobile {
    text-align: center !important;
  }

  .text-right-mobile {
    text-align: right !important;
  }

  .text-left-mobile {
    text-align: left !important;
  }
}

@media screen and (max-width: 767px) {
  .text-center-touch {
    text-align: center !important;
  }

  .text-right-touch {
    text-align: right !important;
  }

  .text-left-touch {
    text-align: left !important;
  }
}

@media screen and (min-width: 541px) {
  .text-center-tablet {
    text-align: center !important;
  }

  .text-right-tablet {
    text-align: right !important;
  }

  .text-left-tablet {
    text-align: left !important;
  }
}

@media screen and (min-width: 769px) {
  .text-center-desktop {
    text-align: center !important;
  }

  .text-right-desktop {
    text-align: right !important;
  }

  .text-left-desktop {
    text-align: left !important;
  }
}

@media screen and (max-width: 991px) {
  .text-center-narrow {
    text-align: center !important;
  }

  .text-right-narrow {
    text-align: right !important;
  }

  .text-left-narrow {
    text-align: left !important;
  }
}

@media screen and (min-width: 992px) {
  .text-center-fluid {
    text-align: center !important;
  }

  .text-right-fluid {
    text-align: right !important;
  }

  .text-left-fluid {
    text-align: left !important;
  }
}

@media screen and (max-width: 1200px) {
  .text-center-wide-narrow {
    text-align: center !important;
  }

  .text-right-wide-narrow {
    text-align: right !important;
  }

  .text-left-wide-narrow {
    text-align: left !important;
  }
}

@media screen and (min-width: 1200px) {
  .text-center-wide {
    text-align: center !important;
  }

  .text-right-wide {
    text-align: right !important;
  }

  .text-left-wide {
    text-align: left !important;
  }
}

@media screen and (min-width: 1440px) {
  .text-center-hd {
    text-align: center !important;
  }

  .text-right-hd {
    text-align: right !important;
  }

  .text-left-hd {
    text-align: left !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 100%;
  }
}

.wbr {
  word-break: keep-all;
  overflow-wrap: break-word;
}

.fadeIn {
  animation-name: fadeInAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeUp_title {
  animation-name: fadeUpAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}


@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}



@media screen and (max-width: 991px) {
  #main.due-diligence {
    height: initial;
  }
}

#column-content {
  padding-top: 24px;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  #column-content {
    display: grid;
    grid-template-columns: 1fr 680px;
    column-gap: 120px;
  }
}

.column-content .chapter {
  text-align: left;
  font-size: 64px;
  font-family: 'Roboto';
  position: relative;
  margin-top: 60px;
  margin-bottom: -30px;
  color: rgba(25, 130, 232, 0);
  color: #fff;
  font-weight: 500;
  line-height: 1;
  transform: scaleY(0.92);
  text-shadow: 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8, 0 0 1px #1982e8;
}

.column-content h3 {
  font-size: 22px;
  line-height: 1.35;
  margin-top: 40px;
  margin-bottom: 20px;
}

@media screen and (min-width: 541px) {
  .column-content h3 {
    font-size: 28px;
  }
}

.column-content h4 {
  font-size: 17px;
  line-height: 1.35;
  margin-top: 36px;
  margin-bottom: 16px;
}

.column-content h4.l-height {
  margin-top: 60px;
}

@media screen and (min-width: 541px) {
  .column-content h4 {
    font-size: 20px;
  }
}

.column-content a {
  color: #0077da;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
  text-decoration: none;
  word-break: break-all;
}

.column-content a:hover {
  opacity: 1;
  border-bottom-color: currentColor;
}

.column-content a:active {
  opacity: 1;
  color: #244da6;
  border-bottom-color: currentColor;
}

.column-content p {
  font-size: 17px;
  line-height: 1.8;
  color: #454545;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
}

.column-content p.mb-large {
  margin-bottom: 2.5em;
}

@media screen and (max-width: 767px) {
  .column-content p {
    font-size: 16px;
    line-height: 1.9;
  }
}

.column-content .text-hl {
  padding: 0.1em 0;
  border-bottom: 2px solid rgba(25, 130, 232, 0);
  color: #333;
  border-color: rgba(25, 130, 232, 0.808);
}

.column-content p + figure {
  margin-top: 32px;
  margin-bottom: 32px;
}

.column-content aside {
  font-size: 15px;
  line-height: 1.9;
  color: #454545;
  letter-spacing: 0.01em;
  border: 1px solid #d0d6dc;
  border-radius: 2px;
  margin: 28px 10px 32px 1px;
  padding: 4px 16px 24px 24px;
}

.column-content aside.mb-low {
  margin-bottom: 10px;
}

@media screen and (min-width: 541px) {
  .column-content aside {
    margin: 28px 12px 32px 2px;
    padding: 6px 24px 24px;
  }
}

.column-content aside header {
  margin-top: 20px;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 17.25px;
  line-height: 1.5;
  color: #0c59a1;
}

.column-content aside p {
  font-size: 15.5px;
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 1.7;
}

.column-content aside header + p {
  margin-top: 4px;
}

.column-content aside .textbox_ftitle {
  font-weight: 700;
  margin-bottom: 0;
}

.column-content aside .textbox_ftxt {
  margin-top: 5px;
}

.column-content aside .textbox_arrow {
  text-align: center;
  color: #0077d9;
  margin-top: 10px;
  margin-bottom: 10px;
}

.column-content aside + aside {
  margin-top: -20px;
}

.column-content ul {
  margin-top: 28px;
  margin-bottom: 28px;
  padding-right: 8px;
}

.column-content ul li {
  color: #454545;
  margin-bottom: 8px;
  line-height: 1.5;
  font-size: 17px;
  padding-left: 2.4em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .column-content ul li {
    font-size: 16px;
    padding-left: 1.4em;
  }
}

.column-content ul li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 1.4em;
  display: inline-block;
  background-color: #0c59a1;
  width: 8px;
  height: 8px;
  border-radius: 24px;
}

@media screen and (max-width: 767px) {
  .column-content ul li:before {
    top: 8px;
    left: 0.4em;
  }
}

@media screen and (min-width: 1200px) {
  .column-index {
    padding-top: 48px;
  }
}

@media screen and (min-width: 1200px) {
  .column-index .sticky {
    display: inline-block;
    position: sticky;
    top: calc(90px + 8px);
  }
}

.column-index ul {
  display: block;
  border-left: 1px solid #1982e8;
  padding-top: 8px;
  padding-bottom: 8px;
}

.column-index a {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}

.column-index a:hover {
  text-decoration: none;
}

.column-index a.mar10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.column-index .chapter-index,
.column-index .chapter-title,
.column-index .chapter-subtitle {
  padding-left: 20px;
}

.column-index .chapter-index {
  font-size: 24px;
  font-family: 'Roboto';
  letter-spacing: 0.2em;
  line-height: 1.35;
  margin-bottom: 2px;
  font-weight: 700;
  display: block;
  position: relative;
  color: #1982e8;
}

.column-index .chapter-index:before {
  position: absolute;
  content: '';
  border-top: 1px solid #1982e8;
  top: 14px;
  left: 0;
  width: 10px;
}

.column-index .chapter-title {
  display: block;
  font-size: 17px;
  letter-spacing: 0.01em;
  line-height: 1.35;
  color: #000;
}

.column-index .chapter-subtitle {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  letter-spacing: 0.01em;
  line-height: 1.35;
  color: #787878;
}

#column-lead {
  position: relative;
}

@media screen and (min-width: 769px) {
  #column-lead {
    margin-top: calc(-84px - 60px);
  }
}

@media screen and (min-width: 1200px) {
  #column-lead {
    margin-top: calc(-120px - 60px);
  }
}

.column-lead-title-container {
  position: relative;
  display: inline-block;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .column-lead-title-container {
    overflow: hidden;
  }
}

@media screen and (max-width: 540px) {
  .column-lead-title-container {
    padding: 4px 20px 20px 0;
  }
}

@media screen and (min-width: 541px) {
  .column-lead-title-container {
    padding: 20px 20px 24px 0;
  }
}

@media screen and (min-width: 769px) {
  .column-lead-title-container {
    padding: 60px 20px 40px 0;
  }
}

.column-lead-title-container:before {
  content: '';
  position: absolute;
  top: 0;
  left: -100vw;
  width: 100vw;
  height: 100%;
  background: #fff;
}

.column-lead-title-container:after {
  content: '';
  position: absolute;
  top: 0;
  right: -100px;
  width: 0;
  height: 0;
  transform-origin: left;
  transform: scaleX(0.8);
  border-style: solid;
  border-width: 100px 0 0 100px;
  border-color: transparent transparent transparent #fff;
}

.column-lead h2 {
  display: inline;
  line-height: 1.35;
  font-size: 22px;
}

@media screen and (min-width: 769px) {
  .column-lead h2 {
    font-size: 26.5px;
  }
}

@media screen and (min-width: 992px) {
  .column-lead h2 {
    font-size: 36px;
  }
}

.column-lead p {
  font-size: 17px;
  line-height: 1.8;
  color: #454545;
  letter-spacing: 0.01em;
  margin-bottom: 19px;
}

@media screen and (max-width: 767px) {
  .column-lead p {
    font-size: 16px;
    line-height: 1.9;
  }
}

#mv {
  background: rgba(2, 40, 76, 0.7);
  background-repeat: no-repeat;
  background-size: cover;
}

#mv .mv_heading {
  color: #fff;
}

#mv .mv_heading .container {
  padding-top: 72px;
  padding-bottom: 60px;
}

@media screen and (min-width: 541px) {
  #mv .mv_heading .container {
    min-height: 800px;
    height: calc(100vh + 120px);
    max-height: 1200px;
    display: flex;
    padding-top: auto;
    padding-bottom: 120px;
  }
}

#mv .mv_heading section {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  padding-left: 20px;
}

@media screen and (min-width: 541px) {
  #mv .mv_heading section {
    padding-left: 32px;
  }
}

#mv .mv_heading section .category_title {
  display: inline-block;
  font-size: 15px;
  margin-bottom: 40px;
  letter-spacing: 0.05em;
  font-weight: 700;
}

#mv .mv_heading section h1 {
  font-size: 26px;
  letter-spacing: 0em;
  line-height: 1.35;
  margin-top: 0;
  margin-bottom: 0;
  opacity: 1;
  text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 541px) {
  #mv .mv_heading section h1 {
    font-size: 36px;
    letter-spacing: 0.02em;
  }
}

@media screen and (min-width: 1200px) {
  #mv .mv_heading section h1 {
    font-size: 44px;
  }
}

#mv .mv_heading section h1 small {
  display: block;
  font-size: 0.7em;
  text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 1.75;
}

#mv .mv_heading .mv_release_date {
  display: inline-block;
  margin-top: 20px;
  font-size: 16px;
  margin-left: 4px;
  letter-spacing: 0.1em;
}

#mv .mv_lead_title section {
  position: relative;
  max-width: 960px;
  background: #fff;
  padding: 40px 40px 0 40px;
}

#mv .mv_lead_title section h2 {
  font-size: 36px;
}

.theme-light #mv .mv_heading section {
  border-left: 2px solid #fff;
}

.theme-light #mv .mv_heading section h1 {
  text-shadow: 2px 1px 8px rgba(0, 0, 0, 0.9);
}

.theme-light #mv .mv_heading section h1 small {
  text-shadow: 2px 1px 8px rgba(0, 0, 0, 0.9);
}

.theme-light #mv .category_title {
  padding: 4px 8px;
  background-color: #003e70;
}

.theme-light #mv .mv_release_date {
  color: #232323;
}

.h_logo_b {
  display: none;
}

.theme-light .h_logo_w {
  display: none;
}

.theme-light .h_logo_b {
  display: initial;
}

.theme-light .is-fixed .h_logo_w {
  display: initial;
}

.theme-light .is-fixed .h_logo_b {
  display: none;
}

.effect-text-reveal {
  overflow: hidden;
}

.effect-text-reveal__inner {
  display: inline-block;
  opacity: 0;
  transform-origin: 0% 25%;
  will-change: transform;
}

#recommend {
  position: relative;
  background: #f8f8f8;
}

.recommend_inner {
  background: #fff;
  padding: 54px 0px 20px;
}

@media screen and (min-width: 541px) {
  .recommend_inner {
    padding: 60px 40px;
  }
}

@media screen and (min-width: 992px) {
  .recommend_inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.recommend_inner a {
  display: flex;
  align-items: center;
  color: #fff;
  position: relative;
}

.recommend_txt {
  text-align: center;
  font-weight: bold;
}

#recommend h3 {
  color: #2c2c2c;
  font-size: 13px;
  margin-bottom: 20px;
  letter-spacing: 0.2em;
}

#recommend h3 span {
  display: block;
}

.recommend_box01,
.recommend_box02 {
  padding: 0 20px;
}

@media screen and (min-width: 1200px) {

  .recommend_box01,
  .recommend_box02 {
    padding: 0 50px;
  }
}

.recommend_box01 a,
.recommend_box02 a {
  background: linear-gradient(to right, #0077d9 0%, #35d0c4 100%);
  display: flex;
  align-items: center;
  color: #fff;
  position: relative;
  height: 52px;
  height: 72px;
  padding: 0 50px;
  font-size: 15px;
  margin-top: 15px;
}

.recommend_box01 a:after,
.recommend_box02 a:after {
  content: "";
  background: url("https://go.nkbb.jp/rc/static/image/btn_arrow02.png") no-repeat center/100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  right: 20px;
}

.recommend_box01 {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .recommend_box01 {
    text-align: left;
  }
}

.recommend_box01 .sec_title_sub {
  font-size: 18px;
  color: #0071bc;
  font-weight: 300;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .recommend_box01 .sec_title_sub {
    font-size: 17px;
    letter-spacing: normal;
  }
}

@media screen and (min-width: 992px) {
  .recommend_box01 .sec_title_sub {
    margin-top: 40px;
  }
}

.recommend_box01 .sec_title_main {
  font-size: 24px;
  line-height: 1.35;
  word-break: keep-all;
  overflow-wrap: break-word;
}

@media screen and (max-width: 767px) {
  .recommend_box01 .sec_title_main {
    font-size: 19.5px;
    letter-spacing: normal;
  }
}

.recommend_box01 .sec_text {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 40px;
  margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .recommend_box01 .sec_text {
    font-size: 14px;
    margin-top: 20px;
  }
}

.recommend_box02 .sec_screen {
  padding: 0 40px;
}

.recommend_box02 .sec_screen img {
  max-width: 320px;
  width: 100%;
  min-width: 0%;
}

.recommend_box02 .sec_service_logo {
  margin-top: 12px;
  margin-bottom: 32px;
}

.recommend_box02 .sec_service_logo img {
  max-width: 228px;
  width: 100%;
  min-width: 0%;
}

.recommend_box02 .sec_features {
  text-align: center;
}

.recommend_box02 .sec_features ul {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

@media screen and (min-width: 541px) {
  .recommend_box02 .sec_features ul {
    margin-left: 20px;
  }
}

.recommend_box02 .sec_features ul > li {
  text-align: left;
  position: relative;
  padding-left: 1.75em;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 14px;
}

.recommend_box02 .sec_features ul > li::after {
  display: block;
  content: '';
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  width: 10px;
  height: 5px;
  border-left: 2px solid #0071bc;
  border-bottom: 2px solid #0071bc;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.grid-table {
  display: grid;
  width: calc(100% - 10px);
  border-top: 1px solid #d0d6dc;
  border-left: 1px solid #d0d6dc;
  grid-auto-rows: auto;
  grid-template-columns: 0.5fr 1.25fr 1.25fr;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .grid-table {
    grid-auto-columns: auto;
  }
}

.grid-table__items {
  font-size: 16px;
  padding: .5rem .5rem .5rem .5rem;
  color: #444;
  border-right: 1px solid #d0d6dc;
  border-bottom: 1px solid #d0d6dc;
  background-color: #FAFAFA;
}

@media screen and (min-width: 768px) {

  .grid-table__items:nth-child(1),
  .grid-table__items:nth-child(2) {
    grid-column: 1;
  }

  .grid-table__items:nth-child(3),
  .grid-table__items:nth-child(4) {
    grid-column: 2;
  }

  .grid-table__items:nth-child(5),
  .grid-table__items:nth-child(6) {
    grid-column: 3;
  }

  .grid-table__items:nth-child(odd) {
    grid-row: 1;
  }

  .grid-table__items:nth-child(even) {
    grid-row: 2;
  }
}

@media screen and (max-width: 767px) {
  .grid-table__items {
    grid-column: 1 / 4;
  }
}

.grid-table__title {
  font-size: 18px;
  font-weight: bold;
  background-color: #EBEEF2;
}

.grid-table02 {
  display: grid;
  width: calc(100% - 10px);
  border-top: 1px solid #d0d6dc;
  border-left: 1px solid #d0d6dc;
  grid-auto-rows: auto;
  grid-template-columns: 20% 80%;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .grid-table02 {
    grid-auto-columns: auto;
  }
}

.grid-table02__items {
  font-size: 16px;
  padding: .5rem .5rem .5rem .5rem;
  color: #444;
  border-right: 1px solid #d0d6dc;
  border-bottom: 1px solid #d0d6dc;
  background-color: #FAFAFA;
}

.column-content .grid-table02__items ul {
  margin: 0;
  padding-right: 0;
}

.column-content .grid-table02__items ul li {
  padding-left: 1.5em;
}

.column-content .grid-table02__items ul li:before {
  left: 0.5em;
}

@media screen and (max-width: 767px) {
  .grid-table02__items {
    grid-column: 1 / 3;
  }
}

.grid-table02__title {
  font-size: 18px;
  font-weight: bold;
  background-color: #EBEEF2;
}

.column-content .appendix-text {
  text-align: right;
  font-size: 16px;
  margin-bottom: 40px;
}