/*! Theme Name: hicleo  */
 html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
}
/* Sections ========================================================================== */
/** * Remove the margin in all browsers. */
 body {
     margin: 0;
}
/** * Render the `main` element consistently in IE. */
 main {
     display: block;
}
/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
}
/* Grouping content ========================================================================== */
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
 pre {
     font-family: monospace, monospace;
     font-size: 1em;
}
/* Text-level semantics ========================================================================== */
/** * Remove the gray background on active links in IE 10. */
 a {
     background-color: transparent;
}
/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     text-decoration: underline dotted;
}
/** * Add the correct font weight in Chrome, Edge, and Safari. */
 b, strong {
     font-weight: bolder;
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
 code, kbd, samp {
     font-family: monospace, monospace;
     font-size: 1em;
}
/** * Add the correct font size in all browsers. */
 small {
     font-size: 80%;
}
/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sub {
     bottom: -0.25em;
}
 sup {
    top: -0.5em;
    font-family: 'Open Sans';
}
/* Embedded content ========================================================================== */
/** * Remove the border on images inside links in IE 10. */
 img {
     border-style: none;
}
/* Forms ========================================================================== */
/** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */
 button, input, optgroup, select, textarea {
     font-family: inherit;
     font-size: 100%;
     line-height: 1.15;
     margin: 0;
}
/** * Show the overflow in IE. * 1. Show the overflow in Edge. */
 button, input {
     overflow: visible;
}
/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
 button, select {
     text-transform: none;
}
/** * Correct the inability to style clickable types in iOS and Safari. */
 button, [type="button"], [type="reset"], [type="submit"] {
     -webkit-appearance: button;
}
/** * Remove the inner border and padding in Firefox. */
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
}
/** * Restore the focus styles unset by the previous rule. */
 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText;
}
/** * Correct the padding in Firefox. */
 fieldset {
     padding: 0.35em 0.75em 0.625em;
}
/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */
 legend {
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal;
}
/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
 progress {
     vertical-align: baseline;
}
/** * Remove the default vertical scrollbar in IE 10+. */
 textarea {
     overflow: auto;
}
/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */
 [type="checkbox"], [type="radio"] {
     box-sizing: border-box;
     padding: 0;
}
/** * Correct the cursor style of increment and decrement buttons in Chrome. */
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
     height: auto;
}
/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
 [type="search"] {
     -webkit-appearance: textfield;
     outline-offset: -2px;
}
/** * Remove the inner padding in Chrome and Safari on macOS. */
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit;
}
/* Interactive ========================================================================== */
/* * Add the correct display in Edge, IE 10+, and Firefox. */
 details {
     display: block;
}
/* * Add the correct display in all browsers. */
 summary {
     display: list-item;
}
/* Misc ========================================================================== */
/** * Add the correct display in IE 10+. */
 template {
     display: none;
}
/** * Add the correct display in IE 10. */
 [hidden] {
     display: none;
}
/* Box sizing --------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
 *, *::before, *::after {
     box-sizing: inherit;
}
 html {
     box-sizing: border-box;
}
/*-------------------------------------------------------------- # Base --------------------------------------------------------------*/
/* Typography --------------------------------------------- */
 body, button, input, select, optgroup, textarea {
     color: #404040;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     font-size: 1rem;
     line-height: 1.5;
}
 h1, h2, h3, h4, h5, h6 {
     clear: both;
}
 p {
     margin-bottom: 1.5em;
}
 dfn, cite, em, i {
     font-style: italic;
}
 blockquote {
     margin: 0 1.5em;
}
 address {
     margin: 0 0 1.5em;
}
 pre {
     background: #eee;
     font-family: "Courier 10 Pitch", courier, monospace;
     line-height: 1.6;
     margin-bottom: 1.6em;
     max-width: 100%;
     overflow: auto;
     padding: 1.6em;
}
 code, kbd, tt, var {
     font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
 abbr, acronym {
     border-bottom: 1px dotted #666;
     cursor: help;
}
 mark, ins {
     background: #fff9c0;
     text-decoration: none;
}
 big {
     font-size: 125%;
}
/* Elements --------------------------------------------- */
 body {
     background: #fff;
}
 hr {
     background-color: #ccc;
     border: 0;
     height: 1px;
     margin-bottom: 1.5em;
}
 ul, ol {
     margin: 0 0 1.5em 3em;
}
 ul {
     list-style: disc;
}
 ol {
     list-style: decimal;
}
 li > ul, li > ol {
     margin-bottom: 0;
     margin-left: 1.5em;
}
 dt {
     font-weight: 700;
}
 dd {
     margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
 embed, iframe, object {
     max-width: 100%;
}
 img {
     height: auto;
     max-width: 100%;
}
 figure {
     margin: 1em 0;
}
 table {
     margin: 0 0 1.5em;
     width: 100%;
}
/* Links --------------------------------------------- */
 a {
     color: #4169e1;
}
 a:hover, a:focus, a:active {
     color: #191970;
}
 a:focus {
     outline: thin dotted;
}
 a:hover, a:active {
     outline: 0;
}
/* Forms --------------------------------------------- */
 button, input[type="button"], input[type="reset"], input[type="submit"] {
     border: 1px solid;
     border-color: #ccc #ccc #bbb;
     border-radius: 3px;
     background: #e6e6e6;
     color: rgba(0, 0, 0, 0.8);
     line-height: 1;
     padding: 0.6em 1em 0.4em;
}
 button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
     border-color: #ccc #bbb #aaa;
}
 button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
     border-color: #aaa #bbb #bbb;
}
 input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
     color: #666;
     border: 1px solid #ccc;
     border-radius: 3px;
     padding: 3px;
}
 input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
     color: #111;
}
 select {
     border: 1px solid #ccc;
}
 textarea {
     width: 100%;
}
/*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/
/*-------------------------------------------------------------- # Components --------------------------------------------------------------*/
/* Navigation --------------------------------------------- */
 .main-navigation {
     display: block;
     width: 100%;
}
 .main-navigation ul {
     display: none;
     list-style: none;
     margin: 0;
     padding-left: 0;
}
 .main-navigation ul ul {
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
     float: left;
     position: absolute;
     top: 100%;
     left: -999em;
     z-index: 99999;
}
 .main-navigation ul ul ul {
     left: -999em;
     top: 0;
}
 .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
     display: block;
     left: auto;
}
 .main-navigation ul ul a {
     width: 200px;
}
 .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
     left: auto;
}
 .main-navigation li {
     position: relative;
}
 .main-navigation a {
     display: block;
     text-decoration: none;
}
/* Small menu. */
 .menu-toggle, .main-navigation.toggled ul {
     display: block;
}
 @media screen and (min-width: 1025px) {
     .menu-toggle {
         display: none;
    }
     .main-navigation ul {
         display: flex;
    }
}
 .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
     margin: 0 0 1.5em;
}
 .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
     display: flex;
}
 .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
     flex: 1 0 50%;
}
 .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
     text-align: end;
     flex: 1 0 50%;
}
/* Posts and pages --------------------------------------------- */
 .sticky {
     display: block;
}
 .post, .page {
     margin: 0 0 1.5em;
}
 .updated:not(.published) {
     display: none;
}
 .page-content, .entry-content, .entry-summary {
     margin: 1.5em 0 0;
}
 .page-links {
     clear: both;
     margin: 0 0 1.5em;
}
/* Comments --------------------------------------------- */
 .comment-content a {
     word-wrap: break-word;
}
 .bypostauthor {
     display: block;
}
/* Widgets --------------------------------------------- */
 .widget {
     margin: 0 0 1.5em;
}
 .widget select {
     max-width: 100%;
}
/* Media --------------------------------------------- */
 .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
     border: none;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
}
/* Make sure logo link wraps around logo image. */
 .custom-logo-link {
     display: inline-block;
}
/* Captions --------------------------------------------- */
 .wp-caption {
     margin-bottom: 1.5em;
     max-width: 100%;
}
 .wp-caption img[class*="wp-image-"] {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .wp-caption .wp-caption-text {
     margin: 0.8075em 0;
}
 .wp-caption-text {
     text-align: center;
}
/* Galleries --------------------------------------------- */
 .gallery {
     margin-bottom: 1.5em;
     display: grid;
     grid-gap: 1.5em;
}
 .gallery-item {
     display: inline-block;
     text-align: center;
     width: 100%;
}
 .gallery-columns-2 {
     grid-template-columns: repeat(2, 1fr);
}
 .gallery-columns-3 {
     grid-template-columns: repeat(3, 1fr);
}
 .gallery-columns-4 {
     grid-template-columns: repeat(4, 1fr);
}
 .gallery-columns-5 {
     grid-template-columns: repeat(5, 1fr);
}
 .gallery-columns-6 {
     grid-template-columns: repeat(6, 1fr);
}
 .gallery-columns-7 {
     grid-template-columns: repeat(7, 1fr);
}
 .gallery-columns-8 {
     grid-template-columns: repeat(8, 1fr);
}
 .gallery-columns-9 {
     grid-template-columns: repeat(9, 1fr);
}
 .gallery-caption {
     display: block;
}
/*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/
/* Jetpack infinite scroll --------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
 .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
     display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
 .infinity-end.neverending .site-footer {
     display: block;
}
/*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/
/* Accessibility --------------------------------------------- */
/* Text meant only for screen readers. */
 .screen-reader-text {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute !important;
     width: 1px;
     word-wrap: normal !important;
}
 .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     clip-path: none;
     color: #21759b;
     display: block;
     font-size: 0.875rem;
     font-weight: 700;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000;
}
/* Do not show the outline on the skip link target. */
 #primary[tabindex="-1"]:focus {
     outline: 0;
}
/* Alignments --------------------------------------------- */
 .alignleft {
    /*rtl:ignore*/
     float: left;
    /*rtl:ignore*/
     margin-right: 1.5em;
     margin-bottom: 1.5em;
}
 .alignright {
    /*rtl:ignore*/
     float: right;
    /*rtl:ignore*/
     margin-left: 1.5em;
     margin-bottom: 1.5em;
}
 .aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 1.5em;
}

.site-info,
.site-info a {
    font-family: 'Open Sans';
}

body.page h1 {
    font-size: 48px;
    line-height: 62px;
    font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
}
body.page h5.name {
    font-weight: 1000!important;
}
body.page h2 {
    font-weight: 500!important;
}

.section1 .section1-block-text span {
    font-family: 'Open Sans';
}
#footer-menu li a {
    font-family: 'Open Sans';
    pointer-events: none;
}
#footer-menu li ul li a {
    pointer-events: auto;
}
a.section-button:hover {
    text-decoration: none;
}
.main-navigation ul#primary-menu .button-menu a:hover {
    text-decoration: none!important;
}
.section5 .tab-color {
    border-radius: 5px;
}
a.testimonials-link {
    text-decoration: none!important;
}
a.testimonials-link:hover {
    text-decoration: underline!important;
}
.section5 .active .tab-title, 
.section5 .tab-title.active {
    font-weight: 400!important;
}
.section5 .section5-title {
    padding: 0 0px!important;
}
.section2 .section2-title {
    max-width: 900px!important;
}
p.testimonials-text {
    padding-top: 25px;
}

/* Fonts */
 @font-face {
    font-family: "Noto Serif JP";
    src: url("../fonts/noto/NotoSerifJP-Regular.otf") format("truetype");
    font-weight: 600;
    font-style: normal;
}
 @font-face {
    font-family: "Noto Serif JP";
    src: url("../fonts/noto/NotoSerifJP-SemiBold.otf") format("truetype");

    font-style: normal;
}
 @font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}
 @font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

/* CHANGES */

.page-id-1401.page h1, .page-id-283 .how_backgro .careers-1 h4, .page-id-283 .how_backgro .careers-2 .a h2, .press_content_box h1,
.careers-2 .b h2, .careers-2 .c h2, .careers-2 .d h2 {
	color: #34194e!important;
}
.page-id-1401.page p, .page-id-283.page h1, .page-id-283 .how_backgro .careers-2 .a p, .careers-1 .careers_text p,
.section-lead h2, .careers-3 .benefit-slide p, .page-template-career .section-7 .accordion .card .card-header .btn,
.page-template-career .section-7 .accordion .card .card-header .btn:hover, .page-template-career .section-7 .accordion .card .card-body,
.press_content_box p, .press_slider_block .press_slider .press_slide_content, .latest_news_block .border_titlebar h2,
.latest_news_block .latest_news_row .card h4 a, .inthepress_block .inthepress_row .card .sub_title,
.press_post_block .press_post_row .press_post_content h4 a, .press_post_block .press_post_row .press_post_content h5,
.inthepress_block .inthepress_row .card p, .activate-2 h2, .activate-2 .faq .q span, .careers-2 .b p, .careers-2 .c p, .careers-2 .d p,
.benefit-slide strong {
	color: #0e1319!important;
}
.inthepress_block .inthepress_row .card p {
	line-height: 140%!important;
}
.page-id-1401.page .plant, .page-id-283 .how_backgro .careers-1::before{
	display: none!important;
}
.page-id-1401.page .footnote p a, .page-template-career .section-7 .accordion .card .card-header .btn.collapsed:before, 
.page-template-career .section-7 .accordion .card .card-header .btn:before, .press_content_box a {
	color: #066573!important;
}
.quote_ico {
	color:  #64456E!important;
}
.press_slider_block .press_slider .press_slide_content a, .inthepress_block .inthepress_row .card .read-more {
	color: #066573!important;
	text-transform: uppercase!important;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
}
.press_post_block .press_post_row .press_post_logo {
	background-color: #fff;
}

main.activate_main, main.careers_main, .newsroom_main .circle-bg, .newsroom_main .circle-bg2 {
	background-image: none!important;
}
.careers-3 {
	background-color: #fdf8f8!important;
}
.page-template-career .bg-flamingo-2 {
	background-color: #fff!important;
}
.page-template-career .section-7 .accordion .card {
	border-bottom: 2px solid #f5f5f5!important;
}
.careers-1 .btn, .careers-3 .button-container .btn, #view_latest_news {
  margin-bottom: 3rem!important;
  width: auto!important;
  padding: 19px 45px!important;
  font-family: 'Open Sans'!important;
  background: #34194E!important;
  text-decoration: none!important;
  text-transform: uppercase!important;
  display: inline-block!important;
  font-size: 16px!important;
  line-height: 16px!important;
  border: 1px solid #34194E!important;
  transition: all 0.5s ease-in-out!important;
  border-radius: 4px!important;
}
#view_latest_news {
	color: #fff!important;
}
.careers-1 .btn:hover, .careers-3 .button-container .btn:hover,#view_latest_news:hover {
	border: 1px solid #34194E!important;
	color: #34194E!important;
	background: #fff!important;
	transition: all 0.5s ease-in-out!important;
}

.press_slider_block .press_slider .press_slide_image .img_label {
	background-color: #34194e;
}

