.global-header {
    background-color: #fff;
    box-sizing: border-box;
    height: 72px;
    padding: 15px 0 0 32px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11;
    transition: 0.5s;
}

.scrolled .global-navi__sub {
  display: none !important;
}

.scrolled .global-navi__main {
  top: 22px !important;
}

.scrolled .header-btn {
  top: 12px !important;
}

.scrolled .global-header {
  height: 64px;
  padding: 12px 0 0 32px;
}

.scrolled .global-navi__main__wrapper {
  top: 64px !important;
}

.body-container-wrapper {
  padding: 72px 0 0 0;
}

@media screen and (max-width: 1279px) {
    .global-header {
        box-sizing:border-box;
        height: 64px;
        padding: 12px 0 0 32px;
        position: relative;
        position: fixed;
        width: 100%;
        z-index: 11;
    }

    .global-navi {
        border: solid #00a0ea;
        border-width: 1px 0 0;
        left: 0;
        position: fixed;
        top: 64px;
        width: 100%
    }
  .body-container-wrapper {
    padding: 64px 0 0 0;
  }
}

@media screen and (max-width: 999px) {
    .global-header {
        box-sizing:border-box;
        height: 64px;
        padding: 12px 0 0 20px;
    }
}

.breadcrumbs {
    display: flex;
    font-size: .7rem;
    margin: 34px auto 0;
    max-width: 1380px;
    overflow-x: auto;
    padding: 12px 3rem;
    white-space: nowrap
}

@media screen and (max-width: 1279px) {
    .breadcrumbs {
        margin:0
    }

    .global-navi {
        height: 100%;
        opacity: 0;
        overflow-y: auto;
        transition: .5s;
        z-index: -1;
        -webkit-overflow-scrolling: touch;
        position: relative;
        display: none;
    }

    .global-navi.open {
        opacity: 1;
        position: fixed;
        z-index: 2;
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        padding:12px 1.5rem;
    }
}

