@font-face {
    font-family: hsg-icons;
    src: url(../fonts/hsg-icons.eot);
    src: url(../fonts/hsg-icons.eot) format("eot"), url(../fonts/hsg-icons.woff2) format("woff2"), url(../fonts/hsg-icons.woff) format("woff"), url(../fonts/hsg-icons.ttf) format("truetype"), url(../fonts/hsg-icons.svg#hsg-icons) format("svg")
}

.hsg-icon:before {
    font-family: hsg-icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.hsg-icon-ads-icon:before {
    content: ""
}

.hsg-icon-analytics-icon:before {
    content: ""
}

.hsg-icon-arrow-down-line:before {
    content: ""
}

.hsg-icon-arrow-down:before {
    content: ""
}

.hsg-icon-arrow-right:before {
    content: ""
}

.hsg-icon-arrow-zigzag:before {
    content: ""
}

.hsg-icon-blogging-icon:before {
    content: ""
}

.hsg-icon-calling-icon:before {
    content: ""
}

.hsg-icon-circleGradient1:before {
    content: ""
}

.hsg-icon-circleLight1:before {
    content: ""
}

.hsg-icon-circleLight2:before {
    content: ""
}

.hsg-icon-close:before {
    content: ""
}

.hsg-icon-community:before {
    content: ""
}

.hsg-icon-cta-icon:before {
    content: ""
}

.hsg-icon-documentation:before {
    content: ""
}

.hsg-icon-documents-icon:before {
    content: ""
}

.hsg-icon-downvote-outline:before {
    content: ""
}

.hsg-icon-downvote:before {
    content: ""
}

.hsg-icon-email-scheduling-icon:before {
    content: ""
}

.hsg-icon-email-sequences-icon:before {
    content: ""
}

.hsg-icon-email-template-icon:before {
    content: ""
}

.hsg-icon-email-tracking-icon:before {
    content: ""
}

.hsg-icon-email:before {
    content: ""
}

.hsg-icon-facebook-messenger:before {
    content: ""
}

.hsg-icon-facebook:before {
    content: ""
}

.hsg-icon-flickr:before {
    content: ""
}

.hsg-icon-github:before {
    content: ""
}

.hsg-icon-globe-americas:before {
    content: ""
}

.hsg-icon-google-plus:before {
    content: ""
}

.hsg-icon-headset:before {
    content: ""
}

.hsg-icon-inbound-org:before {
    content: ""
}

.hsg-icon-inbox-profiles-icon:before {
    content: ""
}

.hsg-icon-instagram:before {
    content: ""
}

.hsg-icon-landing-page-icon:before {
    content: ""
}

.hsg-icon-lead-management-icon:before {
    content: ""
}

.hsg-icon-linkedin:before {
    content: ""
}

.hsg-icon-marketing-automation-icon:before {
    content: ""
}

.hsg-icon-medium:before {
    content: ""
}

.hsg-icon-meetings-icon:before {
    content: ""
}

.hsg-icon-minus:before {
    content: ""
}

.hsg-icon-orange-checkmark:before {
    content: ""
}

.hsg-icon-phone:before {
    content: ""
}

.hsg-icon-pinterest:before {
    content: ""
}

.hsg-icon-play:before {
    content: ""
}

.hsg-icon-prospects-icon:before {
    content: ""
}

.hsg-icon-salesforce-integration-icon:before {
    content: ""
}

.hsg-icon-search:before {
    content: ""
}

.hsg-icon-seo-icon:before {
    content: ""
}

.hsg-icon-slideshare:before {
    content: ""
}

.hsg-icon-social-media-icon:before {
    content: ""
}

.hsg-icon-soundcloud:before {
    content: ""
}

.hsg-icon-sprocket:before {
    content: ""
}

.hsg-icon-star:before {
    content: ""
}

.hsg-icon-tooltip:before {
    content: ""
}

.hsg-icon-twitter:before {
    content: ""
}

.hsg-icon-upvote-outline:before {
    content: ""
}

.hsg-icon-upvote:before {
    content: ""
}

.hsg-icon-website-icon:before {
    content: ""
}

.hsg-icon-youtube:before {
    content: ""
}

@font-face {
    font-display: swap;
    font-family: Lexend Deca;
    font-weight: 300;
    src: url(../fonts/lexenddeca-light.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Lexend Deca;
    font-weight: 400;
    src: url(../fonts/lexenddeca-light.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Lexend Deca;
    font-weight: 500;
    src: url(../fonts/lexenddeca-medium.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Lexend Deca;
    font-weight: 600;
    src: url(../fonts/lexenddeca-semibold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Queens Medium;
    font-weight: 500;
    src: url(../fonts/queens-medium.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Zen Kaku Gothic New;
    font-weight: 300;
    src: url(../fonts/zenkakugothicnew-regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Zen Kaku Gothic New;
    font-weight: 400;
    src: url(../fonts/zenkakugothicnew-regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Zen Kaku Gothic New;
    font-weight: 500;
    src: url(../fonts/zenkakugothicnew-medium.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Zen Kaku Gothic New;
    font-weight: 700;
    src: url(../fonts/zenkakugothicnew-bold.woff2) format("woff2")
}

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

html {
    line-height: 1.15;
    text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    height: auto;
    max-width: 100%
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    appearance: none
}

::-webkit-file-upload-button {
    appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

blockquote, figure, ol, ul {
    margin: 0
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

table td, table th, table tr {
    border: 0;
    margin: 0;
    padding: 0
}

@media (prefers-reduced-motion: reduce) {
    *, :after, :before {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: scroll !important;
        scroll-behavior: auto !important;
        transition-delay: 0ms !important;
        transition-duration: 1ms !important
    }
}

.visually-hidden:not(:focus,:active) {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}


a:focus-visible {
    outline: 2px solid var(--cl-color-focus-01, #0068b1);
    outline-offset: 2px
}

:root {
    --cl-text-font-weight: 300;
    --cl-anchor-font-weight: 500
}

p.-large {
    --cl-text-font-size: 1.125rem;
    --cl-text-line-height: 1.78
}

:root, p.-medium {
    --cl-text-font-size: 1rem;
    --cl-text-line-height: 1.75
}

p.-small {
    --cl-text-font-size: 0.875rem;
    --cl-text-line-height: 1.57
}

body, p {
    font-size: var(--cl-text-font-size, 1rem);
    font-weight: var(--cl-text-font-weight, 300);
    line-height: var(--cl-text-line-height, 1.75)
}

body {
    color: var(--cl-text-color, #213343);
    font-family: Lexend Deca, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[lang=ja] body {
    font-family: Zen Kaku Gothic New, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

h1.-display, h1.-secondary {
    font-family: Queens Medium, serif;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.28
}

h1.-display-small, h1.-secondary-small, h2.-display, h2.-secondary {
    font-family: Queens Medium, serif;
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 1.23
}

h3.-display {
    font-family: Queens Medium, serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.25
}

@media (min-width: 900px) {
    h1.-display, h1.-secondary {
        font-size: 3.75rem;
        font-weight: 500;
        line-height: 1.13
    }

    h1.-display-small, h1.-secondary-small, h2.-display, h2.-secondary {
        font-size: 3rem;
        font-weight: 500;
        line-height: 1.2
    }

    h3.-display {
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 1.2
    }
}

h1 {
    --cl-anchor-font-weight: inherit;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.28
}

@media (min-width: 900px) {
    h1 {
        font-size: 3rem;
        font-weight: 500;
        line-height: 1.25
    }
}

h1.-small {
    --cl-anchor-font-weight: inherit;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.38
}

@media (min-width: 900px) {
    h1.-small {
        font-size: 2.25rem;
        line-height: 1.28
    }
}

h2 {
    --cl-anchor-font-weight: inherit;
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.38
}

@media (min-width: 900px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: 1.5rem;
    line-height: 1.42
}

h3, h4 {
    font-weight: 500
}

h4 {
    font-size: 1.375rem;
    line-height: 1.45
}

h5 {
    --cl-anchor-font-weight: inherit;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.56
}

h6 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75
}

p.-microheading {
    --cl-anchor-font-weight: inherit;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.57
}

p.-microcopy {
    --cl-anchor-font-weight: 600;
    font-size: .75rem;
    line-height: 1.667
}

p.-microcopy, strong {
    font-weight: 500
}

em {
    font-style: italic
}

a, p > a {
    color:#333;
    text-decoration:none;
}

a:focus-visible, a:hover {
    color: var(--cl-anchor-hover-color, #005fa3)
}

a:active {
    color: var(--cl-anchor-pressed-color, #005896)
}

blockquote {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.78
}

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