.press_content_box {
	background-color: #F6EFE6;
}
.border_titlebar h2 {
	width: fit-content;
}
.latest_news_block .border_titlebar h2::before {
  	border-bottom-color: #D5A6A6;
	width: auto!important;
}
.latest_news_block .latest_news_row .card .postdate {
	color: #5B6269;
}
.latest_news_block .latest_news_row .card {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.inthepress_block .inthepress_row .card {
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.press_post_block .press_post_row .press_post_content h4 a {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 18px;
	line-height: 140%;
	margin-bottom: 18px;
}
.latest_news_block .latest_news_row .card h4 a:hover, .press_post_block .press_post_row .press_post_content h4 a:hover,
.latest_news_block .latest_news_row .card h4 a:focus, .press_post_block .press_post_row .press_post_content h4 a:focus {
	color: #066573;
}
.latest_news_block {
	display: none;
}
.border_titlebar h2:before {
	border-bottom-color: #dbbcb5;
	width: 100%!important;
}
.press_post_block .press_post_row .press_post_content h5 {
	font-size: 21px;
}

@media screen and (max-width: 768px) {
	.careers-1 h1 {
	  width: 100%;
	}
	.section-lead h2 {
	  font-size: 48px!important;
	}
	.page-template-career .section-7 .accordion .card .card-header .btn {
		padding-right: 50px;
	}
	.page-template-career .section-7 .accordion .card .card-header .btn.collapsed::before,
	.page-template-career .section-7 .accordion .card .card-header .btn::before {
		right: 0;
		position: absolute;
	}
	.press_post_block .press_post_row .press_post_content h4 a {
		font-size: 16px;
	}
	.press_post_block .press_post_row .press_post_content h5 {
		font-size: 18px;
	}
}

@media screen and (max-width: 450px) {
	.quote_ico {
		margin-bottom: 10px;
	}
	.press_post_block .press_post_row .press_post_content h5 {
		margin-top: 20px;
	}
}

/* Homepage */
 .home__container .content {
     position: relative;
     height: 100%;
     max-width: 1440px;
     margin: 0 auto;
}
 .section1 {
     height: 700px;
}
 .home__container .section1 .block {
     position: absolute;
     max-width: 350px;
     left: 120px;
     top: 0px;
}
 .section1 .section1-title {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 45px;
     line-height: 63px;
     color: #34194E;
     margin-top: 0;
}
 .section1 .section1-desc {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     line-height: 28px;
     color: #0E1319;
     margin-bottom: 30px;
}
 .section-button {
     padding: 19px 45px;
     letter-spacing: 1;
     font-family: 'Open Sans';
     background: #34194E;
     color: #fff;
     text-decoration: none;
     line-height: 1;
     text-transform: uppercase;
     display: inline-block;
     font-size: 16px;
     line-height: 16px;
     border: 1px solid #34194E;
     transition: all 0.5s ease-in-out;
     border-radius: 4px;
}
 .section-button:hover {
     border: 1px solid #34194E;
     color: #34194E;
     background: #fff;
     transition: all 0.5s ease-in-out;
}
 .section1 .image-container {
     position: absolute;
     right: 20px;
     width: 880px;
}
 .section1 .image-container * {
     display: none;
}
 .section1 .image-container.slide1 * {
     display: block;
}
 .section1 .image-container .background-image {
     clip-path: circle(56% at 50% 72%);
     height: 100%;
     width: 100%;
     max-height: 615px;
     object-fit: cover;
}
 .section1 .image-container .shape-left {
     position: absolute;
     top: 130px;
     left: 0;
}
 .section1 .image-container .shape-rb {
     position: absolute;
     top: 55px;
     right: 20px;
}
 .section1 .image-container .shape-rt {
     position: absolute;
     top: -10px;
     right: 125px;
     max-width: 220px;
     max-height: 220px;
     object-fit: cover;
}
 .section1 .image-container.slide2 .shape-rt {
     top: 15px;
     right: 120px;
}
 .section1 .image-container.slide3 .shape-rt {
     top: 0px;
     right: 120px;
}
 .section1 .image-container.slide4 .shape-rt, .section1 .image-container.slide5 .shape-rt {
     top: 10px;
     right: 85px;
}
 .section1 .block-logos {
     position: absolute;
     width: 1200px;
     left: 50%;
     bottom: -110px;
     background: #FFFFFF;
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
     transform: translateX(-50%);
     z-index: 1;
}
 .section1 .mobile-image {
     position: absolute;
     right: -95px;
     bottom: -145px;
	 max-width: 300px;
}
 .section1 .section1-block-text {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     color: #5B6269;
     padding: 45px 60px 0;
}
 .section1 .section1-block-text span {
     padding-bottom: 3px;
     border-bottom: 2px solid #EDE2EF;
}
 .section1 .block-container {
     display: flex;
     padding: 40px 45px 60px;
     flex-wrap: wrap;
     flex-direction: row;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: center;
}
 .section1 .block-container .block-item {
     text-align: center;
     width: 16%;
     display: none;
     padding: 0 10px;
}
 .section1 .block-container .block-item:nth-child(1), .section1 .block-container .block-item:nth-child(2), .section1 .block-container .block-item:nth-child(3), .section1 .block-container .block-item:nth-child(4), .section1 .block-container .block-item:nth-child(5) {
     display: block;
}
 .section2 {
     box-sizing: content-box;
     position: relative;
}
 .section2 .section2-title {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 44px;
     line-height: 62px;
     text-align: center;
     color: #0E1319;
     max-width: 755px;
     margin: 0 auto;
     padding: 278px 0;
}
 .section2 .video-container {
     position: absolute;
     width: 810px;
     bottom: -225px;
     left: 50%;
     transform: translateX(-50%);
}
 .section2 .video-iframe {
     width: 100%;
     min-height: 455px;
     border: none;
}
 .section2 .shape-lt {
     position: absolute;
     max-height: 234px;
     top: 155px;
     left: -165px;
     max-width: 174px;
}
 .section2 .shape-lb {
     position: absolute;
     max-height: 324px;
     bottom: -100px;
     left: -85px;
     max-width: 324px;
     z-index: -1;
}
 .section2 .shape-right {
     position: absolute;
     max-height: 234px;
     top: 155px;
     right: -115px;
     max-width: 174px;
     z-index: -1;
}
 .section3 {
     margin-top: 400px;
}
 .section3 .subcontainer {
     height: 720px;
}
 .section3 .block {
     position: absolute;
     width: 455px;
     left: 102px;
     top: 0;
}
 .section3 .section3-title {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     color: #5B6269;
}
 .section3-quote {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 44px;
     line-height: 140%;
     color: #34194E;
     margin-top: 0;
     margin-bottom: 20px;
}
 .section3 .section3-desc {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 300;
     font-size: 20px;
     line-height: 32px;
     color: #0E1319;
}
 .section3 .section3-button {
     border-radius: 4px;
     padding: 14px 28px;
     background: #34194E;
     color: #fff;
     text-decoration: none;
     line-height: 1;
     text-transform: uppercase;
     display: inline-block;
     font-size: 16px;
     line-height: 16px;
     border: 1px solid #34194E;
     transition: all 0.5s ease-in-out;
}
 .section3 .section3-button:hover {
     border: 1px solid #34194E;
     color: #34194E;
     background: #fff;
     transition: all 0.5s ease-in-out;
}
 .section3 .image-container {
     width: 958px;
     position: absolute;
     top: 0;
     right: 0;
     text-align: right;
}
 .section3 .background-image {
     width: 615px;
     height: 463px;
     object-fit: cover;
     margin-top: 110px;
}
 .section3 .shape-back {
     position: absolute;
     left: 0;
     z-index: -1;
     top: -80px;
}
 .section3 .shape-front {
     position: absolute;
     left: 160px;
     z-index: 1;
     bottom: -80px;
}
 .section3 .testimonials-title {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 44px;
     line-height: 140%;
     text-align: center;
     color: #0E1319;
     max-width: 80%;
	margin: 0 auto 50px;
}
 .section3 .testimonials-container {
     display: grid;
     grid-template-columns: 377px 377px 377px;
     grid-column-gap: 53px;
     justify-content: center;
     margin-bottom: 140px;
}
 .section3 .testimonials-image {
     width: 100%;
     height: 261px;
     object-fit: cover;
}
 .section3 .testimonials-text {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     line-height: 32px;
     color: #0E1319;
     margin-bottom: 24px;
}
 .section3 .testimonials-link {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     line-height: 32px;
     text-decoration-line: underline;
     color: #066573;
     text-transform: uppercase;
     display: inline-block;
}
 .section4 .subcontainer {
     max-width: 1170px;
     margin: 0 auto;
     padding-top: 85px;
}
 .section4 .section4-title {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 44px;
     line-height: 140%;
     text-align: center;
     color: #0E1319;
     padding: 0 110px;
}
 .section4 .guide-container {
     display: grid;
     grid-template-columns: 300px 300px 300px;
     grid-column-gap: 60px;
     justify-content: center;
}
 .section4 .guide-item .subcontainer {
     display: flex;
     vertical-align: top;
     margin-bottom: 65px;
}
 .section4 .guide-num {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 700;
     font-size: 22px;
     color: #FFFFFF;
     background: #34194E;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     text-align: center;
     line-height: 60px;
     margin: 0;
     flex-basis: 60px;
     padding: 0 25px;
}
 .section4 .guie-text {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 300;
     font-size: 22px;
     line-height: 24px;
     color: #0E1319;
     margin: 0;
     margin-left: 30px;
}
 .section4 .block-statistics {
     position: absolute;
     width: 1168px;
     left: 50%;
     background: #FFFFFF;
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
     transform: translateX(-50%);
     bottom: -145px;
     padding: 70px 150px;
}
 .section4 .block-statistics .section4-block-title {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 44px;
     line-height: 62px;
     text-align: center;
     color: #0E1319;
     margin: 0 0 68px;
}
 .section4 .statistics-container {
     display: grid;
     grid-template-columns: 200px 200px 200px;
     grid-column-gap: 140px;
}
 .section4 .statistics-number {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 68px;
     line-height: 140%;
     color: #34194E;
     margin: 0 0 6px;
}
 .section4 .statistics-desc {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     line-height: 24px;
     color: #2D3340;
     margin: 0;
}
 .section4 .button-align {
     margin-top: 100px;
     margin-bottom: 0;
     text-align: center;
}
 .section4 .section4-button {
     border-radius: 4px;
     padding: 14px 28px;
     background: #34194E;
     color: #fff;
     text-decoration: none;
     line-height: 1;
     text-transform: uppercase;
     display: inline-block;
     font-size: 16px;
     line-height: 16px;
     border: 1px solid #34194E;
     transition: all 0.5s ease-in-out;
}
 .section4 .section4-button:hover {
     border: 1px solid #34194E;
     color: #34194E;
     background: #fff;
     transition: all 0.5s ease-in-out;
}
 .section4 .content {
     padding-bottom: 300px;
}
 .section5 .content {
     max-width: 995px;
     margin-top: 250px;
     padding-bottom: 100px;
}
 .section5 .section5-title {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 44px;
     line-height: 140%;
     text-align: center;
     color: #0E1319;
     max-width: 700px;
     margin: 0 auto;
     margin-bottom: 63px;
     padding: 0 50px;
}
 .section5 .solution-container {
     display: grid;
     grid-template-columns: 290px 625px;
     grid-column-gap: 80px;
     justify-content: center;
}
 .section5 .left-side {
     position: relative;
     text-align: center;
}
 .section5 .solution-image {
     margin-top: 73px;
}
 .section5 .curve-color {
     width: 109px;
     height: 170px;
     -webkit-mask-image: url(/wp-content/uploads/2022/07/Vector1.png);
     mask: url(/wp-content/uploads/2022/07/Vector1.png);
     position: absolute;
     backface-visibility: hidden;
     opacity: 1;
     mask-size: cover;
	 -webkit-mask-size: cover;
}
 .section5 .curve-color.active {
     opacity: 1;
}
 .section5 .curve1 {
     top: 0px;
     left: 25px;
}
 .section5 .curve2 {
     right: 28px;
     left: unset;
     transform: rotate(120deg);
     top: -4px;
}
 .section5 .curve3 {
     transform: rotate(240deg);
     top: 112px;
     left: 92px;
}
 .section5 .subtitle {
     display: none;
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 28px;
     line-height: 36px;
     color: #0E1319;
     margin: 0 0 25px;
}
 .section5 .tab-item {
     margin-top: 22px;
     display: grid;
     align-items: center;
     grid-template-columns: 22px auto;
     grid-column-gap: 22px;
}
 .section5 .tab-color {
     width: 22px;
     height: 60px;
     margin-right: 25px;
     min-height: 100%;
}
 .section5 .tab-title {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 22px;
     line-height: 30px;
     color: #5B6269;
     margin:0;
     cursor: pointer;
}
 .section5 .active .tab-title, .section5 .tab-title.active {
     color: #0E1319;
	 font-weight: bold;
}
 .section5 .tab-text {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 22px;
     color: #5B6269;
     margin-top: 10px;
     margin-bottom: 0;
/*      display: none; */
}
 .section5 .section5-button {
     border-radius: 4px;
     padding: 14px 28px;
     background: #34194E;
     color: #fff;
     text-decoration: none;
     line-height: 1;
     text-transform: uppercase;
     display: inline-block;
     font-size: 16px;
     line-height: 16px;
     border: 1px solid #34194E;
     transition: all 0.5s ease-in-out;
}
 .section5 .section5-button:hover {
     border: 1px solid #34194E;
     color: #34194E;
     background: #fff;
     transition: all 0.5s ease-in-out;
}
 .section5 .button-align {
     margin-top: 65px;
     margin-bottom: 0;
     text-align: center;
}
 .section6 .content {
     padding-bottom: 120px;
}
 .section6 .section6-title {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 44px;
     line-height: 140%;
     text-align: center;
     color: #0E1319;
     margin: 0 0 60px;
     padding-top: 100px;
}
 .section6 .news-container {
     display: grid;
     grid-template-columns: 365px 365px 365px;
     grid-column-gap: 27px;
     justify-content: center;
}
 .section6 .new-item {
     background: #FFFFFF;
     box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
 .section6 .new-date {
	 height: 0;
	 visibility: hidden;
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 600;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: #ADB1B4;
     margin: 30px 0 10px;
     padding: 0 30px;
}
 .section6 .new-item a {
     text-decoration: none;
}
 .section6 .new-title {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 22px;
     line-height: 32px;
     color: #0E1319;
     padding: 0 30px;
     margin: 0 0 15px;
}
 .section6 .new-content {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     letter-spacing: 0.002em;
     color: #5B6269;
     padding: 0 30px 60px;
}
 .section7 .content {
     padding: 60px 0;
}
 .section7 .section7-title {
     font-family: 'Noto Serif JP';
     font-style: normal;
     font-weight: 600;
     font-size: 44px;
     line-height: 140%;
     text-align: center;
     color: #0E1319;
     max-width: 830px;
     margin: 0px auto 42px auto;
}
 .section7 .button-align {
     text-align: center;
}
 .section7 .section7-button {
     border-radius: 4px;
     padding: 14px 28px;
     background: #34194E;
     color: #fff;
     text-decoration: none;
     line-height: 1;
     text-transform: uppercase;
     display: inline-block;
     font-size: 16px;
     line-height: 16px;
     border: 1px solid #34194E;
     transition: all 0.5s ease-in-out;
}
 .section7 .section7-button:hover {
     border: 1px solid #34194E;
     color: #34194E;
     background: #fff;
     transition: all 0.5s ease-in-out;
}
/* Banner */
 .banner {
     text-align: center;
     display: none;
     position: relative;
}
 .banner-container {
     max-width: 1440px;
     margin: 0 auto;
}
 .banner .close {
     position: absolute;
     top: 50%;
     right: 50px;
     transform: translateY(-50%);
}
 .banner p {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 700;
     font-size: 14px;
     line-height: 22px;
     letter-spacing: 0.002em;
     color: #066573;
     padding: 17px 0;
     margin: 0;
}
 .banner p a {
     color: #066573;
}
 .banner p strong {
     margin-right: 15px;
}
/* Header */
 #masthead  {
     margin-top: 60px;
     margin-bottom: 35px;
}
#masthead.sticky {
  	padding-top: 25px;
  	padding-bottom: 20px;
  	min-height: 100px;
	margin: 0;
	position: fixed;
  	top: 0;
  	width: 100%;
	animation: smoothScroll 1s forwards;
}

#site-main.scrolled, .site-main.scrolled {
	margin-top: 155px;
}


 #masthead #menu-container {
     max-width: 1440px;
     margin: 0 auto;
     display: flex;
     align-items: center;
}
 .site-branding {
     margin-left: 100px;
	 margin-top: -22px;
}
 .main-navigation ul {
     justify-content: flex-end;
     align-items: center;
     margin-right: 50px;
}
body header nav.main-navigation li {
     position: relative;
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 11px!important;
     line-height: 15px;
     text-align: center;
     letter-spacing: 1px!important;
     text-transform: uppercase!important;
     color: #34194E;
     margin: 0 10px;
}

.main-navigation li a {
     color: #34194E;
}
 .first-item::before {
     content: 'FOR: ';
     position: absolute;
     left: -38px;
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 11px;
     line-height: 15px;
     text-align: center;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #5B6269;
     top: 0;
}
 .main-navigation .separation {
     margin: 0 40px 0 10px;
}
 .separation::after {
     content: '|';
     position: absolute;
     right: -30px;
     top: -2px;
     color: #ADB1B4;
     font-size: 20px;
}
.main-navigation .login-menu a {
	color: #066573;
}
 .main-navigation ul li:hover > ul, .menu-item-has-children.focus ul {
     flex-direction: column;
     padding: 20px;
     z-index: 9999;
     background: #fff;
}
 .main-navigation ul li:hover > ul li {
     text-align: left;
     margin-bottom: 15px;
     padding: 0;
}
 .main-navigation ul li:hover > ul li:last-of-type {
     margin-bottom: 0;
}
 .main-navigation ul ul a {
     width: auto;
}
 .main-navigation .button-menu {
     border-radius: 4px;
     background: #34194E;
     color: #fff;
     padding: 0;
     margin-left: 30px;
     border: 1px solid #34194E;
     transition: all 0.5s ease-in-out;
}
 .main-navigation .button-menu a {
     text-decoration: none;
     text-transform: uppercase;
     color: #fff;
     padding: 14px 28px;
}
 .main-navigation .button-menu:hover {
     background: #fff;
     transition: all 0.5s ease-in-out;
}
 .main-navigation .button-menu:hover a {
     color: #34194E;
}
 .main-navigation .menu-item-has-children {
     margin: 0 25px 0 10px;
}
 .main-navigation .menu-item-has-children::after {
     content: '';
     border: solid #34194E;
     border-width: 0 1px 1px 0;
     display: inline-block;
     padding: 3px;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     position: absolute;
     right: -10px;
     top: 4px;
}

@media screen and (min-width: 1024px) {
	.main-navigation ul li.menu-item-has-children:hover:after{
		 transform: rotate(45deg);
		 -webkit-transform: rotate(45deg);
	}
	#primary-menu {
		display: flex!important;
	}
}

 
/* Footer */
 .site-footer {
     background-color: #34194E!important;
}
 .footer-container {
     max-width: 1200px;
     margin: 0 auto;
     padding-top: 35px;
     display: grid;
     grid-template-columns: 212px auto 200px;
     grid-column-gap: 100px;
}
 .footer-button {
     border-radius: 4px;
     background: #FFFFFF;
     margin-top: 55px;
     padding: 0;
     text-align: center;
     text-transform: uppercase;
     border: 1px solid #fff;
     transition: all 0.5s ease-in-out;
}
 .footer-button a {
     padding: 14px 28px;
     color: #34194E;
     text-decoration: none;
     transition: all 0.5s ease-in-out;
     display: inline-block;
     font-size: 16px;
     line-height: 16px;
     font-family: 'Open Sans';
}
 .footer-button:hover {
     transition: all 0.5s ease-in-out;
     background: transparent;
}
 .footer-button:hover a {
     color: #fff;
     transition: all 0.5s ease-in-out;
}

/*Footer Newsletter Form*/

.footer-newsletter {
	margin-top: 16px;
}

.footer-newsletter form {
	width: 100% !important;
}

.footer-newsletter .mktoOffset,
.footer-newsletter .mktoGutter {
	display: none !important;
	width: 0 !important;
}

.footer-newsletter .mktoHtmlText span {
	font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 16px;
    display: inline-block;
    text-decoration: none;
    font-family: 'Open Sans' !important;
    letter-spacing: 0.13em;
    font-weight: 600;
}

.footer-newsletter .mktoFieldWrap {
	display: flex;
	flex-direction: column;
}

.footer-newsletter .mktoFieldWrap label {
	color: #FFFFFF;
	font-family: 'Open Sans' !important;
	letter-spacing: .2px;
	margin-bottom: 10px;
}

.footer-newsletter .mktoButtonWrap {
	margin-left: auto !important;
}

.footer-newsletter .mktoButtonWrap button {
	border: 1px solid #FFFFFF !important;
	border-radius: 4px !important;
    background: #FFFFFF !important;
	color: #34194E !important;
	text-transform: uppercase !important;
	transition: all 0.5s ease-in-out;
}

.footer-newsletter .mktoButtonWrap button:hover {
	color: #FFFFFF !important;
	background: #34194E !important;
}


 #footer-menu {
     padding-left: 0;
     margin-left: 0;
     grid-template-columns: 30% 30% 30%;
     display: grid;
     grid-column-gap: 3%;
     margin-top: 35px;
}
 #footer-menu li {
     list-style: none;
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
     line-height: 16px;
     letter-spacing: 0.13em;
}
 #footer-menu li a {
     text-transform: uppercase;
     color: #FFFFFF;
     margin-bottom: 31px;
     display: inline-block;
     text-decoration: none;
}
 #footer-menu li ul {
     padding-left: 0;
     margin-left: 0;
}
 #footer-menu li ul li {
     letter-spacing: normal;
}
 #footer-menu li ul li a {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 16px;
     color: #C8B0CF;
     text-transform: unset;
     margin-bottom: 16px;
}
 .social-media {
     display: grid;
     grid-template-columns: 20% 20% 20% 20%;
     grid-column-gap: 5%;
     justify-content: center;
     margin-bottom: 48px;
     margin-top: 20px;
}
 .social-media i {
     font-size: 20px;
     text-align: center;
     border: 1px solid #fff;
     border-radius: 50%;
     padding: 5px;
     color: #fff;
     width: 32px;
     transition: all 0.5s ease-in-out;
}
 .social-media i:hover {
     background: #fff;
     color: #34194E;
     transition: all 0.5s ease-in-out;
}
 .social-media a {
     color: #fff;
     text-decoration: none;
}
 .footer-apps a:first-of-type {
     display: inline-block;
     margin-bottom: 10px;
}
 .site-info {
     max-width: 1200px;
     margin: 0 auto;
     padding-bottom: 17px;
}
 .site-info p {
     margin: 0;
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 16px;
     color: #FFFFFF;
}
 .site-info p a {
     text-decoration: none;
     color: #FFFFFF;
     display: inline-block;
     margin-left: 15px;
     margin-right: 15px;
}
 .custom-logo {
     width: 112px;
     height: 45px;
	 object-fit: contain;
}
 .post, .page {
     margin-bottom: 0;
}
.image-slider img {
    width: auto;
}
.section3 img {
    width: auto;
}
.section5 img {
    width: auto;
    margin: auto;
}
.footer-logo img {
    width: auto;
}
/* ul#primary-menu li a:hover {
    text-decoration: underline!important;
} */
ul#primary-menu li.current-menu-item a {
	position: relative;
}
ul#primary-menu li.current-menu-item a:before, ul#primary-menu li:hover a:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -8px;
	border-bottom: 1.5px solid #34194E;
	width: 100%;
	height: 1px;
}
.main-navigation ul li:hover > ul li a:before, .button-menu a:hover:before {
	display: none;
}
.main-navigation ul li > ul li:hover a:before {
	display: block;
}

body.home {
    background-image: none!important;
}
header nav ul li ul:before {
    display: none!important;
}
.section3 .background-image {
    display: inline-block   ;
}
ul#slider-benefits li {
    list-style: none;
}
.page-id-418 ul li {
    list-style: none;
}
li {
    list-style: none;
}
.white-box h1 {
    font-size: 48px;
    line-height: 58px;
}
.footer-container {
    padding-bottom: 70px;
}
.menu-header-container, nav#site-navigation {
    transition: all .4s ease;
}

.page-template-for-employers .video-hero .vide_r .videoWrap {
    z-index: 2!important;
}

.careers-2 .c .c-extra {
	display: none;
}

/* MODULES */

sup {
	top: -1em!important; 
	font-size: .45em!important;
}

.new-interior-page {
	overflow: hidden;
}

.new-interior-page a {
	text-decoration: none;
}

.crosslink-one p a, .crosslink-grid p a, .promo-card div a, .testimonial-cta a, .hero-button a, .accordion-cta a {
	border: 1px solid #34194E;
	transition: all 0.5s ease-in-out;
}
.crosslink-one p a:hover, .crosslink-grid p a:hover, .promo-card div a:hover, .testimonial-cta a:hover, .hero-button a:hover, .accordion-cta a:hover {
	border: 1px solid #34194E;
	color: #34194E;
	background: #fff;
	transition: all 0.5s ease-in-out;
}