.breadcrumbs a {
    background-image: url(https://47208286.fs1.hubspotusercontent-na1.net/hubfs/47208286/ico_angle_right.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    color: #00a0ea;
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 0 10px 0 0;
    transition: .5s
}

.breadcrumbs a:hover {
    opacity: .75
}

.hamburger-menu {
    display: none
}

@media screen and (max-width: 1279px) {
    .hamburger-menu {
        cursor:pointer;
        display: flex;
        flex-direction: column;
        height: 18px;
        justify-content: space-between;
        position: absolute;
        right: 24px;
        top: 23px;
        width: 24px
    }

    .hamburger-menu span {
        background-color: #00a0ea;
        display: block;
        height: 2px;
        position: relative;
        transition: .5s;
        width: 100%
    }

    .hamburger-menu.active span:first-child {
        top: -2px;
        transform: translateY(12px) rotate(45deg)
    }

    .hamburger-menu.active span:nth-child(2) {
        opacity: 0
    }

    .hamburger-menu.active span:nth-child(3) {
        top: 6px;
        transform: translateY(-12px) rotate(-45deg)
    }
}

.btn-download {
    align-items: center;
    background: linear-gradient(180deg,#fff,#ebebeb);
    border-radius: 34px;
    box-shadow: 0 0 20px 0 rgba(21,55,102,.07);
    color: #020202;
    display: flex;
    font-size: .8rem;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    position: relative;
    transition: .5s;
    width: 100%
}

.btn-download:hover {
    box-shadow: 0 0 20px 0 rgba(21,55,102,.16);
    color: #00a0ea;
    font-weight: 700
}

.btn-contact {
    align-items: center;
    background: linear-gradient(90deg,#00a0ea,#4a87e8);
    color: #fff !important;
    display: flex;
    font-size: .8rem;
    font-weight: bold !important;
    height: 40px;
    justify-content: center;
    position: relative
}

.btn-contact:hover,
.btn-contact:focused,
.btn-contact:visited {
  color: #fff !important;
}

.btn-contact,.btn-contact:after {
    border-radius: 34px;
    transition: .5s;
    width: 100%
}

.btn-contact:after {
    background: linear-gradient(90deg,#0082e0,#3067de);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.btn-contact:hover {
    color: #fff;
    font-weight: 700
}

.btn-contact:hover:after {
    opacity: 1
}

.btn-contact span {
    position: relative;
    z-index: 2
}

.page-article {
    max-width: calc(100% - 310px + 3rem);
    padding: 16px 0 80px 0;
}

@media screen and (max-width: 1279px) {
    .page-article {
        max-width:calc(100% - 210px);
        padding: 16px 0 80px 0;
    }
}

@media screen and (max-width: 999px) {
    .page-article {
        max-width:100%
    }
}

.page-aside {
    position: sticky;
    top: 80px;
    width: 290px;
    margin: 0 0 80px 0;
}

.service .page-aside {
    margin: 80px 0;
}

@media screen and (max-width: 1279px) {
    .page-aside {
        top:80px
    }
}

@media screen and (max-width: 999px) {
    .page-aside {
        position:relative;
        top: 40px;
        width: 100%
    }

    .service .page-aside {
        display: none
    }
}

.content-wrapper.website-page {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.content-wrapper.website-page[data-column="2"] {
    padding: 0 3rem 0 0
}

@media screen and (max-width: 999px) {
    .content-wrapper.website-page {
        flex-direction:column;
        padding-left: 0;
        padding-right: 0
    }

    .content-wrapper.website-page[data-column="2"] {
        padding-right: 0
    }
}

.content-wrapper.website-page .page-article {
    line-height: 1.8
}

.content-wrapper.website-page .page-article h2 {
    border: solid #e6e6e6;
    border-width: 0 0 1px;
    margin: 80px 0 30px;
    padding: 0 0 8px
}

.content-wrapper.website-page .page-article h3 {
    border: solid #00a0ea;
    border-width: 0 0 0 10px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 36px 0 20px;
    padding: 0 0 0 20px
}

.content-wrapper.website-page .page-article .blog-card-item__title h3 {
    border-width: 0;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

.report-top .blog-card-item__title {
    height: auto;
}

.content-wrapper.website-page .page-article h4 {
    font-weight: 700;
    line-height: 1.4;
    margin: 24px 0 16px;
    padding: 0 0 0 20px;
    position: relative
}

.content-wrapper.website-page .page-article h4:after {
    background-color: #00a0ea;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: .8rem;
    width: 12px
}

.content-wrapper.website-page .page-article ul {
    margin: 0 0 1rem;
    padding: 0
}

.content-wrapper.website-page .page-article ul li {
    list-style: none;
    margin: 0 0 .5rem;
    padding: 0 0 0 1.2rem;
    position: relative
}

.content-wrapper.website-page .page-article ul li:after {
    background-color: #004bb1;
    border-radius: 6px;
    content: "";
    display: block;
    height: 12px;
    left: 0;
    position: absolute;
    top: .5rem;
    width: 12px
}

.content-wrapper.website-page .page-article p small {
    color: #707070;
    display: inline-block;
    line-height: 1.6
}

@media screen and (max-width: 999px) {
    .content-wrapper.website-page .page-article h2 {
        font-size: 1.6rem;
        margin: 40px 0 20px
    }
}

.content-wrapper.website-page .page-article table {
    border-color: #cecece;
    border-style: solid;
    border-width: 1px 1px 0 0;
    width: 100%
}

.content-wrapper.website-page .page-article table th {
    background-color: #f4f4f4;
    border: 0 solid #cecece;
    border-width: 0 0 1px 1px;
    margin: 0;
    padding: 20px;
    position: relative;
    vertical-align: middle
}

.content-wrapper.website-page .page-article table td {
    border-color: #cecece;
    border-style: solid;
    border-width: 0 0 1px 1px;
    margin: 0;
    padding: 20px
}

@media screen and (max-width: 999px) {
    .content-wrapper.website-page .page-article {
        padding-bottom:0
    }
}

.blog-outline {
    border: 1px solid #004bb1
}

.blog-outline__title {
    background-color: #004bb1;
    color: #fff;
    font-family: Oswald;
    font-size: 1.375rem;
    padding: 12px 0;
    text-align: center
}

.blog-outline__body {
    padding: 20px 18px 30px
}

.blog-outline__list {
    margin: 0 0 32px;
    padding: 0
}

.blog-outline__list:last-child {
  margin-bottom: 0;
}

.blog-outline__list li {
    font-size: .875rem;
    list-style: none;
    margin: 0 0 14px;
    padding: 0 0 0 12px;
    position: relative
}

.blog-outline__list li a {
    color: #4a4a4a;
    display: inline-block;
    transition: .5s;
    font-weight: 700
}

.blog-outline__list li a.active,.blog-outline__list li a:hover {
/*    color: #004bb1; */
    color: #00A0EA;  
    font-weight: 700
}

.blog-outline__list li:last-child {
    margin: 0
}

.blog-outline__list li:after {
    content: "-";
    left: 0;
    position: absolute;
    top: 0
}

@media screen and (max-width: 999px) {
    .blog-outline {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .footer {
        margin-bottom: 64px;
    }
}

.bg-footer {
    background: url(https://47208286.fs1.hubspotusercontent-na1.net/hubfs/47208286/bg_footer.jpg);
    background-size: cover
}

@media screen and (max-width: 999px) {
    .bg-footer {
        background-position:  37% 50%;
    }
}

.footer a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.footer .footer-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1380px;
    padding-left: 3rem;
    padding-right: 3rem
}

@media screen and (max-width: 767px) {
    .footer .footer-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }
}


.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,.footer img,.footer label,.footer li,.footer p,.footer span {
    color: #fff
}

.pc {
    display: block
}

@media screen and (max-width: 767px) {
    .pc {
        display:none
    }
}

.sp {
    display: none
}

@media screen and (max-width: 767px) {
    .sp {
        display:block
    }
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
  margin-left: 0 !important;
}

fieldset.form-columns-1 .hs-input:not([type="checkbox"]):not([type="radio"])  {
  width: 100% !important;
}