/* HERO 2 MODULE */

.module-hero2 {
	max-width: 1440px;
	margin: 0 auto;
	padding: 104px 0 64px;
	position: relative;
}

.hero-block2 {
	max-width: 521px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.hero-title2 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 45px;
	line-height: 120%;
	color: #34194E;
	margin: 0;
	margin-bottom: 30px;
	text-align: center;
}

.hero-body2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin: 0;
	text-align: center;
	padding: 0 47px;
}

.hero-background2 {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

@media screen and (max-width: 1440px) {
	.module-hero2 {
		max-width: 100vw;
	}
	.hero-block2 {
		max-width: 36.181vw;
	}
}
@media screen and (max-width: 768px) {
	.hero-block2 {
		max-width: 55.339vw;
	}
	.hero-title2 {
		font-size: 32px;
		line-height: 138%;
		margin-bottom: 14px;
	}
	.hero-body2 {
		padding: 0;
	}
}
@media screen and (max-width: 600px) {
	.module-hero2 {
	  	padding: 0;
	}
	.hero-block2 {
	  	max-width: 89.333vw;
	  	padding: 38px 0;
	}
	.hero-background2 {
	  	height: 80vw;
	  	position: relative;
	}
}

/* IMAGE DIVIDER MODULE */
.module-imagedivider img {
	padding-bottom: 60px;
	max-width: 540px;
	margin: 0 auto;
	object-fit: contain;
	object-position: center;
	width: auto;
}

@media screen and (max-width: 768px) {
	.module-imagedivider img {
		max-width: 211px;
	}
}

/* STATS MODULE */

.module-stats {
	padding: 110px 0;
}

body.page .stats-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	margin: 0 auto;
	margin-bottom: 50px;
	max-width: 900px;
}

.stats-grid {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 28% 28% 28%;
	grid-gap: 84px;
}

.stats-griditem {
	text-align: center;
}

.stats-grid img {
	max-width: 90px;
	margin: 0 auto;
	margin-bottom: 12px;
}

.stats-griditem h2 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 68px;
	line-height: 140%;
	color: #34194E;
	margin: 0;
	margin-bottom: 6px;
}

.stats-griditem p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin: 0;
}

.stats-griditem .stats-subhead {
	font-weight: 600;
	margin-bottom: 10px;
}

.stats-button {
	text-align: center;
	margin-top: 50px;
}

.stats-button a {
	padding: 19px 45px;
	letter-spacing: 1;
	font-family: 'Open Sans';
	background: #34194E;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	text-transform: uppercase;
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	border: 1px solid #34194E;
	transition: all 0.5s ease-in-out;
	border-radius: 4px;
}

.stats-button a:hover {
  	border: 1px solid #34194E;
  	color: #34194E;
  	background: #fff;
  	transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 1440px) {
	body.page .stats-title {
		max-width: 62.500vw;
	}
	.stats-grid {
		max-width: 81.818vw;
		grid-gap: 7.636vw;
	}
}

@media screen and (max-width: 1024px) {
	body.page .stats-title {
		font-size: 28px;
		line-height: 140%;
	}
}

@media screen and (max-width: 768px) {
	.module-stats {
		padding: 60px 0;
	}
	body.page .stats-title {
		font-size: 22px;
		line-height: 140%;
		max-width: 55.469vw;
	}
	.stats-grid {
		max-width: 84.115vw;
		grid-template-columns: 30.96% 30.96% 30.96%;
		grid-gap: 23px;
	}
	.stats-grid img {
		max-width: 96px;
	}
	.stats-griditem h2 {
		font-size: 44px;
		line-height: 100%;
		margin-bottom: 12px;
	}
	.stats-griditem p {
		font-size: 16px;
	}
}

@media screen and (max-width: 600px) {
	body.page .stats-title {
		font-size: 22px;
		line-height: 140%;
		max-width: 334px;
	}
	.stats-grid {
		max-width: 87.467vw;
		grid-template-columns: 100%;
		grid-gap: 40px;
	}
}

/* LOGO MODULE */

.logo-block {
	padding: 97px 0;
}

.logo-block h2 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	margin-bottom: 60px;
	margin-top: 10px;
}

.logo-container {
	width: 1095px;
	margin: 0 auto;
	padding: 50px 83px;
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.logo-container p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #5B6269;
	margin-bottom: 65px;
	margin-top: 0;
}

.logo-container p span {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
    padding-bottom: 3px;
    border-bottom: 2px solid #EDE2EF;
}

.logo-grid {
	display: grid;
	grid-template-columns: 16% 16% 16% 16% 16%;
	grid-gap: 40px;
	justify-content: center;
}

.logo-block.four-column .logo-grid {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-gap: 20px;
	justify-content: center;
}

.logo-block.five-column .logo-grid img {
	display: none;
}

.logo-block.five-column .logo-grid img:nth-child(-n+5){
  	display: block;
}

@media screen and (max-width: 1440px) {
	.logo-container, .logo-block h2 {
		width: 76.042vw;
		margin: 0 auto;
	}
	.logo-block h2 {
		margin-bottom: 40px;
	}
	.logo-grid {
	  grid-gap: 2.778vw;
	}
	.logo-block.four-column .logo-grid {
		grid-gap: 1.389vw;
	}
}

@media screen and (max-width: 1024px) {
	.logo-block h2 {
		font-size: 28px;
		line-height: 140%;
	}
}

@media screen and (max-width: 768px) {
	.logo-block.five-column .logo-grid img {
		display: block;
	}
	.logo-block {
	  padding: 60px 0;
	}
	
	.logo-block h2 {
		font-size: 22px;
		margin-bottom: 20px;
		margin-top: 0px;
	}

	.logo-container {
		width: 84.115vw;
		padding: 40px 55px;
	}

	.logo-container p {
		font-size: 12px;
		line-height: 200%;
		margin-bottom: 36px;
	}

	.logo-container p span {
		font-size: 12px;
		line-height: 200%;
	}

	.logo-grid {
		display: grid;
		grid-template-columns: 24% 24% 24%;
		grid-gap: 55px 9.635vw;
	}

	.logo-block.four-column .logo-grid {
		grid-gap: 24px;
	}
}

@media screen and (max-width: 600px) {
	.logo-block {
	  padding: 40px 0;
	}
	.logo-container {
		width: 100%;
		padding: 20px 32px;
	}
	.logo-grid {
		display: grid;
		grid-template-columns: 41% 41%;
		grid-gap: 20px 53px;
	}

	.logo-block.four-column .logo-grid {
		grid-template-columns: 41% 41%;
		grid-gap: 20px 53px;
	}
	.logo-container p {
		max-width: 83.200vw;
		margin: 0 auto;
		margin-bottom: 36px;
		text-align: center;
	}
}

/* CROSSLINK MODULE */

.crosslink-one {
	padding: 60px 0;
	max-width: 870px;
	margin: 0 auto;
}

.crosslink-one .crosslink-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	margin-top: 0;
	margin-bottom: 16px;
}

.crosslink-one .crosslink-body {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	text-align: center;
	color: #0E1319;
	margin-bottom: 42px;
	margin-top: 0;
}

.crosslink-one p {
	margin: 0 auto;
	text-align: center;
	margin-top: 42px;
}

.crosslink-one p a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 16px 30px;
	background: #34194E;
	border-radius: 4px;
	display: inline-block;
}

.crosslink-two {
	padding: 110px 0;
}

.crosslink-two .crosslink-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #000000;
	margin: 0 auto;
	margin-bottom: 58px;
	max-width: 1100px;
}

.crosslink-two .crosslink-body {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 156%;
  text-align: center;
  color: #0E1319;
  margin-bottom: 42px;
  margin-top: -30px;
}

.crosslink-two .crosslink-grid {
	display: grid;
	grid-template-columns: 45% 45%;
	justify-content: center;
	max-width: 1100px;
	margin: 0 auto;
}

.crosslink-grid .crosslink-item:first-of-type {
	border-right: 1px solid #E7E8EA;
}

.crosslink-grid p {
	text-align: center;
	margin: 0 auto;
}

.crosslink-grid p a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 16px 30px;
	background: #34194E;
	border-radius: 4px;
	display: inline-block;
}

.crosslink-grid .crosslink-eyebrow {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	text-align: center;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #5B6269;
	margin-bottom: 10px;
}

.crosslink-grid h3 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 140%;
	text-align: center;
	color: #000000;
	margin-bottom: 42px;
}

@media screen and (max-width: 1440px) {
	.crosslink-one {
		max-width: 60.417vw;
	}
	.crosslink-two .crosslink-title, .crosslink-two .crosslink-grid {
		max-width: 76.389vw;
	}
}

@media screen and (max-width: 1024px) {
	.crosslink-one .crosslink-title, .crosslink-two .crosslink-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.crosslink-one p {
		margin-top: 24px;
	}
	.crosslink-two .crosslink-title, .crosslink-two .crosslink-grid {
		max-width: 95vw;
	}
	.crosslink-one .crosslink-title {
	  font-size: 22px;
	  line-height: 140%;
	}
	.crosslink-one .crosslink-body {
	  font-size: 16px;
	  line-height: 156%;
	  margin-bottom: 24px;
	}
	.crosslink-one p a {
	  font-size: 14px;
	  line-height: 143%;
	  padding: 11px 31px;
	}
	.crosslink-two {
		padding: 60px 0;
	}
	.crosslink-two .crosslink-title {
		font-size: 22px;
		line-height: 140%;
		margin-bottom: 32px;
	}
	.crosslink-two .crosslink-body {
	  font-size: 16px;
	  line-height: 156%;
	  margin-bottom: 32px;
	  margin-top: -10px;
	}
	.crosslink-grid p a {
		font-size: 14px;
		line-height: 143%;
		padding: 11px 31px;
	}
	.crosslink-grid h3 {
		font-size: 22px;
		line-height: 140%;
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 600px) {
	.crosslink-one, .crosslink-two {
	  	max-width: calc(100% - 40px);
		margin: 0 auto;
	}
	.crosslink-one p a, .crosslink-grid p a {
	  	width: 100%;
	  	display: inline-block;
	}
	.crosslink-two .crosslink-title, .crosslink-two .crosslink-grid {
		max-width: 100%;
	}
	.crosslink-two .crosslink-grid {
	    grid-template-columns: 100%;
	    grid-gap: 35px;
	}
	.crosslink-grid .crosslink-item:first-of-type {
	  	border-bottom: 1px solid #E7E8EA;
	  	padding-bottom: 50px;
		border-right: none;
	}
}

/* VIDEO MODULE */

.module-video .video-content {
     padding: 70px 0;
}
 .module-video .section2-title {
     font-family: 'Noto Serif JP';
	 font-style: normal;
	 font-weight: 600;
	 font-size: 44px;
	 line-height: 140%;
	 text-align: center;
	 color: #0E1319;
     max-width: 810px;
     margin: 0 auto;
	 margin-bottom: 50px;
}
 .module-video .video-container {
     width: 810px;
	 margin: 0 auto;
	 position: relative;
	 margin-bottom: 140px;
}
 .module-video .video-iframe {
     width: 100%;
     min-height: 455px;
     border: none;
	 z-index: 5;
	position: relative;
}
 .module-video .shape-lt {
     position: absolute;
     max-height: 234px;
     top: 155px;
     left: -165px;
     max-width: 174px;
	 z-index: 2;
}
 .module-video .shape-lb {
     position: absolute;
     max-height: 324px;
     bottom: -100px;
     left: -85px;
     max-width: 324px;
     z-index: 1;
}
 .module-video .shape-right {
     position: absolute;
     max-height: 234px;
     top: 155px;
     right: -115px;
     max-width: 174px;
     z-index: 1;
}

@media screen and (max-width: 1024px) {
	 .module-video .section2-title {
		 font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.module-video .section2-title {
	  font-size: 28px;
	  line-height: 140%;
	  margin-bottom: 32px;
	  max-width: calc(100% - 224px);
	}
	.module-video .video-container {
	  width: 73.698vw;
	  margin-bottom: 100px;
	}
	.module-video .video-iframe {
	  min-height: 41.276vw;
	}
	.module-video .shape-lt {
	  max-height: 164px;
	  top: 100px;
	  left: -110px;
	  max-width: 121px;
	}
	.module-video .shape-lb {
	  max-height: 226px;
	  max-width: 226px;
	}
	.module-video .shape-right {
	  max-height: 158px;
	  top: 75px;
	  right: -75px;
	  max-width: 158px;
	}
	
}

@media screen and (max-width: 600px) {
	.module-video .video-content {
		padding: 45px 0;
	}
	.module-video .section2-title {
	  font-size: 18px;
	  margin-bottom: 16px;
	  max-width: calc(100% - 60px);
	}
	.module-video .video-container {
	  width: 82.933vw;
	  margin-bottom: 35px;
	}
	.module-video .video-iframe {
	  min-height: 47.733vw;
	}
	.module-video .shape-lt {
	  	max-height: 85px;
		top: 70px;
		left: -70px;
		max-width: 63px;
	}
	.module-video .shape-lb {
	  max-height: 120px;
	  max-width: 120px;
	  bottom: -50px;
	  left: -60px;
	}
	.module-video .shape-right {
	  max-height: 108px;
	  top: 25px;
	  right: -75px;
	  max-width: 108px;
	}
}

/* CARDS MODULE */

.module-cards {
	padding: 110px 0;
}

.cards-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #000000;
	max-width: 1100px;
	margin: 0 auto;
	margin-bottom: 60px;
}

.card-grid {
	display: grid;
	grid-template-columns: 1200px auto;
	grid-gap: 0;
	margin: 0 50px;
	align-items: center;
	max-width: 1440px;
	margin: 0 auto;
}

.card-subcontainer {
	display: grid;
	grid-template-columns: 366px 366px 366px;
	grid-gap: 30px;
}

.cards-item img {
	height: 244px;
	object-fit: cover;
}

.cards-item2 {
	padding: 20px 30px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	min-height: 262px;
	background-color: #fff;
}

.cards-heading {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 145%;
	color: #0E1319;
	margin-bottom: 11px;
}

.cards-content {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 157%;
	letter-spacing: 0.002em;
	color: #5B6269;
	margin-bottom: 28px;
}

.card-cta p {
	margin-top: 60px;
	margin-bottom: 0;
}

.card-cta p a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 178%;
	text-transform: uppercase;
	color: #066573;
	position: relative;
	display: inline-block;
}

.card-cta p a:hover {
	text-decoration: underline;
}

.card-cta p a:before {
	content: '';
	background-image: url('/wp-content/uploads/2022/08/arrow-forward.svg');
	background-size: 44px;
	width: 44px;
	height: 44px;
	position: absolute;
	top: -60px;
	left: 0;
}

@media screen and (max-width: 1440px) {
	.cards-title {
		max-width: 76.389vw;
	}
	.card-grid {
		grid-template-columns: 83.333vw auto;
		margin: 0 50px;
	}
	.card-subcontainer {
		grid-template-columns: 25.417vw 25.417vw 25.417vw;
	}

}

@media screen and (max-width: 1024px) {
	.cards-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.module-cards {
		padding: 60px 0 30px 0;
	}
	.cards-title {
	  font-size: 22px;
	  line-height: 140%;
	  margin-bottom: 30px;
	}
	.card-grid {
		grid-template-columns: 100% 55%;
		overflow: scroll;
		width: 100%;
		padding: 0 60px;
		margin: 0;
	}
	.card-subcontainer {
	  	grid-template-columns: 33.594vw 33.594vw 33.594vw;
		margin-bottom: 20px;
	}
	.card-cta p {
	  	margin-top: 0px;
	  	margin-bottom: 0;
	  	margin-left: 200px;
	  	padding-right: 50px;
	}
	.cards-item img {
	  	height: 22.396vw;
	}
	.cards-item2 {
	  	padding: 20px 20px;
	}
	.cards-item2 {
	  	min-height: 170px;
	}
	.card-cta p a::before {
	  	top: -10px;
	  	right: -60px;
		left: unset;
	}
	.cards-heading {
	  font-size: 18px;
	}
}

@media screen and (max-width: 600px) {
	.card-subcontainer {
	  	grid-template-columns: 64vw 64vw 64vw;
	}
	.cards-item img {
	  	height: 42.667vw;
	}
	.card-grid {
		padding: 0 20px;
		grid-template-columns: 200% 100%;
	}
	.card-cta p {
	  	margin-left: 145px;
	  	padding-right: 0px;
	}
}

/* MODULE SPECIAL */

.module-special {
	padding: 110px 0;
	max-width: 1100px;
	margin: 0 auto;
}

.special-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	max-width: 875px;
	margin: 0 auto;
	margin-bottom: 150px;
}

.special-grid {
	display: grid;
	grid-template-columns: 532px 532px;
	grid-gap: 165px 30px;
}

.special-grid .special-item {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	padding: 120px 58px 70px;
	position: relative;
}

.special-item img {
	max-height: 185px;
	width: auto;
	position: absolute;
	top: -90px;
	left: 50%;
	transform: translateX(-50%);
}

.special-item h3 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 140%;
	color: #0E1319;
	margin-bottom: 11px;
}

.special-item p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #0E1319;
	margin-top: 0;
	margin-bottom: 30px;
}

.special-item ul {
	margin-left: 20px;
}

.special-item ul li {
	list-style: disc;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #5B6269;
}

@media screen and (max-width: 1440px) {
	.module-special {
		max-width: 76.389vw;
	}
	.special-title {
		max-width: 60.764vw;
	}
	.special-grid {
		grid-template-columns: 36.944vw 36.944vw;
	}
}

@media screen and (max-width: 1024px) {
	.special-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.module-special {
		padding: 60px 0;
		max-width: 100%;
	}
	.special-title {
		font-size: 22px;
		max-width: 43.490vw;
	}
	.special-grid {
		grid-template-columns: 40.625vw 40.625vw;
		grid-gap: 165px 21px;
		justify-content: center;
	}
	.special-item h3 {
		font-size: 28px;
	}
	.special-item p {
		margin-bottom: 26px;
	}
	.special-item ul li {
		font-size: 16px;
	}
	.special-grid .special-item {
		padding: 120px 30px 70px;
	}
}

@media screen and (max-width: 600px) {
	.special-title {
		max-width: 334px;
	}
	.special-grid {
		grid-template-columns: 85.867vw;
		grid-gap: 125px;
	}
}

/* PROMO MODULE */

.module-promos {
	padding: 110px 0;
}

.promo-grid {
	display: grid;
	grid-template-columns: 651px 651px;
	justify-content: center;
	grid-gap: 20px;
}

.promo-item {
	display: grid;
	grid-template-columns: 223px auto;
}

.promo-item img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.promo-card {
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	padding: 45px 30px;
}

.promo-title {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 109%;
	color: #0E1319;
	margin-top: 0;
	margin-bottom: 15px;
}

.promo-body {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #5B6269;
	margin: 0 auto 24px;
}

.promo-card div a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 14px 28px;
	background: #34194E;
	border-radius: 4px;
	display: inline-block;
}

@media screen and (max-width: 1440px) {
	.promo-grid {
		grid-template-columns: 45.208vw 45.208vw;
	}

	.promo-item {
		grid-template-columns: 15.486vw auto;
	}
}

@media screen and (max-width: 1024px) {
	.module-promos {
		padding: 60px 0;
	}
	.promo-grid {
		grid-template-columns: 63.574vw;
	}
	.promo-item {
		grid-template-columns: 21.777vw auto;
	}
}

@media screen and (max-width: 768px) {
	.promo-grid {
		grid-template-columns: 84.766vw;
	}
	.promo-item {
		grid-template-columns: 29.036vw auto;
	}
	.promo-card div a {
  		font-size: 14px;
  		line-height: 16px;
		padding: 11px 31px;
	}
}

@media screen and (max-width: 600px) {
	.promo-card {
	  text-align: center;
	  padding: 24px 30px 45px;
	}
	.module-promos {
		padding: 45px 0;
	}
	.promo-grid {
		grid-template-columns: 88.800vw;
	}
	.promo-item {
		grid-template-columns: 100%;
	}
	.promo-item img {
	  height: 42.133vw;
	}
	.promo-title {
	  font-size: 20px;
	  line-height: 140%;
	}
	.promo-body {
	  font-size: 16px;
	  line-height: 156%;
	}
	.promo-card div a {
		width: 100%;
	}
}

/* TESTIMONIAL MODULE */

.testimonial-logo {
	padding: 110px 0;
}

.testimonial-logo .testimonial-block {
	max-width: 881px;
	margin: 0 auto;
	text-align: center;
}

.testimonial-eyebrow {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #5B6269;
	margin-top: 0;
	margin-bottom: 17px;
}

.testimonial-quote {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	color: #34194E;
	margin-top: 0;
	margin-bottom: 17px;
}

.testimonial-body {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin-top: 0;
	margin-bottom: 0;
}

.testimonial-cta {
	margin: 0;
	margin-top: 25px;
}

.testimonial-cta a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	padding: 14px 28px;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #34194E;
	border-radius: 4px;
	display: inline-block;
}

.testimonial-logo .testimonial-image {
	max-width: 166px;
	max-height: 90px;
	object-fit: contain;
	margin: 0 auto;
	margin-top: 42px;
}

.testimonial-container-image {
	display: grid;
	grid-template-columns: 532px auto;
	grid-gap: 20px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 110px 0 150px;
	padding-left: 60px;
}

.testimonial-container-image .testimonial-image {
	position: relative;
}

.testimonial-img {
	position: absolute;
	width: 800px;
	height: 600px;
	object-fit: contain;
	right: 0;
	margin-top: -75px;
}

.testimonial-shapeb {
	width: 343px;
	position: absolute;
	z-index: -1;
	top: -95px;
}

.testimonial-shapef {
	position: absolute;
	width: 240px;
	top: 350px;
	right: 75px;
}

@media screen and (max-width: 1440px) {
	.testimonial-container-image {
		grid-template-columns: 36.944vw 57.500vw;
		max-width: 100%;
	}
	.testimonial-img {
		width: 55.556vw;
		height: 41.667vw;
	}
	.testimonial-shapeb {
		width: 23.819vw;
		top: -6.597vw;
	}
	.testimonial-shapef {
		width: 16.667vw;
		top: 24.306vw;
		right: 5.208vw;
	}
}

@media screen and (max-width: 1024px) {
	.testimonial-quote {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.testimonial-cta {
		margin: 25px auto;
		text-align: center;
	}
	.testimonial-cta a {
		padding: 11px 31px;
		font-size: 14px;
	}
	.testimonial-logo .testimonial-image {
	  	margin-top: 24px;
	}
	.testimonial-logo {
	  	padding: 60px 0;
	}
	.testimonial-logo .testimonial-block {
	  	max-width: 69.792vw;
	}
	.testimonial-quote {
	  	font-size: 24px;
	  	line-height: 133%;
		text-align: center;
	}
	.testimonial-eyebrow {
		text-align: center;
	}
	.testimonial-body {
	  	font-size: 16px;
		text-align: center;
	}
	.testimonial-container-image {
		max-width: 69.792vw;
		grid-template-columns: 100%;
		grid-gap: 60px;
		padding: 60px 0 100px;
		padding-left: 0px;
	}
	.testimonial-img {
	    width: 55.339vw;
	    height: 41.406vw;
	    margin: 0 auto;
		position: relative;
	}
	.testimonial-shapeb {
	    left: -70px;
	}
	.testimonial-shapef {
	  	top: 35.156vw;
	}
	
}

@media screen and (max-width: 600px) {
	.testimonial-cta a {
		width: 89.333vw;
	}
	.testimonial-logo .testimonial-block, .testimonial-container-image {
	  	max-width: 100%;
	}
	.testimonial-container-image {
		grid-gap: 40px;
	}
	.testimonial-img {
	  	width: 100%;
	  	height: 74.933vw;
	}
	.testimonial-quote, .testimonial-eyebrow, .testimonial-body {
	  	padding: 0 20px;
	}
	.testimonial-shapeb {
	  	width: 40vw;
	  	top: -13.333vw;
		left: -26.667vw;
	}
	.testimonial-shapef {
		width: 40vw;
		top: 60vw;
		right: 0;
	}
	
}

/* HERO MODULE */

.module-hero {
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
}

.hero-container {
	width: 945px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
}

.hero-container.cream {
	background: linear-gradient(90deg, #F6EFE6 41.07%, rgba(246, 239, 230, 0.72) 77.03%, rgba(246, 239, 230, 0) 100.11%);
}
.hero-container.foam {
	background: linear-gradient(90deg, #E3EEF1 41.6%, rgba(227, 238, 241, 0.72) 69.2%, rgba(227, 238, 241, 0) 100%);
}
.hero-container.unicorn {
	background: linear-gradient(90deg, #F5F0F6 41.6%, rgba(245, 240, 246, 0.72) 69.2%, rgba(237, 226, 239, 0) 90.1%);
}
.hero-container.mist {
	background: linear-gradient(90deg, #E7E8EA 48.96%, rgba(231, 232, 234, 0.72) 60.94%, rgba(231, 232, 234, 0.1) 71.35%, rgba(231, 232, 234, 0) 100%);
}
.hero-container.cloud {
	background: linear-gradient(90deg, #F6E4E4 41.6%, rgba(246, 228, 228, 0.727118) 69.2%, rgba(246, 228, 228, 0) 100%);
}

.hero-background, .hero-background.tablet, .hero-background.mobile {
	width: 1080px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
}

/* .hero-background.tablet, .hero-background.mobile {
	display: none;
} */

.hero-block {
	padding: 80px 0;
	margin-left: 60px;
	max-width: 515px;
	position: relative;
	z-index: 2;
}

.hero-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 45px;
	line-height: 140%;
	color: #34194E;
	margin-bottom: 20px;
}

.hero-body {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin: 0 auto 40px;
}

.hero-button {
	margin: 0;
}

.hero-button a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 16px 30px;
	background: #34194E;
	border-radius: 4px;
	display: inline-block;
}

@media screen and (min-width: 1441px) {
	.module-hero:after {
	  content: '';
	  width: 100px;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  right: 0;
/* 	  background: linear-gradient(270deg, #F5F0F6 41.6%, rgba(245, 240, 246, 0.72) 69.2%, rgba(237, 226, 239, 0) 90.1%); */
	}
	.module-hero.cream:after {
		background: linear-gradient(270deg, #F6EFE6 41.07%, rgba(246, 239, 230, 0.72) 77.03%, rgba(246, 239, 230, 0) 100.11%);
	}
	.module-hero.foam:after {
		background: linear-gradient(270deg, #E3EEF1 41.6%, rgba(227, 238, 241, 0.72) 69.2%, rgba(227, 238, 241, 0) 100%);
	}
	.module-hero.unicorn:after {
		background: linear-gradient(270deg, #F5F0F6 41.6%, rgba(245, 240, 246, 0.72) 69.2%, rgba(237, 226, 239, 0) 90.1%);
	}
	.module-hero.mist:after {
		background: linear-gradient(270deg, #E7E8EA 40.96%, rgba(231, 232, 234, 0.72) 60.94%, rgba(231, 232, 234, 0.1) 90.35%, rgba(231, 232, 234, 0) 100%);
	}
	.module-hero.cloud:after {
		background: linear-gradient(270deg, #F6E4E4 41.6%, rgba(246, 228, 228, 0.727118) 69.2%, rgba(246, 228, 228, 0) 100%);
	}
}

@media screen and (max-width: 1440px) {
	.module-hero {
		max-width: 100%;
	}
	.hero-container {
		width: 65.625vw;
	}
	.hero-background, .hero-background.tablet, .hero-background.mobile {
		width: 75vw;
		background-position: bottom;
	}
	.hero-block {
		max-width: 35.764vw;
	}
}

@media screen and (max-width: 1024px) {
	.hero-block {
	  	max-width: 43.066vw;
		padding: 80px 0 33px;
	}
	.hero-container {
	  	width: 69.043vw;
	}
	.hero-title {
		font-size: 38px;
	}
	
}

@media screen and (max-width: 768px) {
	.hero-block {
	  	max-width: 48.047vw;
	  	padding: 56px 0 40px;
	}
	.hero-title {
	  font-size: 32px;
	  line-height: 138%;
	}
	.hero-container {
	  width: 55.859vw;
	}
	.hero-background, .hero-background.mobile {
		display: none;
	}
	.hero-background.tablet {
		display: block;
	}
	
}

@media screen and (max-width: 600px) {
	.hero-block {
	  	max-width: 100%;
	  	padding: 38px 20px 0;
	  	margin-left: 0;
	}
	.hero-title {
	  	font-size: 32px;
	  	line-height: 138%;
	}
	.hero-container {
	  	width: 100%;
		z-index: 1;
		height: calc(100% - 60vw);
	}
	.hero-button a {
		font-size: 14px;
		line-height: 16px;
	}
	.hero-container.cream {
		background: linear-gradient(180deg, #F6EFE6 90.98%, rgba(246, 239, 230, 0.72) 93.86%, rgba(237, 226, 239, 0) 100%);
	}
	.hero-container.foam {
		background: linear-gradient(180deg, #E3EEF1 90.98%, rgba(227, 238, 241, 0.72) 93.86%, rgba(237, 226, 239, 0) 100%);
	}
	.hero-container.unicorn {
		background: linear-gradient(180deg, #F5F0F6 90.98%, rgba(245, 240, 246, 0.72) 93.86%, rgba(237, 226, 239, 0) 100%)
	}
	.hero-container.mist {
		background: linear-gradient(180deg, #E7E8EA 90.98%, rgba(231, 232, 234, 0.72) 93.86%, rgba(237, 226, 239, 0) 100%);
	}
	.hero-container.cloud {
		background: linear-gradient(180deg, #F6E4E4 90.98%, rgba(246, 228, 228, 0.727118) 93.86%, rgba(237, 226, 239, 0) 100%);
	}
	.hero-background, .hero-background.tablet, .hero-background.mobile {
	  	width: 100%;
	  	background-position: bottom;
	  	position: relative;
	  	height: 80vw;
	}
	.hero-background.tablet, .hero-background {
		display: none;
	}
	.hero-background.mobile {
		display: block;
	}
}

/* 3 COLUMN MODULE */

.module-3column {
	padding: 60px 0;
}

body.page .column3-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	max-width: 870px;
	margin: 0 auto;
	margin-bottom: 60px;
}

.column3-grid {
	display: grid;
	max-width: 1100px;
	grid-template-columns: 308px 308px 308px;
	grid-gap: 85px;
	justify-content: center;
	margin: 0 auto;
}

.column3-headline {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 109%;
	text-align: center;
	color: #0E1319;
	margin-bottom: 14px;
}

.column3-body {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	text-align: center;
	color: #0E1319;
	margin-bottom: 36px;
}

.column-img-mobile {
	display: none;
}

.column3-image {
	max-width: 100%;
	height: 264px;
	margin: 0 auto;
	object-fit: contain;
	object-position: bottom;
}

@media screen and (max-width: 1440px) {
	.column3-grid {
		max-width: 76.389vw;
		grid-template-columns: 21.389vw 21.389vw 21.389vw;
	}
	.column3-image {
		height: 18.333vw;
	}
}

@media screen and (max-width: 1024px) {
	body.page .column3-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.module-3column {
	  padding: 60px 0 0;
	}
	body.page .column3-title {
	  font-size: 22px;
	  max-width: 69.531vw;
	  margin-bottom: 32px;
	}
	.column3-grid {
	  max-width: 100%;
	  grid-template-columns: 69.531vw;
	  grid-gap: 60px;
	}
	.column-img-desktop, .column3-grid:last-of-type {
		display: none;
	}
	.column3-headline {
	  font-size: 20px;
	  line-height: 140%;
	  margin-bottom: 8px;
	}
	.column-img-mobile {
		display: block;
	}
	.column3-image {
	  max-width: 40.234vw;
	  height: 34.375vw;
	}
	.column3-body {
	  font-size: 16px;
	  margin-bottom: 36px;
	}
}


@media screen and (max-width: 600px) {
	body.page .column3-title {
	  max-width: 85.867vw;
	}
	.column3-grid {
	  grid-template-columns: 85.867vw;
	}
	.column3-image {
	  max-width: 82.400vw;
	  height: 70.400vw;
	}
}


/* RIGHT LEFT CONTENT MODULE */

.leftright-grid {
	max-width: 1440px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 50% 50%;
	align-items: center;
}

.right .leftright-column:first-of-type {
	padding: 130px 142px 130px 175px;
}

.left .leftright-column:last-of-type {
	padding: 130px 175px 130px 142px;
}

.leftright-logo {
	height: 92px;
	width: auto;
	margin-bottom: 14px;
}

.leftright-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 140%;
	color: #0E1319;
	margin-bottom: 14px;
}

.leftright-body, .leftright-body p, .leftright-body ul li {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin: 0;
}

.leftright-body ul {
	margin-left: 25px;
}

.leftright-body ul li {
	list-style: disc;
	margin-top: 12px;
}

.leftright-cta {
	margin: 0;
	margin-top: 14px;
}

.leftright-cta a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 178%;
	text-transform: uppercase;
	color: #066573;
}

.leftright-cta a:hover {
	text-decoration: underline;
}

.leftright-image {
	object-fit: contain;
	object-position: center;
	width: auto;
	height: auto;
}

@media screen and (max-width: 1440px) {
	.leftright-grid {
		max-width: 100%;
	}
	.right .leftright-column:first-of-type {
		padding: 9.028vw 9.861vw 9.028vw 12.153vw;
	}
	.left .leftright-column:last-of-type {
		padding: 9.028vw 12.153vw 9.028vw 9.861vw;
	}
}

@media screen and (max-width: 1024px) {
	.leftright-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.right .leftright-column:first-of-type {
		padding: 14.453vw 2.604vw 14.453vw 7.943vw;
	}
	.left .leftright-column:last-of-type {
		padding: 14.453vw 7.943vw 14.453vw 2.604vw;
	}
	.leftright-title {
		font-size: 18px;
	}
	.leftright-body, .leftright-body p, .leftright-body ul li {
		font-size: 16px;
	}
	.leftright-cta a {
	  font-size: 14px;
	  line-height: 140%;
	}
}

@media screen and (max-width: 600px) {
	.leftright-grid {
	  	max-width: 89.600vw;
	  	grid-template-columns: 100%;
	  	grid-gap: 20px;
		padding: 45px 0;
	}
	.right .leftright-column:first-of-type, .left .leftright-column:last-of-type {
		padding: 0;
	}
	.left .leftright-column:first-of-type {
		order: 2;
	}
}


/* APP MODULE */

.app-grid {
	max-width: 1440px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 50% 50%;
	align-items: end;
}

.app-column:first-of-type {
	padding: 130px 0 130px 0;
	max-width: 420px;
	margin: 0 auto;
}


.app-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 140%;
	color: #0E1319;
	margin-bottom: 42px;
}

.app-body, .app-body p, .app-body ul li {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin: 0;
}

.app-body ul {
	margin-left: 25px;
}

.app-body ul li {
	list-style: disc;
	margin-top: 12px;
}

.app-image {
	object-fit: contain;
	object-position: bottom;
	width: auto;
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
}

@media screen and (max-width: 1024px) {
	.app-grid {
		max-width: 100%;
	}
	.app-column:first-of-type {
		padding: 9.028vw 0 9.028vw 0;
		max-width: 29.167vw;
	}
	.app-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.app-column:first-of-type {
	  	padding: 10.547vw 0 8.333vw 7.813vw;
	  	max-width: 43.620vw;
	  	margin: 0;
	}
	.app-title {
		font-size: 22px;
		margin-bottom: 32px;
	}
	.app-body, .app-body p, .app-body ul li {
		font-size: 16px;
	}
}

@media screen and (max-width: 600px) {
	.app-grid {
	  	max-width: 89.333vw;
	  	grid-template-columns: 100%;
	  	grid-gap: 40px;
	  	padding: 0;
	}
	.app-column:first-of-type {
	  	max-width: 100%;
	  	margin: 0;
		padding: 0;
	  	padding-top: 45px;
	}
	.app-image {
	  	margin-top: 0;
	  	max-width: 76.267vw;
	}
}

/* ACCORDION MODULE */

.accordion-container {
	max-width: 871px;
	margin: 0 auto;
	padding: 110px 0;
}

.accordion-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	margin-top: 60px;
}

.accordion-item h3 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 109%;
	color: #0E1319;
	padding-bottom: 24px;
	position: relative;
	cursor: pointer;
	border-bottom: 2px solid #F5F5F5;
	margin-bottom: 0;
	margin-top: 24px;
}

.accordion-item:first-of-type h3 {
	margin-top: 0;
}

.accordion-item.active h3 {
	border-bottom: 2px solid #FFF;
}

.accordion-item h3:after {
	content: '';
	width: 33px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 20px;
	background-image: url('/wp-content/uploads/2022/08/expand.svg');
	background-size: 100%;
	background-repeat: no-repeat;
}

.accordion-item h3.active:after {
	background-image: url('/wp-content/uploads/2022/08/collapse.svg');
}

.accordion-item p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	padding-bottom: 36px;
	display: none;
	padding-right: 60px;
}

.accordion-item.active p {
	border-bottom: 2px solid #F5F5F5;
}

.accordion-cta {
	margin: 80px auto 0;
	text-align: center;
}

.accordion-cta a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 20px 40px;
	background: #34194E;
	border-radius: 4px;
	display: inline-block;
}

@media screen and (max-width: 1024px) {
	.accordion-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.accordion-container {
		max-width: 69.792vw;
		padding: 60px 0;
	}
	.accordion-title {
		font-size: 22px;
		margin-top: 40px;
	}
	.accordion-item h3 {
		font-size: 16px;
		line-height: 140%;
		padding-right: 60px;
	}
	.accordion-item p {
		font-size: 16px;
		line-height: 156%;
		padding-bottom: 30px;
	}
	.accordion-cta {
		margin: 40px auto 0;
	}
	.accordion-cta a {
		font-size: 14px;
		line-height: 143%;
		padding: 11px 31px;
	}
}

@media screen and (max-width: 600px) {
	.accordion-cta a {
		width: 100%;
	}
	.accordion-container {
		max-width: 89.333vw;
	}
	.accordion-item h3 {
		padding-right: 60px;
		padding-bottom: 18px;
	}
	.accordion-item p {
		padding-right: 60px;
		padding-bottom: 18px;
	}
}


/* FEATURE ACCORDION MODULE */

.module-featured-accordion {
	padding: 110px 0;
}

.featured-accordion-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	max-width: 871px;
	margin: 0 auto;
	margin-bottom: 60px;
}

.featured-accordion-container {
	display: grid;
	grid-template-columns: 420px 646px;
	grid-gap: 145px;
	justify-content: center;
}

.featured-accordion-item {
	padding: 5px 0;
	border-left: 22px solid transparent;
	margin-bottom: 20px;
	padding-left: 25px;
	position: relative;
}

.featured-accordion-item:before {
	content: '';
	width: 22px;
	height: 100%;
	background-color: #D5A6A6;
	border-radius: 3px;
	top: 0;
	left: -22px;
	position: absolute;
}

.featured-accordion-item.active {
	border-color: transparent;
	padding-top: 10px;
	padding-bottom: 10px;
}

.featured-accordion-item.active:before {
	background-color: #64456E;
}

.featured-accordion-item h3 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 109%;
	color: #0E1319;
	margin: 0px;
	cursor: pointer;
	margin-bottom: 20px;
}

.featured-accordion-item p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #5B6269;
	margin: 0;
	display: none;
}

.featured-accordion-img img {
	display: none;
}

.featured-accordion-img:first-of-type img {
	display: block;
}

@media screen and (max-width: 1024px) {
	.featured-accordion-title {
		max-width: 60.486vw;
		font-size: 28px;
		line-height: 140%;
	}
	.featured-accordion-container {
		grid-template-columns: 29.167vw 44.861vw;
		grid-gap: 10.069vw;
	}
}

@media screen and (max-width: 768px) {
	.module-featured-accordion {
		padding: 60px 0;
	}
	.featured-accordion-title {
		font-size: 22px;
		max-width: 69.792vw;
	}
	.featured-accordion-container {
		grid-template-columns: 22.786vw 39.714vw;
		grid-gap: 6.120vw;
	}
	.featured-accordion-item {
		padding: 0px 0;
		border-left: 12px solid transparent;
		margin-bottom: 15px;
		padding-left: 16px;
	}
	.featured-accordion-item.active {
	  	padding-top: 5px;
	  	padding-bottom: 5px;
	}
	.featured-accordion-item:before {
		width: 12px;
		left: -12px;
	}
	.featured-accordion-item h3 {
		font-size: 14px;
		line-height: 157%;
		margin-top: 0;
		margin-bottom: 5px;
	}
	.featured-accordion-item p {
		font-size: 14px;
		line-height: 171%;
	}
}

@media screen and (max-width: 600px) {
	.featured-accordion-title {
		margin-bottom: 30px;
		max-width: 89.333vw;
	}
	.featured-accordion-container {
	  	grid-template-columns: 81.333vw;
	  	grid-gap: 36px;
	}
	.featured-accordion-img img {
	  	width: 46.667vw;
	  	height: 46.667vw;
	  	margin: 0 auto;
	  	object-fit: cover;
	}
	
}

/* BIO MODULE */

.module-bio {
	padding: 110px 0;
	max-width: 1440px;
	margin: 0 auto;
}

.bio-grid {
	display: grid;
	grid-template-columns: 195px 195px 195px 195px 195px;
	grid-gap: 60px 30px;
	justify-content: center;
}

.bio-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	margin-bottom: 60px;
}

.bio-item img {
	width: 100%;
	height: 216px;
	object-fit: cover;
	object-position: center;
	margin-bottom: 24px;
}

.bio-item .bio-imghover {
	display: none;
}

.bio-item:hover .bio-img {
	display: none;
}

.bio-item:hover .bio-imghover {
	display: block;
}

.bio-heading {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 109%;
	color: #0E1319;
	margin-bottom: 8px;
}

.bio-content {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin: 0;
}

@media screen and (max-width: 1440px) {
	.bio-grid {
		grid-template-columns: 13.542vw 13.542vw 13.542vw 13.542vw 13.542vw;
		grid-gap: 60px 2.083vw;
	}
	.bio-item img {
		height: 15vw;
	}
}

@media screen and (max-width: 1024px) {
	.bio-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.module-bio {
	  	padding: 60px 0;
	}
	.bio-title {
		font-size: 22px;
		line-height: 140%;
		margin-bottom: 40px;
	}
	.bio-grid {
	  	grid-template-columns: 19.010vw 19.010vw 19.010vw 19.010vw;
	  	grid-gap: 40px 20px;
	}
	.bio-item img {
	  	height: 21.094vw;
		margin-bottom: 12px;
	}
	.bio-heading {
	  	font-size: 20px;
	  	line-height: 140%;
	}
	.bio-content {
		font-size: 16px;
	}
}

@media screen and (max-width: 600px) {
	.bio-grid {
	  	grid-template-columns: 42.133vw 42.133vw;
	  	grid-gap: 40px 22px;
	}
	.bio-item img {
	  	height: 46.133vw;
	}
}


/* NOTE FROM OUR CEO MODULE */

.module-note {
	padding: 110px 0;
	background-color: #FDFBF8;
}

.note-container {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	padding: 77px 64px 72px 118px;
	position: relative;
	max-width: 874px;
	margin: 0 auto;
}

.note-image {
	position: absolute;
	width: 360px;
	height: 360px;
	object-fit: cover;
	object-position: center;
	top: 92px;
	left: -280px
}

.note-backshape {
	width: 300px;
	height: auto;
	position: absolute;
	left: -390px;
	top: 45px;
}

.note-bottomshape {
	width: 111px;
	height: 175px;
	position: absolute;
	left: -335px;
	z-index: 2;
	top: 355px;
	object-fit: contain;
}

body.page .note-title {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #5B6269;
	margin-bottom: 37px;
}

.note-content {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin-bottom: 67px;
}

.note-signature {
	max-width: 400px;
	max-height: 51px;
	object-fit: contain;
	object-position: left center;
}


@media screen and (max-width: 1440px) {
	.note-container {
		padding: 5.347vw 4.444vw 5vw 8.194vw;
		max-width: 60.694vw;
		margin: 0 11.597vw 0 auto;
	}
	.note-image {
		width: 25vw;
		height: 25vw;
		top: 6.389vw;
		left: -19.444vw
	}
	.note-backshape {
		width: 20.833vw;
		left: -27.083vw;
		top: 3.125vw;
	}
	.note-bottomshape {
		width: 7.708vw;
		height: 12.153vw;
		left: -23.264vw;
		top: 24.653vw;
	}
}

@media screen and (max-width: 768px) {
	.module-note {
	  	padding: 100px 0;
	}
	.note-container {
	  	padding: 16.927vw 7.422vw 13.021vw 7.422vw;
	  	max-width: 84.375vw;
	  	margin: 0 auto;
	}
	.note-image {
	  	width: 23.177vw;
	  	height: 24.089vw;
	  	top: -13.021vw;
	  	left: 10.422vw;
	}
	.note-bottomshape {
	  	width: 6.510vw;
	  	height: 10.417vw;
	  	left: 6.510vw;
	  	top: 2.604vw;
	}
	.note-backshape {
	  	width: 11.719vw;
	  	left: 5.469vw;
	  	top: -5.469vw;
	}
	body.page .note-title {
	  	margin-bottom: 29px;
	}
	.note-content {
	  	font-size: 16px;
	  	margin-bottom: 60px;
	}
}

@media screen and (max-width: 600px) {
	.note-container {
	  	padding: 34.667vw 5.333vw 24vw 5.333vw;
	  	max-width: 100%;
	  	margin: 0 auto;
	}
	.note-image {
	  	width: 37.333vw;
	  	height: 40vw;
	  	top: -18.667vw;
	  	left: 15.200vw;
	}
	.note-backshape {
	  	width: 23.467vw;
	  	top: -11.733vw;
	}
	.note-bottomshape {
  		width: 13.333vw;
	  	height: 21.333vw;
	}

}

/* BIO PAGE MODULE  */

body.leadership-template-default {
	background-color: #fff!important;
}

.bio-page {
	background: linear-gradient(180deg, #FFF 70%, #F6EFE6 70%);
	padding: 70px 0 125px;
}

.bio-container {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	padding: 60px 115px 120px 178px;
	position: relative;
	max-width: 935px;
	min-height: 694px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.biopage-image {
	position: absolute;
	width: 306px;
	height: 352px;
	object-fit: cover;
	object-position: center;
	top: 56px;
	left: -150px
}

.biopage-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	color: #0E1319;
	margin: 0;
	margin-bottom: 16px;
}

.biopage-position {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #0E1319;
	margin: 0;
	margin-bottom: 16px;
}

.bio-social-media {
	display: flex;
}

.bio-social-media img {
	width: 32px;
	height: 32px;
	margin-right: 15px;
	object-fit: cover;
}

.biopage-content p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin: 0;
	margin-top: 60px;
}

.bio-pages {
	display: flex;
	justify-content: center;
}

.bio-prev, .bio-next {
	width: 32px;
	height: 32px;
	display: block;
	background-size: 32px;
	background-repeat: no-repeat;
}

.bio-prev {
	background-image: url('/wp-content/uploads/2022/08/arrow-back.svg');
	margin-right: 24px;
}

.bio-next {
	background-image: url('/wp-content/uploads/2022/08/arrow-forward.svg');
}

@media screen and (max-width: 1440px) {
	.bio-container {
		padding: 4.167vw 7.986vw 8.333vw 12.361vw;
		max-width: 64.931vw;
		min-height: 48.194vw;
	}

	.biopage-image {
		width: 21.250vw;
		height: 24.444vw;
		top: 3.889vw;
		left: -10.417vw;
	}
}

@media screen and (max-width: 768px) {
	.bio-page {
	  	padding: 115px 0 160px;
	}
	.bio-container {
	  	padding: 17.839vw 7.552vw 10.417vw 7.552vw;
	  	max-width: 84.505vw;
	  	min-height: 88.932vw;
	}
	.biopage-image {
	  	width: 20.573vw;
	  	height: 23.698vw;
	  	top: -11.068vw;
	  	left: 7.552vw;
	}
	.biopage-content p {
	  	font-size: 16px;
	  	margin-top: 38px;
	}
	.biopage-title {
	  	font-size: 32px;
	  	line-height: 138%;
	}
	
}

@media screen and (max-width: 600px) {
	.bio-container {
	  	padding: 36.533vw 5.333vw 16vw 5.333vw;
	  	max-width: 100%;
	  	min-height: unset;
	}
	.biopage-image {
	  	width: 42.133vw;
	  	height: 48.533vw;
	  	top: -22.667vw;
	  	left: 5.333vw;
	}
	.biopage-content p {
	  	font-size: 16px;
	  	margin-top: 38px;
	}
	.biopage-title {
	  	font-size: 32px;
	  	line-height: 138%;
	}
	
}


/* INTRO */

.module-intro {
	padding: 110px 0 55px;
	max-width: 1440px;
	margin: 0 auto;
}

body.page .module-intro h1 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	max-width: 871px;
	margin: 0 auto;
}

@media screen and (max-width: 1440px) {
	body.page .module-intro h1 {
		max-width: 60.486vw;
	}
}

@media screen and (max-width: 1024px) {
	body.page .module-intro h1 {
		max-width: 85.059vw;
		font-size: 28px;
		line-height: 140%;
	}
}

@media screen and (max-width: 768px) {
	.module-intro {
		padding: 60px 0 24px;
	}

	body.page .module-intro h1 {
		font-size: 22px;
		max-width: 54.948vw;
	}
}

@media screen and (max-width: 600px) {
	body.page .module-intro h1 {
		max-width: 89.067vw;
	}
}

/* BASIC TEXT MODULE */

.module-basictext {
	max-width: 870px;
	margin: 0 auto;
	padding: 30px 0;
}

.module-basictext h1 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 36px!important;
	line-height: 140%!important;
	color: #0E1319;
	margin: 0 auto 14px;
}

.module-basictext div * {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #0E1319;
	margin: 0;
}

@media screen and (max-width: 1024px) {
	.module-basictext {
		max-width: 84.961vw;
	}
}

@media screen and (max-width: 768px) {
	.module-basictext {
		max-width: 84.115vw;
	}
	.module-basictext h1 {
		font-size: 18px!important;
		margin: 0 auto 8px;
	}

	.module-basictext div * {
		font-size: 16px;
		line-height: 25px;
	}
}

@media screen and (max-width: 375px) {
	.module-basictext {
		max-width: 89.067vw;
	}
	.module-basictext h1 {
		margin: 0 auto 14px;
	}
	.module-basictext h1, .module-basictext div * {
		text-align: center;
	}
}

/* HERO APP MODULE */

.module-heroapp .module-container {
	max-width: 1440px;
	margin: 0px auto 81px;
	padding: 55px 300px 85px;
	position: relative;
}


.heroapp-logo {
	max-height: 92px;
	width: auto;
	margin-bottom: 10px;
}

.module-heroapp .heroapp-logo {
	max-height: 92px;
	width: auto;
	margin-bottom: 10px;
}

.module-heroapp h1 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 45px!important;
	line-height: 138%!important;
	color: #34194E;
	margin: 0 0 8px;
	max-width: 430px;
}

.module-heroapp p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #0E1319;
	margin: 0;
	max-width: 340px;
}

.module-heroapp .image-list {
	margin-top: 88px;
	display: grid;
	grid-template-columns: 150px 150px;
	grid-gap: 22px;
	grid-template-rows: 45px;
}

.module-heroapp .image-list a img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	object-position: left;
}

.module-heroapp .app-image {
	position: absolute;
	height: 537px;
	width: 268px;
	top: -58px;
	margin: 0;
	z-index: 1;
	right: 300px;
	object-fit: cover;
	filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.1));
}

.module-heroapp .app-image.image-center {
	top: 66px;
}

@media screen and (max-width: 1440px) {
	.module-heroapp .module-container {
		padding: 40px 20.833vw 85px;
	}
	.module-heroapp h1 {
		max-width: 29.861vw;
	}
	.module-heroapp p {
		max-width: 23.611vw;
	}
	.module-heroapp .image-list {
		margin-top: 6.111vw;
	}
	.module-heroapp .app-image {
		top: -4.028vw;
		right: 20.833vw;
	}
	.module-heroapp .app-image.image-center {
		right: 20.833vw;
	}
}

@media screen and (max-width: 900px) {
	.module-heroapp .module-container {
	  padding: 40px 7.813vw 40px;
	}
	.module-heroapp h1 {
		font-size: 38px!important;
		margin: 0 0 18px;
		max-width: 50.990vw;
	}
	.module-heroapp p {
		max-width: 44.531vw;
	}
	.module-heroapp .app-image {
		top: -11.719vw;
		right: 7.813vw;
	}
	.module-heroapp .app-image.image-center {
		right: 7.813vw;
	}
}

@media screen and (max-width: 700px) {
	.module-heroapp .module-container {
		padding-top: 38px;
		margin-bottom: 350px;
	}
	.module-heroapp h1 {
		font-size: 32px!important;
		line-height: 138%;
		margin: 0 0 14px;
		max-width: 335px;
	}
	.module-heroapp p {
		max-width: 335px;
	}
	.module-heroapp .image-list {
		margin-top: 48px;
		padding-bottom: 200px;
	}
	.module-heroapp .app-image, .module-heroapp .app-image.image-center {
		position: absolute;
		top: 55%;
		right: 50%;
		transform: translate(50%);
	}
	.module-heroapp .app-image.image-center {
		top: 75%;
	}
	.module-heroapp .image-list .image-item:nth-child(3) {
		display:none;
	}
}

/* HERO MEDIA MODULE */

.module-heromedia .module-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 80px 0 0;
	position: relative;
}

.module-heromedia h1 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 45px;
	line-height: 140%;
	text-align: center;
	color: #34194E;
	margin: 0 auto 46px;
}

.heromedia-slider {
	max-width: 1000px;
	margin: 0 auto;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

.media-item {
	max-width: 1000px;
	margin: 0 auto;
	grid-template-columns: 50% 50%;
	display: grid;
	grid-template-rows: 470px;
	position: relative;
	background: #FFFFFF;
/* 	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); */
}

.media-item a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.media-tag {
	position: absolute;
	background: #64456E;
	border-radius: 22px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 7px 23px;
	top: 25px;
	left: 25px;
}

.media-item2 {
	padding: 52px 54px;
}

.media-item2 .media-publisher {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #5B6269;
}

.media-item2 .media-heading {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	color: #0E1319;
	margin-bottom: 10px;
}

.media-item2 .heromedia-links a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	text-transform: uppercase;
	color: #066573;
	display: block;
}

.media-slick-prev {
	background-image: url('/wp-content/uploads/2022/11/fig.svg');
	width: 44px;
	height: 44px;
	object-fit: contain;
	position: absolute;
	bottom: 44px;
	left: 550px;
	z-index: 1;
	cursor: pointer;
}

.media-slick-next {
	background-image: url('/wp-content/uploads/2022/11/fig-1.svg');
	width: 44px;
	height: 44px;
	object-fit: contain;
	position: absolute;
	bottom: 44px;
	left: 620px;
	cursor: pointer;
	z-index: 1;
}

.heromedia-body {
	margin-top: 110px;
	margin-bottom: 30px;
	display: none;
}

.heromedia-body * {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	line-height: 26px;
/* 	text-align: center; */
	color: #0E1319;
	margin: 0;
}
.heromedia-body p:last-of-type {
	margin-top: 20px;
}
.heromedia-body a {
	color: #066573;
}

@media screen and (max-width: 1440px) {
	.heromedia-slider {
		max-width: 69.444vw;
	}
	.media-item {
		max-width: 69.5vw;
	}
	.media-item2 {
		padding: 3.611vw 3.750vw;
	}
	.media-slick-prev {
		bottom: 44px;
		left: 38.194vw;
	}

	.media-slick-next {
		bottom: 44px;
		left: 43.056vw;
	}
}
@media screen and (max-width: 1024px) {
	.media-item {
		grid-template-rows: 520px;
	}
	.media-slick-prev {
		bottom: 34px;
		left: 38.194vw;
	}
	.media-slick-next {
		bottom: 34px;
		left: 46.056vw;
	}
}

@media screen and (max-width: 768px) {
	.module-heromedia .module-container {
		max-width: 84.635vw;
	}
	.module-heromedia h1 {
		font-size: 38px!important;
		line-height: 140%;
		margin: 0 auto 56px;
	}
	.heromedia-slider {
		max-width: 84.635vw;
	}
	.media-item {
		max-width: 84.7vw;
		grid-template-columns: 50% 50%;
		grid-template-rows: 500px;
	}
	.media-item2 {
		padding: 52px 47x;
	}
	.media-item2 .media-publisher {
		margin-bottom: 10px;
	}
	.media-item2 .media-heading {
		font-size: 18px;
		line-height: 27px;
		margin-bottom: 10px;
	}
	.media-item2 .heromedia-links a {
		font-size: 14px;
		line-height: 20px;
	}
	.media-slick-prev {
		bottom: 24px;
		left: 46.224vw;
	}

	.media-slick-next {
		bottom: 24px;
		left: 55.339vw;
	}
	.heromedia-body {
		margin-top: 80px;
		margin-bottom: 30px;
	}
	.heromedia-body * {
		font-size: 20px;
		line-height: 28px;
	}
}

@media screen and (max-width: 500px) {
	.module-heromedia .module-container {
		padding: 38px 0 0;
		max-width: 89.333vw;
	}
	.module-heromedia h1 {
	  	font-size: 32px !important;
	  	line-height: 138%!important;
	  	margin: 0px auto 25px;
		text-align: left;
	}
	.media-item {
	  	max-width: 94.667vw;
	  	grid-template-columns: 100%;
	  	grid-template-rows: 220px 390px;
	}
	.media-item a img {
	  	height: 220px;
	}
	.media-tag {
		top: 15px;
		left: 15px;
	}
	.media-item2 {
  		padding: 23px 20px;
	}
	.media-slick-prev {
	  	left: 20px;
	}
	.media-slick-next {
		left: 90px;
	}
	.media-item2 .heromedia-links a {
		margin-bottom: 10px;
	}
	.heromedia-body {
		max-width: 88.667vw;
		margin: 0 auto;
		margin-bottom: 60px;
		margin-top: 30px;
		display: block;
	}
}

/* TOUCHPOINTS */

.tp-container {
	max-width: 1130px;
	margin: 0 auto;
	padding: 110px 0;
}

body.page .tp-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 141%;
	color: #0E1319;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 70px;
	text-align: center;
}

.tp-top-grid {
	display: grid;
	grid-template-columns: 325px 325px 325px;
	grid-gap: 70px;
}

.tp-bottom-grid {
	display: grid;
	grid-template-columns: 270px 270px;
	grid-gap: 130px;
	justify-content: center;
	max-width: 670px;
	margin: 0 auto;
}

.tp-line {
	width: 100%;
	height: 2px;
	background-color: #34194E;
	margin: 45px auto;
	max-width: 795px;
}

.tp-subtitle {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 109%;
	color: #0E1319;
	margin-bottom: 4px;
	margin-top: 0;
	text-align: center;
}

.tp-body {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 186%;
	text-align: center;
	color: #0E1319;
	margin-top: 0;
	margin-bottom: 4px;
}

.tp-cta {
	text-align: center;
	margin: 0;
}

.tp-cta a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 143%;
	text-transform: uppercase;
	color: #066573;
}

.tp-cta a:hover {
	text-decoration: underline;
}

.tp-top-item, .tp-bottom-item {
	position: relative;
}

.tp-top-item:after, .tp-bottom-item:after {
	content: '';
	width: 20px;
	height: 20px;
	background: #34194E;
	border-radius: 50%;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	position: absolute;
}

.tp-top-item:after {
	bottom: -56px;
}

.tp-bottom-item:after {
	top: -56px;
}

@media screen and (max-width: 1440px) {
	.tp-container {
		max-width: 78.472vw;
	}
	.tp-top-grid {
		grid-template-columns: 22.569vw 22.569vw 22.569vw;
		grid-gap: 4.861vw;
	}
	.tp-bottom-grid {
		grid-template-columns: 18.750vw 18.750vw;
		grid-gap: 9.028vw;
		max-width: 46.528vw;
	}
	.tp-line, body.page .tp-title {
		max-width: 55.556vw;
	}
}

@media screen and (max-width: 1024px) {
	body.page .tp-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.tp-container {
		max-width: 54.948vw;
		padding: 60px 0;
	}
	body.page .tp-title {
		font-size: 22px;
		line-height: 140%;
		margin-bottom: 54px;
	}
	.tp-top-grid {
		grid-template-columns: 100%;
		grid-gap: 52px;
	}
	.tp-bottom-grid {
		grid-template-columns: 100%;
		grid-gap: 52px;
		justify-content: start;
		max-width: 100%;
	}
	.tp-subcontainer {
		display: grid;
		grid-template-areas: 'line content' 'line content2';
		grid-template-columns: 20px 47.917vw;
		grid-gap: 34px;
	}
	.tp-line {
		grid-area: line;
		width: 2px;
		height: 83%;
		margin: 0px auto;
		max-height: 855px;
	}
	.tp-top-grid {
		grid-area: content;
	}
	.tp-bottom-grid {
		grid-area: content2;
	}
	.tp-subtitle {
		font-size: 20px;
		line-height: 140%;
	}
	.tp-top-item:after, .tp-bottom-item:after {
		left: -54px;
		transform: none;
	}
	.tp-top-item:after {
		bottom: unset;
		top: 0;
	}
	.tp-bottom-item:after {
		top: 0;
	}
	.tp-subtitle, .tp-body, .tp-cta {
		text-align: left;
	}
}

@media screen and (max-width: 600px) {
	.tp-container {
		max-width: 86.400vw;
		padding: 45px 0;
	}
	body.page .tp-title {
		margin-bottom: 36px;
		max-width: 89.333vw;
	}
	.tp-top-grid, .tp-bottom-grid {
		grid-gap: 40px;
	}
	.tp-subcontainer {
		display: grid;
		grid-template-areas: 'line content' 'line content2';
		grid-template-columns: 20px 72vw;
		grid-gap: 34px;
	}
	.tp-line {
	  	grid-area: line;
	  	width: 2px;
	  	height: 85%;
	  	margin: 0px auto;
	  	max-height: 220vw;
	}
	.tp-top-item:after, .tp-bottom-item:after {
		left: -54px;
	}
}

@media screen and (max-width: 555px) {
	.tp-line {
	  height: 82.7%;
	}
}

@media screen and (max-width: 460px) {
	.tp-line {
	  height: 82%;
	}
}


/* HOVER CARDS / HOVER TILES MODULE */

.module-hovertiles {
	max-width: 1440px;
	margin: 0 auto;
	padding: 110px 0;
}

.tiles-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	color: #0E1319;
	max-width: 871px;
	margin: 0 auto 80px;
}

.tiles-grid {
	display: grid;
	grid-template-columns: 281px 281px 281px 281px;
	grid-gap: 30px;
	justify-content: center;
	grid-auto-rows: minmax(200px, auto);
}

.tiles-griditem:hover, .tiles-griditem.active {
  	transform: rotateY(180deg);
}

.tiles-griditem:hover .tile-normal p, .tiles-griditem.active .tile-normal p {
  	animation: opacity0 0.3s ease-in;
	animation-fill-mode: forwards;
}

@keyframes opacity0 {
  0%    { opacity: 1; }
  20%   { opacity: 0.50; }
  80%   { opacity: 0.25; }
  100%  { opacity: 0; }
}

@keyframes opacity1 {
  0%    { opacity: 0; }
  20%   { opacity: 0.25; }
  80%   { opacity: 0.60; }
  100%  { opacity: 1; }
}

.tiles-griditem {
  	position: relative;
  	width: 100%;
  	height: 100%;
  	transition: transform 0.8s;
  	transform-style: preserve-3d;
}

.tile-normal {
	border: 1px solid #E7E8EA;
	border-radius: 4px;
	height: 100%;
}

.tile-open {
  	background-color: #fff;
	border: 1px solid #E7E8EA;
	padding: 42px 30px;
  	transform: rotateY(180deg);
	height: 100%;
}

.tile-normal, .tile-open {
	border: 1px solid #E7E8EA;
	border-radius: 4px;
  	position: absolute;
  	width: 100%;
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
}

.tile-normal img {
	border-radius: 4px 4px 0px 0px;
	height: 280px;
	object-fit: cover;
}

.tile-normal p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 140%;
	color: #000000;
	padding: 42px 30px;
	margin: 0 auto;
	animation: opacity1 0.3s ease-in;
	animation-fill-mode: forwards;
}

body.page .tile-open h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 140%;
	color: #000000;
	margin-bottom: 20px;
}

.tile-open p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 150%;
	color: #5B6269;
	margin: 0;
}

@media screen and (max-width: 1440px) {
	.tiles-title {
		max-width: 60.486vw;
	}
	.tiles-grid {
		grid-template-columns: 19.514vw 19.514vw 19.514vw 19.514vw;
	}
	.tile-normal img {
		height: 19.444vw;
	}
}

@media screen and (max-width: 768px) {
	.module-hovertiles {
		padding: 60px 0;
	}
	.tiles-title {
		font-size: 22px;
		max-width: 54.948vw;
		margin: 0 auto 44px;
	}
	.tiles-grid {
		grid-template-columns: 40.755vw 40.755vw;
		grid-gap: 20px;
	}
	.tile-normal img {
		height: 29.948vw;
	}
	.tile-normal p {
		font-size: 16px;
		padding: 33px;
	}
	body.page .tile-open h2 {
		font-size: 16px;
		line-height: 156%;
		margin-bottom: 12px;
	}
	.tile-open p {
		font-size: 14px;
		line-height: 186%;
	}
}

@media screen and (max-width: 600px) {
	.tiles-griditem:hover .tile-normal p, .tiles-griditem.active .tile-normal p, .tile-normal p {
		animation: none;
	}
	.tiles-griditem:hover, .tiles-griditem.active {
	  transform: unset;
	}
	.tile-open-mobile, .tile-open-mobile h2 {
		display: none;
	}
	.tile-normal.active {
		border-bottom: none;
	}
	.tile-open-mobile {
		border: 1px solid #E7E8EA;
		border-top: none;
	}
	.tile-open-mobile p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 300;
		font-size: 14px;
		line-height: 186%;
		color: #5B6269;
		padding: 33px 20px;
	}
	.tile-normal, .tile-open-mobile {
		position: relative;
		height: auto;
	}
	.tiles-title {
		max-width: 89.067vw;
		margin: 0 auto 23px;
	}
	.tiles-grid {
		grid-template-columns: 89.067vw;
		grid-gap: 10px;
	}
	.tile-normal {
		display: grid;
		grid-template-columns: 34.667vw auto;
		grid-gap: 10px;
	}
	.tile-normal img {
		height: 23.200vw;
	}
	
	.tile-normal p {
		margin: 0;
		padding: 30px 5px;
	}
}

/* APP BUTTON */

.module-appbutton .module-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 110px 0;
}

.module-appbutton h1 {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 44px!important;
	line-height: 140%!important;
	text-align: center;
	color: #000000;
}

.module-appbutton .button-list {
	display: grid;
	grid-template-columns: 330px 330px;
	grid-gap: 210px;
	justify-content: center;
}

.module-appbutton .button-list img {
	width: auto;
}

@media screen and (max-width: 1440px) {
	.module-appbutton .button-list {
	  grid-template-columns: 22.917vw 22.917vw;
	  grid-gap: 14.583vw;
	}
}

@media screen and (max-width: 768px) {
	.module-appbutton .module-container {
		padding: 60px 0;
	}
	.module-appbutton h1 {
		font-size: 38px!important;
		padding: 0 30px;
	}
	.module-appbutton .button-list {
	  grid-template-columns: 32.552vw 32.552vw;
	  grid-gap: 13.021vw;
	}
}

@media screen and (max-width: 500px) {
	
	.module-appbutton h1 {
		font-size: 22px!important;
		margin-bottom: 32px;
	}
	.module-appbutton .button-list {
	  grid-template-columns: 300px;
	  grid-gap: 32px;
	}
}

/* QUOTE SLIDER */

.quoteslider-container .module-container {
	max-width: 880px;
	margin: 0 auto;
	padding: 110px 0;
}

.quoteslider-container .quote-headline {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #5B6269;
	margin: 0 auto 17px;
}

.quoteslider-container .quote-quote {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 26px;
	line-height: 140%;
	text-align: center;
	color: #2D3340;
	margin: 0 auto 17px;
}

.quoteslider-container .quote-body {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	color: #0E1319;
	margin: 0 auto 72px;
}

.quote-slick-prev, .quote-slick-next {
	width: 32px;
	height: 32px;
	object-fit: contain;
	position: absolute;
	bottom: 0px;
	z-index: 1;
	cursor: pointer;
	transform: translateX(-50%);
}

.quote-slick-prev {
	background-image: url('/wp-content/uploads/2023/03/fig-2.svg');
	left: 47%;
}

.quote-slick-next {
	background-image: url('/wp-content/uploads/2023/03/fig-copy.svg');
	left: 53%;
}

@media screen and (max-width: 1024px) {
	.quoteslider-container .module-container {
		max-width: 85.938vw;
	}
	.quote-slick-prev {
		left: 43%;
	}
	.quote-slick-next {
		left: 57%;
	}
}
@media screen and (max-width: 768px) {
	.quoteslider-container .module-container {
		padding: 60px 0;
	}
	.quote-slick-prev {
		left: 45%;
	}
	.quote-slick-next {
		left: 55%;
	}
}
@media screen and (max-width: 500px) {
	.quoteslider-container .quote-quote {
		font-size: 18px;
		line-height: 139%;
	}
	.quoteslider-container .quote-body {
		font-size: 16px;
		line-height: 25px;
	}
	.quote-slick-prev {
		left: 41%;
	}
	.quote-slick-next {
		left: 59%;
	}
}

/* TWO COLUMN BLOCK */

.twoblocks-container .module-container {
	max-width: 980px;
	margin: 0 auto;
	padding: 110px 0;
}
.twoblocks-grid {
	display: grid;
	grid-template-columns: 480px 480px;
	grid-gap: 20px;
}
.twoblocks-item {
	text-align: center;
	padding: 49px 43px 56px;
	box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.144559);
	border-radius: 8px;
}
.twoblocks-item img {
	width: auto;
	height: auto;
	max-width: 277px;
	max-height: 71px;
	object-fit: contain;
	margin: 0 auto;
}
.block-headline {
	margin-top: 51px;
	margin-bottom: 26px;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #5B6269;
}
.block-body {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #0E1319;
	margin: 0 auto;
}
 
@media screen and (max-width: 1024px) {
	.twoblocks-container .module-container {
		max-width: 95.703vw;
	}
	.twoblocks-grid {
		grid-template-columns: 46.875vw 46.875vw;
		grid-gap: 1.953vw;
	}
}
@media screen and (max-width: 767px) {
	.twoblocks-container .module-container {
		max-width: 302px;
		padding: 60px 0;
	}
	.twoblocks-grid {
		grid-template-columns: 302px;
		grid-gap: 24px;
	}
	.block-headline {
		margin-top: 27px;
		margin-bottom: 27px;
	}
	.block-body {
		font-size: 16px;
		line-height: 25px;
	}
}

/* FEATURED QUOTE */

.featuredquote-grid {
	max-width: 1080px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 350px auto;
	grid-gap: 30px;
	padding: 60px 0 26px;
	justify-content: center;
	align-items: center;
}
.featuredquote-logo {
	padding: 62px 43px;
	box-sizing: border-box;
}
.featuredquote-logo img {
	width: auto;
	height: auto;
	object-fit: contain;
	margin: 0 auto;
}
.featuredquote-quote .featuredquote-span {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	font-size: 83px;
	line-height: 50%;
	color: #64456E;
	margin: 0;
}
.featuredquote-quote .featuredquote-text {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 156%;
	color: #000000;
	margin: 0 0 18px 0;
}
.featuredquote-quote .featuredquote-name {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 140%;
	color: #000000;
	margin: 0;
}
@media screen and (max-width: 1280px) {
	.featuredquote-grid {
		max-width: 84.375vw;
		grid-template-columns: 27.344vw auto;
		grid-gap: 2.344vw;
	}
}
@media screen and (max-width: 450px) {
	.featuredquote-grid {
		max-width: 350px;
		grid-template-columns: 350px;
		grid-gap: 60px;
		padding: 60px 0;
	}
	.featuredquote-logo {
		padding: 0;
	}
	.featuredquote-quote .featuredquote-text {
		font-size: 16px;
		margin: 0 0 13px 0;
	}
	.featuredquote-quote .featuredquote-name {
		font-size: 18px;
	}
}

#article_blocks .card img, .media-publisher-logo {
	max-height: 50px;
	width: auto;
	object-fit: contain;
	object-position: left;
	margin-bottom: 30px;
}

.media-publisher-logo {
	margin-bottom: 20px;
}


/* MEDIA QUERY */
@media screen and (max-width: 1439px) and (min-width: 1025px) {
     .site-branding {
         margin-left: 6.944vw;
    }
     .home__container .content {
         max-width: 100%;
    }
     .home__container .section1 .block {
         max-width: 24.306vw;
         left: 8.334vw;
    }
     .section1 .section1-title {
         line-height: 1.4;
         margin-bottom: 2.084vw;
    }
     .section1 .section1-desc {
         line-height: 1.556;
         margin-bottom: 2.084vw;
    }
     .section-button {
         padding: 1.25vw 3.126vw;
         line-height: 1;
    }
     .section1 .image-container {
         right: 1.39vw;
         width: 61.112vw;
         bottom: 115px;
    }
     .section1 .image-container .background-image {
         max-height: 42.778vw;
    }
     .section1 .image-container.slide1 .shape-left,.section1 .image-container.slide4 .shape-left, .section1 .image-container.slide5 .shape-left {
         width: 8.750vw;
    }
     .section1 .image-container.slide2 .shape-left {
         width: 12.778vw;
    }
     .section1 .image-container.slide3 .shape-left {
         width: 10.694vw;
    }
     .section1 .image-container .shape-rb {
         width: 12.917vw;
    }
     .section1 .image-container .shape-left {
         top: 9.028vw;
    }
     .section1 .image-container .shape-rb {
         top: 3.82vw;
         right: 1.39vw;
    }
     .section1 .image-container .shape-rt {
         top: -0.695vw;
         right: 8.681vw;
         max-width: 15.278vw;
         max-height: 15.278vw;
    }
     .section1 .image-container.slide1 .shape-rt {
         width: 16.528vw;
    }
     .section1 .image-container.slide2 .shape-rt {
         top: 1.042vw;
         right: 8.334vw;
         width: 10vw;
    }
     .section1 .image-container.slide3 .shape-rt {
         top: 0px;
         right: 8.334vw;
         width: 12.222vw;
    }
     .section1 .image-container.slide4 .shape-rt, .section1 .image-container.slide5 .shape-rt {
         top: 0.695vw;
         right: 5.903vw;
         width: 17.083vw;
    }
     .section1 .image-container.slide5 .shape-rt {
         width: 12.153vw;
    }
     .section1 .block-logos {
         width: 83.334vw;
         bottom: -7.64vw;
         max-height: 20.14vw;
    }
     .section1 .mobile-image {
         right: -6.598vw;
         bottom: -10.07vw;
         width: 21.39vw;
    }
     .section1 .section1-block-text {
         line-height: 1.429;
         padding: 3.126vw 4.167vw 0;
    }
     .section1 .block-container {
         padding: 0 2.084vw 2.64vw;
    }
     .section1 .block-container .block-item {
         min-width: 11.112vw;
         max-width: 17%;
    }
     .section2 .section2-title {
         line-height: 1.409;
         max-width: 52.431vw;
         padding: 19.306vw 0;
    }
     .section2 .video-container {
         width: 56.25vw;
         bottom: -15.626vw;
    }
     .section2 .video-iframe {
         min-height: unset;
         height: 30.903vw;
    }
     .section2 .shape-lt {
         max-height: 16.25vw;
         top: 10.764vw;
         left: -11.459vw;
         max-width: auto;
    }
     .section2 .shape-lb {
         max-height: 22.5vw;
         bottom: -6.945vw;
         left: -5.903vw;
         max-width: 22.5vw;
    }
     .section2 .shape-right {
         max-height: 16.25vw;
         top: 10.764vw;
         right: -7.987vw;
         max-width: 12.084vw;
    }
     .section3 {
         margin-top: 27.778vw;
    }
     .section3 .subcontainer {
         height: 50vw;
    }
     .section3 .block {
         width: 31.597vw;
         left: 7.083vw;
    }
     .section3 .section3-title {
         line-height: 1.43;
    }
     .section3-quote {
         font-size: 3.056vw;
         line-height: 1.4;
         margin-bottom: 1.389vw;
    }
     .section3 .section3-desc {
         line-height: 1.6;
    }
     .section3 .image-container {
         width: 66.528vw;
    }
     .section3 .background-image {
         width: 42.708vw;
         height: 32.153vw;
         margin-top: 7.639vw;
    }
     .section3 .shape-back {
         top: -5.556vw;
         width: 46.042vw;
    }
     .section3 .shape-front {
         left: 11.111vw;
         bottom: -5.556vw;
         width: 18.889vw;
    }
     .section3 .testimonials-title {
         line-height: 1.4;
         margin-bottom: 3.472vw;
    }
     .section3 .testimonials-container {
         grid-template-columns: 26.181vw 26.181vw 26.181vw;
         grid-column-gap: 3.681vw;
         margin-bottom: 9.722vw;
    }
     .section3 .testimonials-image {
         height: 18.125vw;
    }
     .section3 .testimonials-text {
         line-height: 1.778;
         margin-bottom: 1.667vw;
    }
     .section3 .testimonials-link {
         line-height: 1.778;
    }
     .section4 .content {
         padding-bottom: 20.833vw;
    }
     .section4 .subcontainer {
         max-width: 81.250vw;
         padding-top: 5.903vw;
    }
     .section4 .section4-title {
         line-height: 1.4;
         padding: 0 7.639vw;
    }
     .section4 .guide-container {
         grid-template-columns: 20.833vw 20.833vw 20.833vw;
         grid-column-gap: 4.167vw;
    }
     .section4 .guide-item .subcontainer {
         margin-bottom: 4.514vw;
    }
     .section4 .guide-num {
         width: 4.167vw;
         height: 4.167vw;
         line-height: 4.167vw;
         flex-basis: 4.167vw;
         padding: 0 1.736vw;
    }
     .section4 .guie-text {
         line-height: 24px;
         margin-left: 2.083vw;
    }
     .section4 .block-statistics {
         width: 81.111vw;
         padding: 4.861vw 10.417vw;
    }
     .section4 .block-statistics .section4-block-title {
         line-height: 1.409;
         margin: 0 0 4.722vw;
    }
     .section4 .statistics-container {
         grid-template-columns: 13.889vw 13.889vw 13.889vw;
         grid-column-gap: 9.722vw;
    }
     .section4 .statistics-number {
         margin: 0 0 0.417vw;
    }
     .section4 .statistics-desc {
         line-height: 1.667vw;
    }
     .section4 .button-align {
         margin-top: 6.944vw;
    }
     .section5 .content {
         max-width: 69.097vw;
         margin-top: 17.361vw;
         padding-bottom: 6.944vw;
    }
     .section5 .section5-title {
         max-width: 48.611vw;
         margin-bottom: 4.375vw;
         padding: 0 3.472vw;
    }
     .section5 .solution-container {
         grid-template-columns: 20.139vw 43.403vw;
         grid-column-gap: 5.556vw;
    }
     .section5 .solution-image {
         margin-top: 5.069vw;
    }
     .section5 .solution-container .solution-image {
         width: 6.806vw;
    }
     .section5 .curve-color {
         width: 7.569vw;
         height: 11.806vw;
    }
     .section5 .curve1 {
         left: 1.736vw;
    }
     .section5 .curve2 {
         right: 1.944vw;
         top: -0.278vw;
    }
     .section5 .curve3 {
         top: 7.778vw;
         left: 6.389vw;
    }
     .section5 .subtitle {
         line-height: 2.500vw;
         margin: 0 0 1.736vw;
    }
     .section5 .tab-item {
         margin-top: 1.528vw;
         grid-template-columns: 1.528vw auto;
         grid-column-gap: 1.528vw;
    }
     .section5 .tab-color {
         width: 1.528vw;
         height: 4.167vw;
         margin-right: 1.736vw;
    }

     .section5 .tab-text {
         margin-top: 0.694vw;
    }
     .section5 .button-align {
         margin-top: 3.125vw;
    }
     .section6 .content {
         padding-bottom: 8.333vw;
    }
     .section6 .section6-title {
         margin: 0 0 4.167vw;
         padding-top: 6.944vw;
    }
     .section6 .news-container {
         grid-template-columns: 25.347vw 25.347vw 25.347vw;
         grid-column-gap: 1.875vw;
    }
     .section6 .new-date {
         line-height: 1.111vw;
         margin: 2.083vw 0 0.694vw;
         padding: 0 2.083vw;
    }
     .section6 .new-title {
         line-height: 2.222vw;
         padding: 0 2.083vw;
         margin: 0 0 1.042vw;
    }
     .section6 .new-content {
         line-height: 1.528vw;
         padding: 0 2.083vw 4.167vw;
    }
     .section7 .content {
         padding: 4.167vw 0;
    }
     .section7 .section7-title {
         max-width: 57.639vw;
         margin: 0px auto 2.917vw auto;
    }
     .footer-container {
         max-width: 83.333vw;
         padding-top: 2.431vw;
         grid-template-columns: 14.722vw auto 13.889vw;
         grid-column-gap: 6.944vw;
    }
     .footer-button {
         margin-top: 3.819vw;
    }
     .site-info {
         max-width: 83.333vw;
         padding-bottom: 1.181vw;
    }
     .site-info p {
         font-size: 0.833vw;
         line-height: 1.111vw;
    }
     .social-media {
         margin-bottom: 3.333vw;
         margin-top: 1.389vw;
    }

     .footer-apps img {
         width: 13.264vw;
    }
     .footer-apps a:first-of-type {
         margin-bottom: 0.694vw;
    }
     #footer-menu {
         margin-top: 2.431vw;
    }
     #footer-menu li {
         line-height: 1.111vw;
    }
     #footer-menu li a {
         margin-bottom: 2.153vw;
    }
     #footer-menu li ul li a {
         line-height: 1.111vw;
         margin-bottom: 1.111vw;
    }
     .footer-button a {
         padding: 0.972vw 1.944vw;
         line-height: 1.111vw;
    }
}

@media screen and (max-width: 1250px) {
    .section5 .section5-title {
        max-width: 100%;
    }
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.section5 .solution-image {
	  margin-top: 7.129vw;
		width: 9.570vw;
	}
    .section1 .section1-block-text {
        max-width: 75%;
        line-height: 30px;
    }
	.section4 .content {
	  padding-bottom: 9.766vw;
	}
	.site-branding {
	  margin-left: 40px;
	}
/* 	.home__container .section1 .block {
         position: relative;
         max-width: 90%;
         left: unset;
         top: unset;
         margin: 0 auto;
		 margin-bottom: 35px;
    }
     .section1 .section1-title {
         font-size: 32px;
         line-height: 44px;
    }
     .section1 .section1-desc {
         font-size: 16px;
         line-height: 28px;
    }
     .section-button {
         padding: 16px 31px;
         font-size: 14px;
         line-height: 14px;
    }
     .section1 .image-container {
         position: relative;
         right: 0;
         width: 95%;
         margin: 0 auto;

    }
     .section1 .block-logos {
         position: relative;
         width: 100%;
         left: unset;
         bottom: unset;
         transform: none;
         max-height: unset;
         z-index: 1;
         top: -50px;
    }
     .section1 .image-container .background-image {
         clip-path: circle(56.8% at 50% 71%);
         height: 64.251vw;
         width: 90.097vw;
    }
     .section1 .image-container .shape-left {
         top: 30px;
         left: 10px;
         width: 58px;
    }
     .section1 .image-container .shape-rb {
         width: 72px;
    }
     .section1 .image-container .shape-rt {
         top: -10px;
         right: 35px;
         object-fit: cover;
         width: 101px;
    }
     .section1 .mobile-image {
         display: none;
    }
     .section1 .section1-block-text {
         padding: 20px 20px 0;
         font-size: 12px;
         line-height: 25px;
         text-align: center;
    }
     .section1 .block-container {
         display: flex;
         padding: 0 20px 23px;
    }
     .section1 .block-container .block-item {
         flex-basis: 50%;
		 padding: 10px;
		 display: block;
    }
     .section1 {
         height: auto;
         margin-bottom: -50px;
    }
	.section1 .image-container.slide2 .shape-rt {
		  top: 5px;
		  right: 35px;
	}
	 .section1 .image-container.slide3 .shape-rt {
	  top: 0px;
	  right: 35px;
	}
	 .section1 .image-container.slide4 .shape-rt, .section1 .image-container.slide5 .shape-rt {
	  top: 5px;
	  right: 35px;
	} */
	.section1 .image-container .shape-rb {
	  top: 25px;
	  right: 50px;
	  width: 14.063vw;
	}
	.section1 .image-container .shape-rt {
	  top: -25px;
	  right: 115px;
	  max-width: 16.992vw;
	}
	.section1 .image-container.slide2 .shape-rt {
	  top: -35px;
	  right: 85px;
	}
	.section1 .image-container.slide3 .shape-rt {
	  top: -35px;
	  right: 80px;
	}
	.section1 .image-container.slide4 .shape-rt, .section1 .image-container.slide5 .shape-rt {
	  top: -20px;
	  right: 70px;
	}
	.section1 .image-container .shape-left {
	  max-width: 11.719vw;
	}
	.home__container .section1 .block {
	  max-width: 29.297vw;
	  left: 40px;
	}
	.section1 .section1-title {
	  font-size: 38px;
	  line-height: 1.395;
	  margin-bottom: 20px;
	}
	.section1 .image-container {
	  right: -45px;
	  width: 69.141vw;
	}
	.section1 .image-container .background-image {
	  max-height: 47.363vw;
	}
	.section1 .block-logos {
	  width: 73.730vw;
	  bottom: -20.996vw;
	  max-height: unset;
	}
	.section1 .mobile-image {
	  right: -13.184vw;
	  bottom: -3.418vw;
	  max-width: 26.172vw;
	}
	.section1 .block-container .block-item {
	  width: 26%;
	}
	.section2 .section2-title {
	  font-size: 28px;
	  line-height: 39px;
	  max-width: 73.730vw;
	}
	.section2 .video-container {
	  width: 60.547vw;
	}
	.section3 .block {
	  width: 37.305vw;
	  left: 40px;
	}
	.section3-quote {
	  margin-bottom: 14px;
	  font-size: 28px;
	}
	.section3 .section3-desc {
	  font-size: 14px;
	  margin-bottom: 21px;
	}
	.section3 .image-container {
	  width: 67.188vw;
	}
	.section3 .background-image {
	  width: 43.262vw;
	  height: 32.520vw;
	  margin-top: 2.930vw;
	}
	.section3 .shape-back {
	  top: -9.766vw;
	  width: 46.484vw;
	}
	.section3 .shape-front {
	  left: 13.672vw;
	  bottom: -5.859vw;
	  width: 18.945vw;
	}
	.section3 .subcontainer {
	  height: 50.781vw;
	}
	.section3 .testimonials-title {
	  font-size: 28px;
	  max-width: 92.188vw;
	  margin: 0 auto 40px;
	}
	.section3 .testimonials-container {
	  grid-template-columns: 29.297vw 29.297vw 29.297vw;
	  grid-column-gap: 21px;
	  margin-bottom: 77px;
	}
	.section3 .testimonials-image {
	  height: 20.215vw;
	}
	.section4 .section4-title {
	  font-size: 28px;
	  line-height: 140%;
	  padding: 0;
	  max-width: 64.648vw;
	  margin: 0 auto;
	}
	.section4 .guide-container {
	  grid-template-columns: 29.297vw 29.297vw 29.297vw;
	  grid-column-gap: 22px;
	}
	.section4 .block-statistics {
	  width: 92.285vw;
	  bottom: -10.5vw;
	  padding: 62px 70px;
	}
	.section4 .block-statistics .section4-block-title {
	  font-size: 28px;
	  line-height: 140%;
	  margin: 0 0 41px;
	}
	.section4 .statistics-container {
	  grid-template-columns: 19.531vw 19.531vw 19.531vw;
	  grid-column-gap: 9.766vw;
	}
	.section4 .button-align {
	  margin-top: 75px;
	}
	.section5 .content {
	  max-width: 89.355vw;
	  margin-top: 20.996vw;
	  padding-bottom: 9.766vw;
	}
	.section5 .section5-title {
	  font-size: 28px;
	  max-width: 68.359vw;
	  margin-bottom: 63px;
	  padding: 0;
	}
	.section5 .solution-container {
	  grid-template-columns: 24.414vw 60.547vw;
	  grid-column-gap: 48px;
	}
	.section5 .curve-color {
  		width: 10.645vw;
		height: 16.504vw;
	}
	.section5 .curve1 {
	  left: 0.488vw;
	}
	.section5 .curve2 {
	  right: 0.977vw;
	  top: -0.391vw;
	}
	.section5 .curve3 {
	  top: 10.938vw;
	  left: 6.836vw;
	}
	.section6 .section6-title {
	  font-size: 28px;
	  line-height: 140%;
	  margin: 0 0 48px;
	  padding-top: 9.766vw;
	}
	.section6 .news-container {
	  grid-template-columns: 29.297vw 29.297vw 29.297vw;
	  grid-column-gap: 20px;
	}
	.section7 .section7-title {
	  font-size: 28px;
	  line-height: 140%;
	  max-width: 60.742vw;
	  margin: 0px auto 32px auto;
	}
	.footer-container {
	  max-width: 93.262vw;
	  grid-template-columns: 20.508vw auto 18.652vw;
	  grid-column-gap: 4.883vw;
	}
	.site-info {
		 max-width: 93.262vw;
	}
	main {
	  overflow: hidden;
	}
	
	
	
}


@media screen and (max-width: 1024px) {
	#masthead {
         margin-top: 30px;
         margin-bottom: 35px;
    }
     #masthead #menu-container {
         max-width: 100%;
         margin-top: 30px;
         margin-bottom: 35px;
         justify-content: space-between;
         padding: 0 20px;
         position: relative;
    }
    #masthead #menu-container {
        display: flex;
        flex-wrap: wrap;
    }
	#masthead.sticky {
	  	padding-top: 0;
		padding-bottom: 0;
	}
    nav#site-navigation {
        width: 32px;
        display: block;
    }
    .footer-apps img {
        width: auto;
        display: inline-block;
        vertical-align: middle;
    }
    body header nav.main-navigation li {
        padding: 0;
        font-size: 14px!important;
        line-height: 19px;
        text-align: left;
        margin-bottom: 24px;
    }
     .menu-toggle {
         background: transparent;
         border: none;
         width: 32px;
         height: 32px;
         text-align: center;
         padding: 0;
    }
     .menu-toggle i {
         color: #34194E;
         line-height: 1;
         font-size: 32px;
    }
     .main-navigation {
         display: block;
         width: 32px;
         margin-right: 25px;
    }
     .main-navigation.toggled .menu-header-container {
         position: absolute;
         top: 50px;
         left: 0;
         width: 100%;
         background: #fff;
         z-index: 999;
         height: 100vh;
    }
     .main-navigation ul {
         padding: 52px 20px;
    }
     .main-navigation li {
         padding: 0;
         font-size: 14px;
         line-height: 19px;
         text-align: left;
         margin-bottom: 24px;
    }
     .first-item::before {
         left: 0;
         top: -25px;
    }
     .main-navigation .separation {
         padding: 0;
         margin-bottom: 48px;
    }
     .separation::after {
         content: '';
         right: 0;
         top: 40px;
         color: #ADB1B4;
         font-size: 20px;
         border: 1px solid #ADB1B4;
         width: 100%;
    }
     .main-navigation .menu-item-has-children {
         padding: 0;
         width: fit-content;
		 margin-bottom: 24px;
    }
	ul#primary-menu li.current-menu-item a::before, ul#primary-menu li:hover a::before {
		display: none!important;
	}
     .main-navigation .menu-item-has-children a {
         padding-right: 30px;
    }
     .main-navigation .menu-item-has-children::after {
         right: 15px;
         top: 5px;
    }
     .main-navigation .menu-item-has-children .sub-menu {
         margin-right: 0;
    }
     .main-navigation ul ul {
         box-shadow: none;
         float: none;
         position: relative;
         top: 100%;
         left: unset;
         z-index: 1;
         margin-top: 17px;
    }
     .main-navigation .button-menu {
        background: #34194E;
        color: #fff;
        padding: 14px 28px;
        margin-left: 0;
        max-width: fit-content;
        font-size: 12px;
        line-height: 16px;
        position: relative;
        top: 0%;
    }
     .main-navigation.toggled ul ul {
         padding: 0!important;
         margin-left: 15px;
         display: none;
    }
     .main-navigation .menu-item-has-children.active ul, .main-navigation .menu-item-has-children:hover ul {
         display: block;
    }
     .main-navigation .menu-item-has-children.active::after {
         right: 50px;
         transform: rotate(45deg);
         -webkit-transform: rotate(45deg);
    }

}

@media screen and (max-width: 900px) {
    .section4 .block-statistics {
        bottom: -24vw;
    }
    .section5 .content {
        margin-top: 35.996vw;
    }
}

@media screen and (max-width: 768px) {
    .section1 .section1-block-text {
        max-width: 100%;
        line-height: 20px;
    }
    .section1 .block-container {
        justify-content: center;
        align-content: flex-start;
        align-items: center;
    }
    .section1 .block-container .block-item {
        display: inline-block;
    }
}

@media screen and (max-width: 768px) and (min-width: 600px) {
	.site-branding {
	  margin-left: 5.208vw;
	}
	.home__container .section1 .block {
	  max-width: 72.266vw;
	  position: relative;
	}
	.section1 .image-container {
	  right: 0;
	  width: 68.099vw;
	  position: relative;
	  margin: 0 auto;
	}
	.section1 .block-logos {
	  width: 89.583vw;
	  bottom: -40.365vw;
	  max-height: unset;
	}
	.section1 .block-container .block-item {
	  width: 32%;
	}
	.section1 .mobile-image {
	  display: none;
	}
	.section2 .section2-title {
	  max-width: 73.730vw;
	  padding-top: 50.130vw;
	  padding-bottom: 27vw;
	}
	.section2 .video-container {
	  width: 73.698vw;
	}
	.section3 .block {
	  width: 78.516vw;
	  left: unset;
	  position: relative;
	  margin: 0 auto;
		text-align: center;
	}
	.section3 .section3-title {
	  text-align: center;
	  margin-bottom: 13px;
	}
	.section3 .image-container {
	  width: 78.516vw;
	  position: relative;
	  margin: 30px auto 0;
	}
	.section3 .background-image {
	  width: 50.521vw;
	  height: 37.891vw;
	  margin-top: 15vw;
	}
	.section3 .shape-back {
	  top: -1vw;
	  width: 54.297vw;
	}
	.section3 .shape-front {
	  left: 13.672vw;
	  bottom: -5.859vw;
	  width: 22.135vw;
	}
	.section3 .subcontainer {
	  height: auto;
	}
	.section3 .testimonials-title {
	  font-size: 28px;
	  margin: 100px auto 40px;
	  max-width: 80.990vw;
	}
	.section3 .testimonials-container {
	  overflow: scroll;
	  grid-template-columns: 39.193vw 39.193vw 39.193vw;
	  grid-column-gap: 27px;
	  justify-content: normal;
	  margin-bottom: 100px;
	  overflow-x: scroll;
	  width: 100%;
	  margin-left: 40px;
	  margin-right: 40px;
	}
	.section3 .testimonials-image {
	  height: 26.953vw;
	}
	.section4 .subcontainer {
	  max-width: 100%;
	  padding-top: 60px;
	}
	.section4 .section4-title {
	  max-width: 74.219vw;
	}
	.section4 .guide-container {
	  overflow: scroll;
	  grid-template-columns: 39.193vw 39.193vw 39.193vw;
	  grid-column-gap: 27px;
	  justify-content: normal;
	  margin-bottom: 100px;
	  overflow-x: scroll;
	  width: 100%;
	  margin-left: 40px;
	  margin-right: 40px;
	}
	.section4 .guide-item .subcontainer {
	  display: block;
	  margin-bottom: 40px;
	  text-align: center;
	  padding-top: 30px;
	}
	.section4 .guide-num {
	  margin: 0 auto;
	  margin-bottom: 20px;
	}
	.section4 .guie-text {
	  margin-left: 0;
	  padding: 0 20px;
	}
	.section4 .block-statistics {
	  width: 100%;
	  bottom: -30vw;
	  padding: 62px 70px;
	}
	.section4 .statistics-container {
	  grid-template-columns: 100%;
	  grid-gap: 32px;
	  margin: 0 auto;
	  width: 58.594vw;
	}
	.section4 .statistics-item {
		display: grid;
		grid-template-columns: 18.750vw auto;
		grid-column-gap: 34px;
		justify-content: center;
		align-items: center;
	}
	.section5 .content {
	  margin-top: 40vw;
	}
	.section5 .solution-container {
	  grid-template-columns: 100%;
	  grid-gap: 80px;
	}
	.section5 .left-side {
	  width: 32.552vw;
	  margin: 0 auto;
	}
	.section5 .solution-image {
	  margin-top: 50px;
	}
	.section5 .curve-color {
	  width: 11vw;
	  height: 18vw;
	}
	.section5 .curve1 {
	  left: 3.255vw;
	}
	.section5 .curve2 {
	  right: 3.906vw;
	  top: -0.521vw;
	}
	.section5 .curve3 {
	  top: 12.370vw;
	  left: 11.068vw;
	}
	.section6 .news-container {
	  grid-template-columns: 40.495vw;
	  grid-gap: 30px;
	}
	.footer-container {
	  max-width: 100%;
	  grid-template-columns: 100%;
	  grid-gap: 15px;
	  margin: 0 40px;
	}
	.footer-button {
	  margin-top: 32px;
	  max-width: 27.604vw;
	}
	#footer-menu {
	  grid-template-columns: 19.531vw 19.531vw 19.531vw;
	  grid-column-gap: 9.115vw;
	  margin-top: 35px;
	}
	.social-media {
	  grid-template-columns: 32px 32px 32px 32px;
	  grid-column-gap: 20px;
	  justify-content: flex-start;
	  margin-bottom: 60px;
	  margin-top: 20px;
	}
	.footer-apps {
		max-width: 24.870vw;
		margin-bottom: 60px;
	}
	.site-info {
	  max-width: 100%;
	  margin: 0 40px;
	}

}

@media screen and (max-width: 764px) {
    .section4 .guide-container {
        padding-right: 25px;
		padding-left: 25px;
		margin-right: 0!important;
		margin-left: 0!important;
    }
}

@media screen and (max-width: 650px) {
    .section4 .block-statistics {
        bottom: 0vw;
    }
}

@media screen and (max-width: 600px) {
	.main-navigation ul li:hover > ul li {
		margin-bottom: 24px;
	}
	.main-navigation ul li:hover > ul {
		padding-left: 0!important;
	}
	 .section1 .image-container.slide2 .shape-rt {
		  top: 5px;
		  right: 35px;
	}
	 .section1 .image-container.slide3 .shape-rt {
	  top: 0px;
	  right: 35px;
	}
	 .section1 .image-container.slide4 .shape-rt, .section1 .image-container.slide5 .shape-rt {
	  top: 5px;
	  right: 35px;
	}
	 .image-slider {
		 height: 64.251vw;
	 }
	 .custom-logo {
	  width: 65px;
	  height: 30px;
	}
     .banner p {
         padding: 17px 50px;
    }
     .banner .close {
         right: 20px;
    }
     .main-navigation {
         margin-right: 0;
    }
     .section6 .new-item img {
         width: 100%;
    }
     .site-branding {
         margin-left: 0px;
    }
     .home__container .section1 .block {
         position: relative;
         max-width: 90%;
         left: unset;
         top: unset;
         margin: 0 auto;
		 margin-bottom: 35px;
    }
     .section1 .section1-title {
         font-size: 32px;
         line-height: 44px;
    }
     .section1 .section1-desc {
         font-size: 16px;
         line-height: 28px;
    }
     .section-button {
         padding: 16px 31px;
         font-size: 14px;
         line-height: 14px;
    }
     .section1 .image-container {
         position: relative;
         right: 0;
         width: 95%;
         margin: 0 auto;

    }
     .section1 .block-logos {
         position: relative;
         width: 100%;
         left: unset;
         bottom: unset;
         transform: none;
         max-height: unset;
         z-index: 1;
         top: -50px;
    }
     .section1 .image-container .background-image {
         clip-path: circle(56.8% at 50% 71%);
         height: 64.251vw;
         width: 90.097vw;
    }
     .section1 .image-container .shape-left {
         top: 30px;
         left: 10px;
         width: 58px;
    }
     .section1 .image-container .shape-rb {
         width: 72px;
    }
     .section1 .image-container .shape-rt {
         top: -10px;
         right: 35px;
         object-fit: cover;
         width: 101px;
    }
     .section1 .mobile-image {
         display: none;
    }
     .section1 .section1-block-text {
         padding: 20px 20px 0;
         font-size: 12px;
         line-height: 25px;
         text-align: center;
    }
     .section1 .block-container {
         display: flex;
         padding: 0 20px 23px;
    }
     .section1 .block-container .block-item {
         flex-basis: 50%;
		 padding: 10px;
		 display: block;
    }
     .section1 {
         height: auto;
         margin-bottom: -50px;
    }
     .section2 .section2-title {
         max-width: 79%;
         margin: 0 auto;
         padding: 55px 0 100px;
         font-size: 18px;
         line-height: 25px;
    }
     .section2 .video-container {
         max-width: 90%;
         bottom: -100px;
         width: 100%;
    }
     .section2 .shape-lt {
         max-height: 85px;
         top: 80px;
         left: -55px;
         max-width: 63px;
    }
     .section2 .shape-lb {
         max-height: 118px;
         bottom: -65px;
         left: -35px;
         max-width: 118px;
    }
     .section2 .shape-right {
         max-height: 109px;
         top: 65px;
         right: -60px;
         max-width: 109px;
    }
     .section2 .video-iframe {
         min-height: 180px;
    }
     .section3 {
         margin-top: 190px;
    }
     .section3 .subcontainer {
         height: auto;
    }
     .section3 .block {
         position: relative;
         width: 85%;
         left: unset;
         top: unset;
         margin: 0 auto;
    }
     .section3 .section3-title {
         text-align: center;
    }
     .section3-quote {
         font-size: 24px;
         line-height: 32px;
         text-align: center;
         margin-bottom: 5px;
    }
     .section3 .section3-desc {
         font-size: 14px;
         line-height: 24px;
         text-align: center;
         margin-top: 0;
    }
     .section3 .section-button {
         width: 100%;
         text-align: center;
    }
     .section3 .image-container {
         width: 100%;
         position: relative;
         top: unset;
         right: unset;
         text-align: right;
    }
     .section3 .background-image {
         width: 87%;
         height: auto;
         object-fit: cover;
         margin-top: 110px;
    }
     .section3 .shape-back {
         left: -130px;
         top: 20px;
         max-width: 336px;
    }
     .section3 .shape-front {
         left: -50px;
         z-index: 1;
         bottom: -40px;
         max-width: 140px;
    }
     .section3 .testimonials-title {
         font-size: 18px;
         line-height: 25px;
         margin-top: 80px;
         margin-bottom: 20px;
    }
     .section3 .testimonials-container {
         grid-template-columns: 55.556vw 55.556vw 55.556vw;
         grid-column-gap: 23px;
         justify-content: center;
         margin-bottom: 60px;
         overflow-x: scroll;
    }
     .section3 .testimonials-image {
         height: auto;
    }
     .section3 .testimonials-container {
         grid-template-columns: 55.556vw 55.556vw 55.556vw;
         grid-column-gap: 23px;
         justify-content: normal;
         margin-bottom: 60px;
         overflow-x: scroll;
         width: 100%;
         margin-left: 25px;
         margin-right: 25px;
    }
     .section3 .testimonials-text {
         margin-bottom: 15px;
         font-size: 14px;
         line-height: 24px;
    }
     .section3 .testimonials-link {
         font-size: 14px;
         line-height: 16px;
         margin-bottom: 15px;
    }
     .section4 .subcontainer {
         max-width: 100%;
         padding-top: 40px;
    }
     .section4 .section4-title {
         padding: 0;
         font-size: 18px;
         line-height: 25px;
         text-align: center;
         max-width: 85%;
         margin: 0 auto;
    }
     .section4 .guide-container {
         display: grid;
         grid-template-columns: 50vw 50vw 50vw;
         grid-column-gap: 40px;
         justify-content: start;
         width: 100%;
         margin-left: 25px;
         margin-right: 25px;
         overflow-x: scroll;
    }
     .section4 .guide-item .subcontainer {
         display: block;
         text-align: center;
         margin-bottom: 24px;
    }
     .section4 .guide-num {
         border-radius: 50%;
         width: 36px;
         height: 36px;
         text-align: center;
         line-height: 60px;
         padding: 0;
         font-size: 18px;
         line-height: 36px;
         margin: 0 auto;
    }
     .section4 .guie-text {
         font-size: 16px;
         line-height: 20px;
         margin-left: 0;
         margin-top: 10px;
         padding: 0 5px;
    }
     .section4 .block-statistics {
         position: relative;
         width: 100%;
         left: unset;
         transform: none;
         bottom: -24vw;
         padding: 40px 30px;
		 margin-bottom: 24vw;
		 bottom: 26.389vw;
		 height: 535px;
    }
	
     .section4 .block-statistics .section4-block-title {
         margin: 0 0 28px;
         font-size: 18px;
         line-height: 25px;
         padding: 0 10px;
    }
     .section4 .statistics-container {
         display: grid;
         grid-template-columns: 100%;
         grid-gap: 45px;
    }
     .section4 .statistics-item {
         display: grid;
         grid-template-columns: 90px auto;
         grid-column-gap: 22px;
    }
     .section4 .statistics-desc {
         font-size: 14px;
         line-height: 24px;
    }
     .section4 .button-align {
         margin-top: 60px;
    }
     .section4 .section-button {
         width: 100%;
    }
     .section4 .statistics-number {
         font-size: 44px;
         line-height: 44px;
    }
     .section5 .content {
         max-width: 100%;
         margin-top: -50.725vw;
         padding-bottom: 60px;
         background: #fff;
         padding-top: 50px;
    }
     .section5 .section5-title {
         margin-bottom: 20px;
         font-size: 18px;
         line-height: 25px;
         max-width: 80%;
         padding: 0 10px;
    }
     .section5 .solution-image {
         margin-top: 24px;
         margin-bottom: 64px;
         max-width: 58px;
    }
     .section5 .left-side {
         width: 360px;
         margin: 15px auto 0;
    }
     .section5 .curve-color {
         width: 61px;
         height: 95px;
         mask: url(/wp-content/uploads/2022/07/Vector2.png);
         -webkit-mask-image: url(/wp-content/uploads/2022/07/Vector2.png);
    }
     .section5 .curve1 {
         top: -15px;
         left: 111px;
    }
     .section5 .curve2 {
         right: 114px;
         left: unset;
         top: -17px;
    }
     .section5 .curve3 {
         top: 48px;
         left: 149px;
    }
     .section5 .subtitle {
         font-size: 10px;
         line-height: 16px;
         text-align: center;
         color: #2D3340;
         margin-bottom: 16px;
    }
     .section5 .tab-item {
         display: grid;
         align-items: center;
         grid-template-columns: 12px auto;
         grid-column-gap: 16px;
         max-width: 90%;
         margin: 24px auto 0;
    }
     .section5 .tab-color {
         width: 12px;
         height: 44px;
         margin-right: 16px;
    }
     .section5 .tab-title {
         margin: 0;
         font-size: 14px;
         line-height: 22px;
         letter-spacing: 0.002em;
    }
     .section5 .tab-text {
         margin-top: 10px;
         margin-bottom: 0;
         font-size: 14px;
		line-height: 24px;
    }
     .section5 .button-align {
         margin-top: 25px;
    }
     .section5 .section-button {
         width: 90%;
    }
     .section6 .section6-title {
         margin: 0 0 30px;
         padding-top: 60px;
         font-size: 18px;
         line-height: 25px;
    }
     .section6 .news-container {
         display: grid;
         grid-template-columns: 100%;
         grid-gap: 10px;
         justify-content: center;
         width: 90%;
         margin: 0 auto;
    }
     .section6 .new-date {
         margin: 20px 0 6px;
         padding: 0 30px;
         font-size: 12px;
         line-height: 25px;
    }
     .section6 .new-title {
         margin: 0 0 10px;
         font-size: 18px;
         line-height: 25px;
    }
     .section6 .new-content {
         padding: 0 30px 40px;
         font-size: 14px;
         line-height: 24px;
    }
     .section6 .content {
         padding-bottom: 80px;
    }
     .section7 .section7-title {
         max-width: 100%;
         margin: 0px auto 30px auto;
         font-size: 18px;
         line-height: 25px;
         padding: 0 30px;
    }
     .section7 .section-button {
         width: 90%;
         font-size: 14px;
         line-height: 20px;
    }
     .home__container .content {
         max-width: 100%;
    }
     .footer-container {
         max-width: 100%;
         margin: 0 auto;
         padding: 35px 25px 0;
         display: grid;
         grid-template-columns: 100%;
         grid-gap: 55px;
    }
     .footer-button {
         margin-top: 32px;
         max-width: 212px;
    }
     #footer-menu {
         padding-left: 0;
         margin-left: 0;
         grid-template-columns: 48% 48%;
         display: grid;
         grid-gap: 60px 10px;
         margin-top: 0;
         margin-bottom: 0;
    }
     .social-media {
         max-width: 195px;
    }
	.footer-apps {
         max-width: 185px;
    }
     .site-info {
         max-width: 100%;
         margin-top: 60px;
         padding: 0 25px 17px;
    }
     .site-info p a {
         margin-left: 5px;
         margin-right: 5px;
    }
     .site-info p a:first-of-type {
         margin-left: 0px;
    }
     .section5 .solution-container {
         grid-template-columns: 100%;
    }
     .section4 .content {
         padding-bottom: 0;
    }
     #homepage {
         overflow: hidden;
    }
}
 
.skip-to-content-link {
	background: #fff;
    height: 40px;
    left: 10px;
    top: 10px;
    font-size: 16px;
    padding: 10px;
    position: absolute;
    transform: translateY(-100%);
    line-height: 20px;
    z-index: 100;
    font-family: inherit;
    color: inherit;
    transition: transform 0.3s;
}

.skip-to-content-link:focus {
	border: 1px dashed #fff;
  	transform: translateY(0%);
}


/* OneTrust */

#onetrust-policy-text, #ot-pc-desc {
  font-family: 'Open Sans' !important;
  font-style: normal!important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 32px !important;
  color: #0E1319 !important;
}
#ot-pc-title, #ot-category-title {
  font-family: 'Noto Serif JP' !important;
  font-style: normal!important;
  font-weight: 600 !important;
  color: #34194E !important;
  font-size: 22px !important;
  line-height: 26px !important;
}
.ot-acc-hdr h4 {
  font-family: 'Open Sans' !important;
  font-style: normal!important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #0E1319 !important;
}
.ot-acc-txt p {
  font-family: 'Open Sans' !important;
  font-style: normal!important;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #0E1319 !important;
}
#onetrust-pc-sdk .ot-vs-list .ot-always-active, #onetrust-pc-sdk .ot-cat-grp .ot-always-active {
  color: #066573!important;
}
#onetrust-pc-sdk .ot-plus-minus span {
  background: #066573!important;
}
#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob {
  background-color: #ddcfea!important;
  border: 1px solid #34194e!important;
}
#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob::before {
  background-color: #34194e!important;
  border-color: #34194e!important;
}

/* RESOURCES PAGE */

#search-filter-form-4187, #search-filter-results-4187 {
	max-width: 1440px;
	margin: 0 auto;
}
#search-filter-results-4187 {
	display: grid;
	grid-template-columns: 366px 366px 366px;
	grid-gap: 40px 27px;
	justify-content: center;
}
#search-filter-results-4187 .resource-card-item {
	background: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
#search-filter-results-4187 .resource-card-bg {
	height: 244px;
	display: inline-block;
	width: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}
#search-filter-results-4187 .resource-card-label-wrap {
	background: #64456E;
	border-radius: 22px;
	width: fit-content;
	position: absolute;
	top: 15px;
	left: 15px;
}
#search-filter-results-4187 .resource-card-label {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px 20px;
	display: inline-block;
}
#search-filter-results-4187 .resource-card-body {
	padding: 36px 32px;
}
#search-filter-results-4187 .resource-card-date {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #5B6269;
	margin-bottom: 8px;
	min-height: 19px;
	display: inline-block;
}
#search-filter-results-4187 a {
	display: inline-block;
	text-decoration: none;
}
#search-filter-results-4187 a .resource-card-title {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 32px;
	color: #0E1319;
	margin-bottom: 16px;
}
#search-filter-results-4187 .resource-card-text, #search-filter-results-4187 .resource-card-text * {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #5B6269;
	margin: 0;
}
#search-filter-form-4187 ul {
	display: grid;
	grid-template-columns: 767px 280px;
	justify-content: space-between;
	max-width: 1150px;
	margin: 0 auto;
}
#search-filter-form-4187 > ul {
	padding: 80px 0;
}
#search-filter-form-4187 ul ul {
	display: flex;
	margin: 0;
}
#search-filter-form-4187 ul ul li {
	margin: 0 20px;
	padding: 10px 0;
	text-align: center;
}
#search-filter-form-4187 .sf-field-taxonomy-resource_types {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E7E8EA;
	padding: 0;
}
#search-filter-form-4187 .sf-field-taxonomy-resource_types h4 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #0E1319;
	padding: 0;
}
#search-filter-form-4187 ul li li.sf-option-active {
  	border-bottom: 3px solid #64456E;
}
#search-filter-form-4187 .sf-field-search {
	height: 48px;
	padding: 0;
}
#search-filter-form-4187 .sf-field-search label {
	position: relative;
}
#search-filter-form-4187 .sf-field-search label:before {
	content: '\f002';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	color: #64456E;
	font-size: 16px;
	top: 14px;
	left: 14px;
}
#search-filter-form-4187 ul ul li label {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #0E1319;
	cursor: pointer;
	padding: 0;
}
#search-filter-form-4187 ul ul li.sf-option-active label {
	font-weight: bold;
}
#search-filter-form-4187 ul ul li input {
	display: none;
}
#search-filter-form-4187 .sf-field-search label {
	width: 100%;
}
#search-filter-form-4187 .sf-field-search input {
	background: #FFFFFF;
	border: 1px solid #E7E8EA;
	border-radius: 4px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	padding: 10px 16px 10px 42px;
	width: 100%;
}
.new-resource-page .pagination {
	display: block;
	padding: 80px 0;
	margin: 0 auto;
	width: fit-content;
	max-width: 1440px;
	grid-column: span 3;
}
.new-resource-page .pagination a.page, .new-resource-page .pagination span.current {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 44px;
	color: #5B6269;
	border: none;
	margin: 0 10px;
	padding: 0;
	width: 44px;
	display: inline-block;
	text-align: center;
	height: 44px;
}
.new-resource-page .pagination span.current {
	color: #64456E;
	font-weight: bold;
}
.new-resource-page .pagination .nextpostslink, .new-resource-page .pagination .previouspostslink {
	background: #64456E;
	  background-image: none;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	line-height: 44px;
	text-align: center;
	font-size: 28px;
	border: none;
	color: transparent;
	background-size: 44px;
}
.new-resource-page .pagination .nextpostslink {
	background-image: url('/wp-content/uploads/2022/11/fig-1.svg');
}
.new-resource-page .pagination .previouspostslink {
	background-image: url('/wp-content/uploads/2022/11/fig.svg');
}
#search-filter-form-4187 .sf-field-search h4, #search-filter-form-4187 .sf-field-taxonomy-resource_types:last-of-type {
	display: none;
}
.new-resource-page .media-item {
	grid-template-rows: 400px;
}
.new-resource-page {
	background-color: #FDFBF8;
}
.new-resource-page .heromedia-body * {
	text-align: left!important;
}

@media screen and (max-width: 1440px) {
	#search-filter-form-4187, #search-filter-results-4187 {
		max-width: 100%;
	}
	#search-filter-form-4187 ul {
		grid-template-columns: 53.264vw 19.444vw;
		max-width: 79.861vw;
	}
	#search-filter-results-4187 {
		grid-template-columns: 25.417vw 25.417vw 25.417vw;
	}
}
@media screen and (max-width: 1280px) {
	#search-filter-form-4187 ul {
	  	max-width: 81vw;
	}
}
@media screen and (max-width: 1024px) {
	#search-filter-form-4187 ul {
	  grid-template-columns: 56.264vw 19.444vw;
	}
	.new-resource-page .media-item {
		grid-template-rows: 400px;
	}
}
@media screen and (max-width: 768px) {
	.new-resource-page .media-item {
		grid-template-rows: 300px;
	}
	#search-filter-form-4187 ul {
	  	grid-template-columns: 366px;
	  	justify-content: center;
		grid-gap: 20px;
		padding: 80px 0 60px;
	}
	#search-filter-form-4187 .sf-field-taxonomy-resource_types:first-of-type {
		display: none;
	}
	#search-filter-form-4187 .sf-field-search h4, #search-filter-form-4187 .sf-field-taxonomy-resource_types:last-of-type {
		display: block;
	}
	#search-filter-form-4187 .sf-field-search {
		height: auto;
	}
	#search-filter-form-4187 .sf-field-search h4 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		color: #5B6269;
		text-align: center;
	}
	#search-filter-form-4187 .sf-field-search label, #search-filter-form-4187 .sf-field-taxonomy-resource_types label {
		width: 100%;
	}
	#search-filter-form-4187 .sf-field-taxonomy-resource_types {
		border-bottom: none;
	}
	#search-filter-form-4187 .sf-field-taxonomy-resource_types select {
		border: 1px solid #E7E8EA;
		border-radius: 4px;
		min-height: 48px;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 300;
		font-size: 18px;
		line-height: 28px;
		color: #000000;
		padding: 10px 16px;
	}
	#search-filter-results-4187 {
	  display: block;
	}
	#search-filter-results-4187 .resource-card-item {
		width: 366px;
		margin: 20px auto;
	}
	
}
@media screen and (max-width: 500px) {
	.new-resource-page .media-item {
		grid-template-rows: 220px 300px;
	}
}