html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
:root {
--brand--gold-hover: #a88845;
--brand--color-border-primary: #c9a84c;
--brand--navy-hover: #243d6b;
--text--white: white;
--background--navy: #1a2b4c;
--brand--color-primary: #1a2b4c;
--jc-white: #fff;
--brand--navy-dark: #0f1a2e;
--brand--gold: #8b6f1f;
--color-background-primary: #1a2b4c;
--jc-paper: #f7f3ea;
--jc-ink: #1d2939;
--jc-line: #e7e0d3;
--jc-gold: #8b6f1f;
--jc-navy: #0f1d33;
--jc-gold-soft: #c7aa55;
--jc-muted: #667085;
--brand--navy: #1a2b4c;
--brand--gold-light: #c4a45a;
--text--primary: #1a1a1a;
--text--secondary: #444;
--text--tertiary: #888;
--text--color-neutral-lightest: #f5f1e8;
--background--washi: #f5f1e8;
--background--washi-light: #faf7f0;
--background--white: white;
--background--border: #ccc;
--semantic--success: #2d7a4f;
--semantic--warning: #b07b1a;
--semantic--error: #b0413e;
--semantic--info: #1a5fa8;
--color-neutral-darkest: #0d1b2a;
--color-neutral-white: white;
--color-neutral-medium: #a8b8cc;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
.body {
color: #1a1a1a;
-webkit-text-stroke-color: #333;
mix-blend-mode: color;
background-color: #0000;
margin-top: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.7px;
}
.section {
background-color: #0000;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.heading {
color: #1a2b4c;
font-family: Noto Serif JP, sans-serif;
font-size: 56px;
}
.heading-h1-jp {
color: #1a2b4c;
font-family: Noto Serif JP, sans-serif;
font-size: 56px;
line-height: 67px;
}
.heading-h1-en {
color: #1a2b4c;
font-family: Inter, sans-serif;
font-size: 64px;
font-weight: 800;
line-height: 70px;
}
.heading-h2-jp {
font-family: Noto Serif JP, sans-serif;
line-height: 43px;
}
.heading-h3 {
color: #1a2b4c;
font-family: Noto Sans JP, sans-serif;
font-weight: 500;
line-height: 34px;
}
.body-2 {
color: #1a2b4c;
font-size: 20px;
line-height: 28px;
}
.heading-2, .heading-3 {
font-family: Noto Sans JP, sans-serif;
font-size: 20px;
font-weight: 500;
}
.heading-h4 {
font-family: Noto Sans JP, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.text-body-large {
color: #1a1a1a;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
line-height: 31px;
}
.text-body-default {
color: #1a1a1a;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
}
.text-body-small {
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
line-height: 22px;
}
.text-body-caption {
color: #888;
font-family: Inter, sans-serif;
font-size: 12px;
line-height: 8px;
}
.label-eyebrow {
color: #8b6f1f;
text-indent: .08em;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 0;
}
.stats-number-large {
font-family: JetBrains Mono, sans-serif;
font-size: 96px;
font-weight: 700;
line-height: 96px;
}
.btn-primary-gold {
color: #fff;
background-color: #8b6f1f;
border-radius: 4px;
justify-content: center;
align-items: center;
margin: 10px 20px;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 28px;
display: flex;
}
.btn-primary-gold:hover {
background-color: var(--brand--gold-hover);
}
.btn-primary-gold:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.btn-primary-gold:focus-visible, .btn-primary-gold[data-wf-focus-visible], .btn-primary-gold:lang(ja-jp) {
color: #888;
background-color: #ccc;
}
.btn-primary-navy {
color: #fff;
background-color: #1a2b4c;
border-radius: 4px;
justify-content: center;
align-items: center;
margin: 10px 20px;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 0;
display: flex;
}
.btn-primary-navy:hover {
background-color: var(--brand--navy-hover);
}
.btn-primary-navy:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
border: 0 #0000;
outline-width: 2px;
outline-style: solid;
}
.btn-primary-navy:focus-visible, .btn-primary-navy[data-wf-focus-visible] {
outline-offset: 2px;
color: #888;
background-color: #ccc;
outline: 2px #8b6f1f;
}
.btn-ghost-white {
color: #fff;
border: 1px solid #fff;
border-radius: 4px;
justify-content: center;
align-items: center;
margin: 10px 20px;
padding-bottom: 0;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
display: flex;
}
.btn-ghost-white:hover {
background-color: var(--text--white);
color: var(--background--navy);
}
.btn-ghost-white:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.btn-ghost-white:focus-visible, .btn-ghost-white[data-wf-focus-visible] {
outline-offset: 2px;
color: #ffffff4d;
border-color: #ffffff4d;
outline: 2px #c4a45a;
}
.btn-secondary {
color: #1a2b4c;
border: 1px solid #1a2b4c;
border-radius: 4px;
justify-content: center;
align-items: center;
margin: 10px 20px;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
display: flex;
}
.btn-secondary:hover {
background-color: var(--brand--color-primary);
color: var(--text--white);
}
.btn-secondary:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
border-width: 2px;
border-color: #8b6f1f;
border-radius: 2px;
outline-width: 2px;
outline-style: solid;
}
.btn-secondary:focus-visible, .btn-secondary[data-wf-focus-visible] {
color: #ccc;
background-color: #0000;
border-color: #ccc;
}
.btn-outline-gold {
color: #fff;
background-color: #8b6f1f;
border: 1px solid #8b6f1f;
border-radius: 4px;
justify-content: center;
align-items: center;
margin: 10px 20px;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
display: flex;
}
.btn-outline-gold:hover {
background-color: var(--brand--gold-hover);
color: var(--text--white);
}
.btn-outline-gold:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
color: #8b6f1f;
background-color: #0000;
outline-width: 2px;
outline-style: solid;
}
.btn-outline-gold:focus-visible, .btn-outline-gold[data-wf-focus-visible] {
color: #ccc;
border-color: #ccc;
outline-color: #ccc;
}
.btn-outline-gold:visited {
background-color: #8b6f1f;
}
.btn-success {
color: #fff;
background-color: #2d7a4f;
border-radius: 4px;
justify-content: center;
align-items: center;
margin: 10px 20px;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 500;
display: flex;
}
.btn-success:hover {
background-color: #1f5c3a;
}
.btn-success:focus {
outline-offset: 2px;
outline: 2px solid #5aae80;
}
.btn-success:focus-visible, .btn-success[data-wf-focus-visible] {
color: #888;
background-color: #ccc;
}
.btn-success:visited {
background-color: #1f5c3a;
}
.btn-text-link {
color: #1a5fa8;
background-color: #0000;
justify-content: center;
align-items: center;
margin: 0;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 400;
display: flex;
}
.btn-text-link:hover {
color: #1a5fa8;
text-decoration: underline;
}
.btn-text-link:focus-visible, .btn-text-link[data-wf-focus-visible], .btn-text-link:visited {
color: #888;
}
.card-standard {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 8px;
padding: 28px;
}
.card-dark {
opacity: 1;
outline-offset: 0px;
mix-blend-mode: normal;
background-color: #1a2b4c;
border: 1px solid #ffffff1f;
border-radius: 8px;
outline: 0 #ffffff1f;
padding: 28px;
}
.card-accent {
background-color: #fff;
border: 1px solid #8b6f1f;
border-left-width: 2px;
border-radius: 0 8px 8px 0;
padding: 24px 24px 24px 22px;
}
.card-feature {
background-color: #f5f1e8;
border-radius: 8px;
padding: 28px;
}
.card-pricing {
background-color: #fff;
border: 3px solid #ccc;
border-top-color: #8b6f1f;
border-radius: 8px;
padding: 28px;
}
.card-pricing-featured {
background-color: #1a2b4c;
border: 2px solid #c4a45a;
border-radius: 8px;
padding: 28px;
}
.card-stat {
background-color: #f3efe6;
border: 1px solid #d8d0c0;
border-radius: 8px;
margin-top: 32px;
padding-bottom: 32px;
padding-left: 32px;
padding-right: 32px;
}
.card-stat-on-dark {
background-color: #faf7ef;
border-radius: 8px;
padding: 32px;
}
.card-comparison {
background-color: #f3efe6;
border: 1px solid #c8b27a;
border-radius: 8px;
padding: 24px;
}
.navbar {
background-color: #1a2b4c;
padding-top: 16px;
}
.container {
background-color: #1a2b4c;
padding: 16px 32px;
}
.container-2 {
background-color: #1a2b4c;
padding: 16px 26px;
}
.navbar-2 {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.header-wrapper {
z-index: 100;
background-color: #1a2b4c;
display: flex;
position: relative;
inset: 0 0 16px;
}
.header-inner {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 16px 32px;
display: flex;
}
.header-nav {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.header-cta {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.footer-wrappe {
color: #1a2b4c;
background-color: #1a2b4c;
}
.footer-inner {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
padding: 64px 32px;
display: flex;
}
.footer-top {
justify-content: space-between;
width: 100%;
display: flex;
}
.footer-nav-col {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.footer-bottom {
justify-content: space-between;
width: 100.002%;
display: flex;
}
.placeholder-image {
object-fit: cover;
}
.button-style-2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.mega-menu-1 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-3 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.nav-link-dropdown {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.blog-item {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.menu {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.blog-list {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo {
overflow: hidden;
}
.link-text {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-4 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.jc_navbar-5-breakpint3 {
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-3 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.menu-list {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.blog {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.page-group-one {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.menu-item-2 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.header-style {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.logo-wide-1 {
object-fit: cover;
order: 1;
max-width: none;
overflow: hidden;
}
.logo-wide-1.footer-jclogo {
object-fit: contain;
width: 128px;
max-width: 160svh;
height: auto;
}
.logo-wide-1.is-hidden-launch {
order: 9999;
display: none;
}
.menu-item {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.read-more {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.column {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.page-one {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.component {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 676px;
text-decoration: none;
display: flex;
}
.button-style-6 {
grid-column-gap: 8px;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.header-113 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146012852a06de764876ae_home-hero-earth-night.webp"), linear-gradient(0deg, #0006, #1a2b4c);
background-position: 0 0, 0 0;
background-size: cover, auto;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 900px;
min-height: 900px;
padding: 112px 64px;
display: flex;
}
.column-two {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 676px;
text-decoration: none;
display: flex;
}
.text {
color: #fff;
background-color: #1a2b4c;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 170%;
text-decoration: none;
}
.actions-2 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-5 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-one {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 676px;
text-decoration: none;
display: flex;
}
.content-style-5 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-4 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-4 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.container-4 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.layout {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.component-2 {
grid-column-gap: 80px;
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-2 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-5 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.column-3 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-2 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.component-3 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-6 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.content-style-6 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row {
grid-column-gap: 32px;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 896px;
height: 100%;
text-decoration: none;
display: flex;
}
.placeholder-logo {
object-fit: cover;
overflow: hidden;
}
.logo {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.logo._2 {
padding-top: 40px;
padding-bottom: 10px;
}
.tagline-wrapper-2 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-22 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-20 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-10 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-17 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.stats-6 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-11 {
grid-row-gap: 7px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.container-11.footer-contena {
max-width: 1360px;
margin-left: auto;
margin-right: auto;
}
.button-style-14 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.tagline-3 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.stats-5 {
grid-row-gap: 80px;
background-color: #fbf8f0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-25 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-21 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-24 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.column-11 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-23 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 65px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.text-26 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 65px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.button-style-13 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #fff;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-13:hover {
background-color: var(--brand--navy-hover);
color: #fff;
border-color: #243d6b;
}
.button-style-13:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-13:focus-visible, .button-style-13[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.stat-6 {
grid-row-gap: 48px;
background-color: #f7f2e8;
border: 1px solid #d8d0c0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.container-8 {
grid-row-gap: 80px;
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.list-item {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-3 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.heading-8 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.column-6 {
grid-row-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tagline {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-10 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-11 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.tagline-wrapper {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.layout-2 {
grid-row-gap: 80px;
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 612px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.layout-2._55 {
flex-flow: row;
justify-content: center;
height: auto;
}
.list {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.heading-9 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.column-7 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-13 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.container-12 {
grid-row-gap: 80px;
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.heading-12 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.content-style-14 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-12 {
grid-row-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.layout-4 {
grid-row-gap: 80px;
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 855px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.layout-4._623 {
padding-bottom: 64px;
}
.section-title {
grid-column-gap: 80px;
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-15 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.list-3 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-3 {
grid-column-gap: 32px;
border: 0 solid #000;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-13 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-3 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 32px;
padding-bottom: 32px;
text-decoration: none;
display: flex;
}
.home-insights-eyebrow-wrap {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.stats-7 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-18 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.stats-3 {
grid-row-gap: 80px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-13 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-15 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-16 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-27 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.column-14 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-30 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-2 {
object-fit: cover;
}
.text-28 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 65px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.tagline-4 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.stat-3 {
background-color: #f8f4ea;
border: 1px solid #000;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 623px;
padding: 32px;
text-decoration: none;
display: flex;
}
.stats-8 {
grid-row-gap: 80px;
background-color: #fbf8f0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-18 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-17 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 96px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.button-style-15 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #fff;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.content-style-16 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-29 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-19 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-9 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-22 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-23 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-16 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.stat-7 {
grid-row-gap: 48px;
background-color: #f7f2e8;
border: 1px solid #d8d0c0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.stat-4 {
grid-row-gap: 48px;
background-color: #f8f4ea;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.column-8 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 730px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-31 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 65px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.heading-14 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.tagline-2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.stat-5 {
grid-row-gap: 48px;
background-color: #f8f4ea;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
box-shadow: 0 4px 4px #00000040;
}
.text-21 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.chevron_right {
object-fit: cover;
overflow: hidden;
}
.content-style-19 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.layout-5 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 1050px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.layout-5._611.layout-5-is-home-insights-section {
border: 1px solid #8b6f1f6b;
height: auto;
}
.list-4 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-16 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.list-item-4 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.home-insights-header-b {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: none;
text-decoration: none;
display: grid;
}
.home-insights-eyebrow-b {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.home-insights-lead-b {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
display: flex;
}
.button-style-12 {
outline-offset: 2px;
color: #000;
outline: 2px solid #e8e6e3;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
transition: all .2s;
}
.content-style-18 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-10 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.home-insights-heading-b {
grid-column-gap: 13px;
grid-row-gap: 13px;
color: #000;
width: 1280px;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
display: flex;
}
.actions-4 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.home-insights-content {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 760px;
text-decoration: none;
display: flex;
}
.tagline-6 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.button-style-9 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .2s;
display: flex;
overflow: hidden;
}
.button-style-9:hover {
color: #fff;
background-color: #1a2b4c;
border-color: #1a2b4c;
}
.button-style-9:focus-visible, .button-style-9[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.button-style-11 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.row-4 {
grid-column-gap: 64px;
border: 0 solid #000;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 48px;
padding-bottom: 48px;
text-decoration: none;
display: flex;
}
.content-style-27 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 8px;
padding-right: 8px;
text-decoration: none;
display: flex;
}
.divider {
object-fit: cover;
justify-content: center;
align-items: center;
width: 112.5px;
height: 3px;
text-decoration: none;
display: flex;
}
.date-2 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-20 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-20:hover {
color: var(--brand--gold-hover);
}
.button-style-20:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.date {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.placeholder-image-3 {
object-fit: cover;
}
.content-style-26 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-24 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.timeline {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-32 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.tagline-7 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-17 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-17:hover {
background-color: var(--brand--navy-hover);
-webkit-text-fill-color: inherit;
background-clip: padding-box;
border-color: #243d6b;
}
.button-style-17:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-17:focus-visible, .button-style-17[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.progress-container {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.actions-5 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.circle {
object-fit: cover;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
text-decoration: none;
display: flex;
}
.section-title-3 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-25 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.container-13 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.heading-19 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.button-style-19 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-19:hover {
-webkit-text-stroke-color: #c4a45a;
}
.button-style-19:focus-visible, .button-style-19[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.timeline-progress {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-8 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.section-title-5 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-32 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-21 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.layout-6 {
grid-row-gap: 80px;
background-color: #0f1a2e;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.actions-6 {
grid-column-gap: 24px;
border: 1px solid #000;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-34 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-33 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-2 {
border-style: none;
border-width: undefinedpx;
color: #fff;
border-color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.list-item-5 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-26 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-25 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .2s;
display: flex;
overflow: hidden;
}
.button-style-25:hover {
background-color: var(--brand--color-primary);
color: var(--text--white);
-webkit-text-fill-color: inherit;
background-clip: padding-box;
border-color: #1a2b4c;
}
.button-style-25:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-25:focus-visible, .button-style-25[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.button-style-25.is-home-insights {
color: #fff;
background-color: #a88845;
border-color: #a88845;
margin-bottom: 20px;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.component-5 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-28 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-16 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.heading-22 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.content-style-35 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-35 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.cta-27-cta27breakpoint3 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a1462302230269fd8478787_common-cta-consultation-background.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 448px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-34 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.button-style-29 {
grid-column-gap: 8px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-29:hover {
background-color: var(--brand--navy-hover);
}
.button-style-29:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.actions-7 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-27 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-27:hover {
background-color: var(--brand--gold-hover);
}
.button-style-27:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.content-style-36 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.column-17 {
grid-column-gap: 0px;
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 120px;
min-width: 120px;
height: auto;
min-height: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 194px;
font-size: 13px;
text-decoration: none;
display: flex;
}
.text-39 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-16 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
font-size: 13px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.links {
grid-column-gap: 32px;
background-color: #0f1a2e;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
display: flex;
}
.links.footer-text-area {
grid-column-gap: 30px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
font-family: Noto Sans JP, sans-serif;
display: grid;
}
.text-36 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-8 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.untitled {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.jc_footer {
grid-row-gap: 80px;
background-color: #0f1a2e;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 80px 64px;
text-decoration: none;
display: flex;
}
.jc_footer._14-breakpoint4 {
flex-flow: row;
max-width: none;
padding: 40px 48px;
}
.text-38 {
width: 100%;
color: inherit;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
transition: color .2s;
}
.text-38.eyebrow {
grid-column-gap: 12px;
color: #8b6f1f;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin-bottom: 22px;
font-size: 11px;
font-weight: 950;
display: inline-flex;
}
.link-style {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style:hover {
color: #a88845;
}
.link-style.is-hidden-launch {
display: none;
}
.credits {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-15 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.link-style-2 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 187px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-2:hover {
color: #a88845;
}
.button-style-30 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-30:hover {
background-color: var(--brand--gold-hover);
}
.button-style-30:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.heading-23 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.row-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.row-5.footer-logo {
width: 350px;
}
.company-logo-2 {
overflow: hidden;
}
.column-18 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 50px;
text-decoration: none;
display: flex;
}
.column-19 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-31 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-37 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.footer-links {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
font-size: 13px;
text-decoration: none;
display: flex;
}
.social-links {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.header-65-desktop {
grid-row-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fdba994cb2dbd6377_services-hero-marops-interface.webp"), linear-gradient(#0000009e, #0000009e);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 520px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-17 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-6 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-6 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-wrapper-4 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-9 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-37 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.b2b-aicrmbi {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-40 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.layout-7 {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-18 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-7 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-5 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-10 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-38 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-24 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-41 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.component-7 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 758px;
display: flex;
}
.row-6 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card {
background-color: #fff;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 757px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-39 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 48px;
text-decoration: none;
display: flex;
}
.content-top {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-40 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-25 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-42 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-9 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-32 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-32:hover {
background-color: var(--brand--color-primary);
color: var(--text--white);
}
.button-style-32:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-33 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-4 {
object-fit: cover;
}
.column-20 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 757px;
text-decoration: none;
display: flex;
}
.row-7 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
text-decoration: none;
display: flex;
}
.card-2 {
background-color: #fff;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 338px;
display: flex;
overflow: hidden;
}
.content-style-41 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 337.5px;
padding: 24px;
display: flex;
}
.content-top-2 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.relume {
overflow: hidden;
}
.content-style-42 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 338px;
padding: 24px;
text-decoration: none;
display: flex;
}
.card-3 {
background-color: #fff;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 362px;
display: flex;
overflow: hidden;
}
.content-style-43 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 340px;
padding: 24px;
display: flex;
}
.content-style-44 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 327px;
padding: 24px;
display: flex;
}
.pricing {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-19 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-8 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-6 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-11 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-45 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-43 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-44 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-46 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-5 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.list-item-6 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-47 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-26 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-45 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-48 {
grid-row-gap: 32px;
background-color: #fff;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.price-title {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 232px;
text-decoration: none;
display: flex;
}
.heading-27 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.price {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.content-style-49 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.list-item-7 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.check {
object-fit: cover;
overflow: hidden;
}
.actions-10 {
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-34 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #000;
justify-content: center;
align-items: center;
width: 100%;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-34:hover {
background-color: var(--brand--gold-hover);
}
.button-style-34:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-35 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.layout-8 {
grid-row-gap: 80px;
background-color: #0f1a2e;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-20 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-8 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-21 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-9 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-7 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-12 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-50 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-28 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-46 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.heading-29 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.pricing-2 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-21 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-10 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-8 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-13 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-51 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.aipl {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.aicrm23 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-52 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-6 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.list-item-8 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-53 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-30 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-47 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-54 {
grid-row-gap: 32px;
background-color: #fff;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.price-title-2 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-2 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 232px;
text-decoration: none;
display: flex;
}
.heading-31 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.price-2 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.content-style-55 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.list-item-9 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-11 {
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-36 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #000;
justify-content: center;
align-items: center;
width: 100%;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-36:hover {
background-color: var(--brand--gold-hover);
}
.button-style-36:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-37 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.layout-9 {
grid-row-gap: 80px;
background-color: #0f1a2e;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-22 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-9 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-22 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-11 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-9 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-14 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-56 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-32 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-23 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-12 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-10 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-15 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-57 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-58 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-7 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.list-item-10 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-59 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-33 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-48 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-60 {
grid-row-gap: 32px;
background-color: #fff;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.price-title-3 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-34 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.price-3 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.content-style-61 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.list-item-11 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-12 {
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-38 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #000;
justify-content: center;
align-items: center;
width: 100%;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-38:hover {
background-color: var(--brand--gold-hover);
}
.button-style-38:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-39 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-24 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-10 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-23 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-13 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-16 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-62 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-35 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-25 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-14 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-63 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-64 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-12 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-65 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-36 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-49 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-66 {
grid-row-gap: 32px;
background-color: #fff;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.heading-37 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.price-4 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.content-style-67 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.list-item-13 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-13 {
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-40 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #000;
justify-content: center;
align-items: center;
width: 100%;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-40:hover {
background-color: var(--brand--gold-hover);
}
.button-style-40:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-41 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-26 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-11 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-24 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-15 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-17 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-68 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-38 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-27 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-16 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-18 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-69 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-70 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-14 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-71 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-39 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-50 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-72 {
grid-row-gap: 32px;
background-color: #fff;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.heading-40 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.content-style-73 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.list-item-15 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-14 {
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-42 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #000;
justify-content: center;
align-items: center;
width: 100%;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-42:hover {
background-color: var(--brand--gold-hover);
}
.button-style-42:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-43 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-28 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-12 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-25 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-74 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-51 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-29 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-17 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-19 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-75 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-76 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-16 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-77 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-41 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-52 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-78 {
grid-row-gap: 32px;
background-color: #fff;
border: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.heading-42 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.content-style-79 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-15 {
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-44 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #000;
justify-content: center;
align-items: center;
width: 100%;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-44:hover {
background-color: var(--brand--gold-hover);
}
.button-style-44:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-45 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-30 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-13 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-26 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-20 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-80 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-53 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.heading-43 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.comparison {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-31 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-18 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-81 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-44 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-54 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-82 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-8 {
justify-content: flex-start;
align-items: stretch;
width: 100%;
text-decoration: none;
display: flex;
}
.table-cell {
grid-row-gap: 12px;
border: 0 solid #000;
border-bottom-width: 1px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 404px;
height: 78px;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.heading-45 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.table-cell-2 {
grid-row-gap: 12px;
border: 0 solid #000;
border-bottom-width: 1px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 280px;
height: 78px;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.heading-46 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.table-cell-3 {
grid-row-gap: 12px;
border: 0 solid #000;
border-bottom-width: 1px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 316px;
height: 78px;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.heading-47 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.table-cell-4 {
grid-column-gap: 12px;
border: 0 solid #000;
border-bottom-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 404px;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.text-55 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.table-cell-5 {
grid-column-gap: 12px;
background-color: #f5f1e8;
border: 0 solid #000;
border-bottom-width: 1px;
justify-content: center;
align-items: center;
width: 100%;
padding: 16px 24px;
text-decoration: none;
display: flex;
}
.heading-48 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.table-cell-6 {
grid-column-gap: 12px;
border: 0 solid #000;
border-bottom-width: 1px;
justify-content: center;
align-items: center;
width: 100%;
padding: 16px 24px;
text-decoration: none;
display: flex;
}
.actions-16 {
justify-content: space-between;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.button-style-46 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-46:hover {
background-color: var(--brand--gold-hover);
}
.button-style-46:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-47 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.faq {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-32 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-19 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-56 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-57 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-83 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-9 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-17 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.question {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-58 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-84 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.content-style-85 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-17 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-48 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-48:hover {
background-color: var(--brand--navy-hover);
}
.button-style-48:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-49 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.cta-27-cta27breakpoint3-2 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a14480ef074c69f3ca1692e/6a145d71186dad0e672605e5_CTA-%2F-27-%2F%2FCTA%2F27%2FBreakpoint3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 448px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-33 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-86 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-87 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-49 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-59 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-18 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-50 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-50:hover {
background-color: var(--brand--gold-hover);
}
.button-style-50:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-51 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-52 {
grid-column-gap: 8px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-52:hover {
background-color: var(--brand--navy-hover);
}
.button-style-52:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.header-65-desktop-2 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14623610ee0dc251d555eb_ai-transparency-section-approval-workflow.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 520px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-34 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-14 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-20 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-11 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-21 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-88 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 966px;
text-decoration: none;
display: flex;
}
.text-60 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-61 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.timeline-2 {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-35 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-89 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-21 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-12 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-22 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-90 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-50 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-62 {
color: #000;
width: 100%;
max-width: 1100px;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-19 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-53 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-53:hover {
background-color: var(--brand--navy-hover);
}
.button-style-53:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-54 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-55 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-56 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-56:hover {
color: var(--brand--gold-hover);
}
.button-style-56:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.timeline-progress-2 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-91 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.placeholder-image-5 {
object-fit: cover;
}
.progress-container-2 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.divider-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 112.5px;
height: 3px;
text-decoration: none;
display: flex;
}
.circle-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
text-decoration: none;
display: flex;
}
.content-style-92 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 8px;
padding-right: 8px;
text-decoration: none;
display: flex;
}
.date-3 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.date-4 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.date-5 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.timeline-3 {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-36 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-93 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-22 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-13 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-23 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-94 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-51 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-63 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-20 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-57 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-58 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-59 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-60 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-60:hover {
color: var(--brand--gold-hover);
}
.button-style-60:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.timeline-progress-3 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-95 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.placeholder-image-6 {
object-fit: cover;
}
.content-style-96 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 8px;
padding-right: 8px;
text-decoration: none;
display: flex;
}
.date-6 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.date-7 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.date-8 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.timeline-4 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-37 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-97 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-98 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-23 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-14 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-24 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-99 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-52 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-64 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-21 {
grid-column-gap: 24px;
background-color: #8b6f1f;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-61 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-61:hover {
background-color: var(--brand--color-primary);
color: var(--text--white);
}
.button-style-61:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-62 {
color: #f5f1e8;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-62:hover {
color: var(--brand--gold-hover);
}
.button-style-62:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.content-style-100 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-4 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 312px;
text-decoration: none;
display: flex;
}
.progress-container-3 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
text-decoration: none;
display: flex;
}
.divider-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 257px;
text-decoration: none;
display: flex;
}
.timeline-date {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.content-style-101 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-9 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-53 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.timeline-progress-5 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 343px;
text-decoration: none;
display: flex;
}
.divider-5 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 42px;
text-decoration: none;
display: flex;
}
.divider-6 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 270px;
text-decoration: none;
display: flex;
}
.divider-7 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 239px;
text-decoration: none;
display: flex;
}
.timeline-progress-6 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 402px;
text-decoration: none;
display: flex;
}
.divider-8 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 329px;
text-decoration: none;
display: flex;
}
.timeline-date-2 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.layout-67 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146237852a1ce7051dabda_candidate-transition-dark-layered-background-03.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 348px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-38 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-15 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-27 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-54 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.column-28 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-65 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.timeline-5 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-39 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-102 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-103 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-24 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-15 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-25 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-104 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-55 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-66 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-22 {
grid-column-gap: 24px;
background-color: #8b6f1f;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-63 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-63:hover {
background-color: var(--brand--color-primary);
color: var(--text--white);
}
.button-style-63:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-64 {
color: #f5f1e8;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-64:hover {
color: var(--brand--gold-hover);
}
.button-style-64:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.content-style-105 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-7 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 281px;
text-decoration: none;
display: flex;
}
.progress-container-4 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
text-decoration: none;
display: flex;
}
.divider-9 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-10 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 226px;
text-decoration: none;
display: flex;
}
.timeline-date-3 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.content-style-106 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-10 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-56 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-11 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 208px;
text-decoration: none;
display: flex;
}
.timeline-progress-8 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 557px;
text-decoration: none;
display: flex;
}
.divider-12 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 484px;
text-decoration: none;
display: flex;
}
.timeline-date-4 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.layout-68 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622f59bf88a1d19fbf37_privacy-policy-hero-legal-documents.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 379px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-40 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-16 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-29 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-30 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-67 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.timeline-6 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-41 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-107 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-108 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-25 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-16 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-26 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-109 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-57 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-68 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-23 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-65 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-65:hover {
background-color: var(--brand--gold-hover);
}
.button-style-65:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-66 {
color: #f5f1e8;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-66:hover {
color: var(--brand--gold-hover);
}
.button-style-66:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.content-style-110 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-9 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 312px;
text-decoration: none;
display: flex;
}
.progress-container-5 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
text-decoration: none;
display: flex;
}
.divider-13 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-14 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 257px;
text-decoration: none;
display: flex;
}
.content-style-111 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-11 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-58 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-15 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 239px;
text-decoration: none;
display: flex;
}
.timeline-progress-10 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 281px;
text-decoration: none;
display: flex;
}
.divider-16 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 208px;
text-decoration: none;
display: flex;
}
.timeline-progress-11 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 526px;
text-decoration: none;
display: flex;
}
.divider-17 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 453px;
text-decoration: none;
display: flex;
}
.timeline-date-5 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.layout-69 {
grid-row-gap: 80px;
background-image: linear-gradient(#000000a1, #000000a1), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146236b7713527fa397d37_common-cta-premium-bridge-background.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 441px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-42 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-17 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-31 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-32 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-69 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.timeline-7 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-43 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-112 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-113 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-26 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-17 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-27 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-114 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-59 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-70 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-24 {
grid-column-gap: 24px;
background-color: #8b6f1f;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-67 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-68 {
color: #f5f1e8;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-68:hover {
color: var(--brand--gold-hover);
}
.button-style-68:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.content-style-115 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-12 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 281px;
text-decoration: none;
display: flex;
}
.divider-18 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-19 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 226px;
text-decoration: none;
display: flex;
}
.content-style-116 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-12 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-60 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-20 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 208px;
text-decoration: none;
display: flex;
}
.timeline-progress-13 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 557px;
text-decoration: none;
display: flex;
}
.divider-21 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 484px;
text-decoration: none;
display: flex;
}
.timeline-date-6 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.layout-70 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009c, #0000009c), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a1462374e57ae9c22b5a289_candidate-transition-dark-layered-background-02.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 410px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-44 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.column-33 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-34 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-71 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.timeline-8 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 1815px;
padding: 112px 64px;
display: flex;
overflow: hidden;
}
.container-45 {
grid-row-gap: 80px;
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-117 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-118 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-27 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-18 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-28 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-119 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-61 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-72 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-25 {
grid-column-gap: 24px;
background-color: #8b6f1f;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-69 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-70 {
color: #f5f1e8;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-70:hover {
color: var(--brand--gold-hover);
}
.button-style-70:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.content-style-120 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-14 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 312px;
text-decoration: none;
display: flex;
}
.divider-22 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-23 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 257px;
text-decoration: none;
display: flex;
}
.content-style-121 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-13 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-62 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-24 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 239px;
text-decoration: none;
display: flex;
}
.timeline-progress-15 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 588px;
text-decoration: none;
display: flex;
}
.divider-25 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 515px;
text-decoration: none;
display: flex;
}
.timeline-date-7 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.layout-71 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009c, #0000009c), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a1462302230269fd8478787_common-cta-consultation-background.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 379px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-35 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.timeline-9 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 1644px;
padding: 112px 64px;
display: flex;
overflow: hidden;
}
.content-style-122 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-123 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-28 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-19 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-29 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-124 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-63 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-73 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-26 {
grid-column-gap: 24px;
background-color: #8b6f1f;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-71 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-72 {
color: #f5f1e8;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-72:hover {
color: var(--brand--gold-hover);
}
.button-style-72:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.content-style-125 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-16 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 281px;
text-decoration: none;
display: flex;
}
.divider-26 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-27 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 226px;
text-decoration: none;
display: flex;
}
.content-style-126 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-14 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-64 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-28 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 42px;
text-decoration: none;
display: flex;
}
.divider-29 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 208px;
text-decoration: none;
display: flex;
}
.timeline-progress-17 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 526px;
text-decoration: none;
display: flex;
}
.divider-30 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 453px;
text-decoration: none;
display: flex;
}
.timeline-date-8 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.layout-72 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009c, #0000009c), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fed8e3baca39a78e6_ai-transparency-hero-governance-interface.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 348px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-36 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.faq-2 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.section-title-29 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-74 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-75 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-127 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-10 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-18 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.question-2 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-76 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-128 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.content-style-129 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-27 {
grid-column-gap: 24px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-73 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-73:hover {
background-color: var(--brand--navy-hover);
}
.button-style-73:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-74 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-74:hover {
color: var(--brand--gold-hover);
}
.button-style-74:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.cta-27-cta27breakpoint3-3 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a14480ef074c69f3ca1692e/6a145d71186dad0e672605e5_CTA-%2F-27-%2F%2FCTA%2F27%2FBreakpoint3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 448px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-46 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-130 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-131 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-65 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.actions-28 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-75 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-75:hover {
background-color: var(--brand--gold-hover);
}
.button-style-75:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-76 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-76:hover {
color: var(--brand--gold-hover);
}
.button-style-76:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-77 {
grid-column-gap: 8px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.header-65-desktop-3 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a14480ef074c69f3ca1692e/6a14e3f45a47b6313b3a914f_Header-%2F-65-%2F%2FDesktop.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 520px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-47 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-18 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-30 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-20 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-30 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-132 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-77 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.timeline-10 {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-48 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-133 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-31 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-21 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-31 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-134 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-66 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-78 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-29 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-78 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-78:hover {
background-color: var(--brand--navy-hover);
}
.button-style-78:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-79 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-80 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-81 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-81:hover {
color: var(--brand--gold-hover);
}
.button-style-81:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.timeline-progress-18 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-135 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.placeholder-image-7 {
object-fit: cover;
}
.progress-container-6 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.divider-31 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 112.5px;
height: 3px;
text-decoration: none;
display: flex;
}
.circle-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
text-decoration: none;
display: flex;
}
.content-style-136 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 8px;
padding-right: 8px;
text-decoration: none;
display: flex;
}
.date-15 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.date-16 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.timeline-11 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-49 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-137 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-138 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-32 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-22 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-32 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-139 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-67 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-79 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-140 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-19 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 250px;
text-decoration: none;
display: flex;
}
.progress-container-7 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
text-decoration: none;
display: flex;
}
.divider-32 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-33 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 195px;
text-decoration: none;
display: flex;
}
.timeline-date-9 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.content-style-141 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-17 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-68 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-34 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 42px;
text-decoration: none;
display: flex;
}
.divider-35 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 177px;
text-decoration: none;
display: flex;
}
.timeline-progress-20 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 495px;
text-decoration: none;
display: flex;
}
.divider-36 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 422px;
text-decoration: none;
display: flex;
}
.timeline-date-10 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.layout-73 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146237852a1ce7051dabda_candidate-transition-dark-layered-background-03.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 379px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-50 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-19 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-37 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-69 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.column-38 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-80 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.container-51 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-142 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-143 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-33 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-23 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-33 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.tagline-33.tagline-our {
font-size: 48px;
}
.content-style-144 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-70 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-81 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-145 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-21 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 250px;
text-decoration: none;
display: flex;
}
.progress-container-8 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
text-decoration: none;
display: flex;
}
.divider-37 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-38 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 195px;
text-decoration: none;
display: flex;
}
.timeline-date-11 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.content-style-146 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-18 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-71 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-39 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 42px;
text-decoration: none;
display: flex;
}
.divider-40 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 177px;
text-decoration: none;
display: flex;
}
.timeline-progress-22 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 433px;
text-decoration: none;
display: flex;
}
.divider-41 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 360px;
text-decoration: none;
display: flex;
}
.timeline-date-12 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.layout-74 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a14480ef074c69f3ca1692e/6a14e31b0f0b19e986bd81a9_Layout-%2F-67-%2F.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 348px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-52 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-20 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-39 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-72 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.column-40 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-82 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.container-53 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-147 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-148 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-34 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-24 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-149 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-73 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-83 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-150 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-23 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 250px;
text-decoration: none;
display: flex;
}
.divider-42 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-43 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 195px;
text-decoration: none;
display: flex;
}
.timeline-date-13 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.content-style-151 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-19 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-74 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-44 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 42px;
text-decoration: none;
display: flex;
}
.divider-45 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 177px;
text-decoration: none;
display: flex;
}
.timeline-progress-24 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 495px;
text-decoration: none;
display: flex;
}
.divider-46 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 422px;
text-decoration: none;
display: flex;
}
.layout-75 {
grid-row-gap: 80px;
background-image: linear-gradient(#000000a1, #000000a1), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146236b7713527fa397d37_common-cta-premium-bridge-background.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 379px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-54 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-21 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-41 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-75 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.column-42 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-84 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.container-55 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-152 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-153 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-25 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-154 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-76 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-85 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-155 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-25 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 250px;
text-decoration: none;
display: flex;
}
.divider-47 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-48 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 195px;
text-decoration: none;
display: flex;
}
.timeline-date-14 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.content-style-156 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-20 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-77 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-49 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 42px;
text-decoration: none;
display: flex;
}
.divider-50 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 177px;
text-decoration: none;
display: flex;
}
.timeline-progress-26 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 464px;
text-decoration: none;
display: flex;
}
.divider-51 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 391px;
text-decoration: none;
display: flex;
}
.layout-76 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009c, #0000009c), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a1462374e57ae9c22b5a289_candidate-transition-dark-layered-background-02.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 379px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-56 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-22 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-43 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-78 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.column-44 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-86 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.timeline-12 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 1483px;
padding: 112px 64px;
display: flex;
overflow: hidden;
}
.container-57 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-157 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-158 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-26 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-159 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-79 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-87 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-160 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-27 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 250px;
text-decoration: none;
display: flex;
}
.divider-52 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.divider-53 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 195px;
text-decoration: none;
display: flex;
}
.timeline-date-15 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.content-style-161 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-21 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-80 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-54 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 42px;
text-decoration: none;
display: flex;
}
.divider-55 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 177px;
text-decoration: none;
display: flex;
}
.timeline-progress-28 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 464px;
text-decoration: none;
display: flex;
}
.divider-56 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 391px;
text-decoration: none;
display: flex;
}
.layout-77 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009c, #0000009c), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a1462374e57ae9c22b5a289_candidate-transition-dark-layered-background-02.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 340px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-58 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-23 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-45 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-81 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.column-46 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-88 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.layout-78 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-59 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-24 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-162 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-27 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-163 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-82 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-89 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.list-item-19 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-3 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-30 {
grid-column-gap: 24px;
border: 1px solid #000;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-82 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-82:hover {
background-color: var(--brand--color-primary);
color: var(--text--white);
}
.button-style-82:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-83 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-8 {
object-fit: cover;
}
.faq-3 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-60 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-35 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-90 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-91 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-164 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-11 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-20 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.question-3 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-92 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-165 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.content-style-166 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-31 {
grid-column-gap: 24px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-84 {
grid-column-gap: 8px;
color: #fff;
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #1a2b4c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-84:hover {
color: #fff;
background-color: #243d6b;
}
.button-style-84:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.cta-27-cta27breakpoint3-4 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a14480ef074c69f3ca1692e/6a145d71186dad0e672605e5_CTA-%2F-27-%2F%2FCTA%2F27%2FBreakpoint3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 448px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-61 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-167 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-168 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-83 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-93 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-32 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-85 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-85:hover {
background-color: var(--brand--gold-hover);
}
.button-style-85:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-86 {
grid-column-gap: 8px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-86:hover {
background-color: var(--brand--navy-hover);
}
.button-style-86:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.header-65-desktop-4 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622f3f58effc630af12c_why-now-hero-shift-moment.webp");
background-size: auto, auto;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-62 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-25 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-36 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-28 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-34 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-169 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-3 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.layout-79 {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.component-26 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-left {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-37 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-29 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-35 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-170 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-84 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-94 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-9 {
object-fit: cover;
}
.button-style-87 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-87:hover {
background-color: var(--brand--navy-hover);
}
.button-style-87:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-88 {
color: #f5f1e8;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-88:hover {
color: var(--brand--gold-hover);
}
.button-style-88:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.layout-80 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 793px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-64 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-38 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-30 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-36 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-171 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-85 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-95 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.component-27 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-12 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-4 {
background-color: #fff;
border: 1px solid #000;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-172 {
grid-row-gap: 24px;
background-color: #f3efe6;
border: 1px solid #d2c8b8;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 219px;
padding: 24px;
text-decoration: none;
display: flex;
}
.content-top-3 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-86 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-96 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-5 {
background-color: #faf7ef;
border: 1px solid #c8b27a;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-173 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 219px;
padding: 24px;
text-decoration: none;
display: flex;
}
.stats {
grid-row-gap: 80px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-65 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-174 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-175 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 400px;
text-decoration: none;
display: flex;
}
.section-title-39 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-31 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-37 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-176 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-87 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-97 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.stats-9 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.stat {
grid-row-gap: 8px;
background-color: #f8f4ea;
border: 1px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.text-98 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 80px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-99 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.layout-81 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-66 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.card-6 {
background-color: #fff;
border: 1px solid #000;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 640px;
display: flex;
overflow: hidden;
}
.content-style-177 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 640px;
padding: 48px;
text-decoration: none;
display: flex;
}
.section-title-40 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-32 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-38 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-178 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-88 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-100 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.list-item-21 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-4 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-33 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-89 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-89:hover {
background-color: var(--brand--navy-hover);
}
.button-style-89:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-90 {
color: #f5f1e8;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-90:hover {
color: var(--brand--gold-hover);
}
.button-style-90:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.layout-82 {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-67 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-41 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-33 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-39 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-179 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-89 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-101 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-180 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-8 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-13 {
grid-column-gap: 64px;
border: 0 solid #000;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 48px;
padding-bottom: 48px;
text-decoration: none;
display: flex;
}
.list-item-22 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-40 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.content-style-181 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-90 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-102 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-34 {
grid-column-gap: 24px;
background-color: #8b6f1f;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-91 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-91:hover {
background-color: var(--brand--color-primary);
color: var(--text--white);
}
.button-style-91:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-92 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-92:hover {
color: var(--brand--gold-hover);
}
.button-style-92:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.timeline-13 {
grid-row-gap: 80px;
background-color: #fbf8f0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-68 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-182 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-183 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-42 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-34 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-41 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-184 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-91 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-103 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-35 {
grid-column-gap: 24px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-93 {
grid-column-gap: 8px;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-93:hover {
background-color: var(--brand--gold-hover);
color: var(--text--white);
}
.button-style-93:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-94 {
color: #f5f1e8;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-94:hover {
color: var(--brand--gold-hover);
}
.button-style-94:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.content-style-185 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-29 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 281px;
text-decoration: none;
display: flex;
}
.progress-container-9 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
text-decoration: none;
display: flex;
}
.divider-57 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.circle-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
text-decoration: none;
display: flex;
}
.divider-58 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 226px;
text-decoration: none;
display: flex;
}
.timeline-date-16 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.content-style-186 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-22 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-92 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.divider-59 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 42px;
text-decoration: none;
display: flex;
}
.divider-60 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 208px;
text-decoration: none;
display: flex;
}
.timeline-progress-30 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 144px;
text-decoration: none;
display: flex;
}
.divider-61 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 71px;
text-decoration: none;
display: flex;
}
.timeline-date-17 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.actions-36 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-95 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-95:hover {
background-color: var(--brand--gold-hover);
}
.button-style-95:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-96 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.cta-27-cta27breakpoint3-5 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a14480ef074c69f3ca1692e/6a145d71186dad0e672605e5_CTA-%2F-27-%2F%2FCTA%2F27%2FBreakpoint3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 448px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-69 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-187 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-188 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-93 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-104 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-37 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-97 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-97:hover {
background-color: var(--brand--gold-hover);
}
.button-style-97:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-98 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-98:hover {
color: var(--brand--gold-hover);
}
.button-style-98:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-99 {
grid-column-gap: 8px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-99:hover {
background-color: var(--brand--navy-hover);
}
.button-style-99:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.header-65-desktop-5 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146237b9680f5d297775e3_candidate-abstract-editorial-report-cover.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 520px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-70 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-28 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-43 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-35 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-42 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-189 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-2 {
color: #fff;
text-align: center;
width: 1040px;
max-width: 1040px;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-4 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.layout-83 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-71 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-190 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-47 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tagline-wrapper-36 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-43 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.heading-94 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-95 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.column-48 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-105 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 40px;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.list-9 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-23 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-106 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-0 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-1 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.layout-84 {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-72 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-44 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-49 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tagline-wrapper-37 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-44 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.heading-96 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-107 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-191 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-10 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-14 {
grid-column-gap: 32px;
border: 0 solid #000;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-24 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 32px;
padding-bottom: 32px;
text-decoration: none;
display: flex;
}
.content-style-192 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-97 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-108 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.layout-85 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-73 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-45 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-38 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-45 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-193 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-98 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-109 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.row-15 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 276px;
display: flex;
}
.heading-99 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-110 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.layout-86 {
grid-row-gap: 80px;
background-color: #fbf8f0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-74 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-46 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-50 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tagline-wrapper-39 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-46 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.heading-100 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-111 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.row-16 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-51 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-101 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-112 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.layout-87 {
grid-row-gap: 80px;
background-color: #0f1a2e;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-75 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-47 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-52 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tagline-wrapper-40 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-47 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.heading-102 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-113 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-194 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-11 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-17 {
grid-column-gap: 32px;
border: 0 solid #fff;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-item-25 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 32px;
padding-bottom: 32px;
text-decoration: none;
display: flex;
}
.content-style-195 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-103 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-114 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.timeline-14 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 1023px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-76 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-196 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-197 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 576px;
text-decoration: none;
display: flex;
}
.section-title-48 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-41 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-48 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-198 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-104 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-115 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-199 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timeline-progress-31 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 188px;
text-decoration: none;
display: flex;
}
.progress-container-10 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
text-decoration: none;
display: flex;
}
.divider-62 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 24px;
text-decoration: none;
display: flex;
}
.circle-5 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
text-decoration: none;
display: flex;
}
.divider-63 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 133px;
text-decoration: none;
display: flex;
}
.timeline-date-18 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.content-style-200 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.date-23 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.heading-105 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.timeline-progress-32 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 219px;
text-decoration: none;
display: flex;
}
.divider-64 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 42px;
text-decoration: none;
display: flex;
}
.divider-65 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 146px;
text-decoration: none;
display: flex;
}
.timeline-progress-33 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 128px;
height: 203px;
text-decoration: none;
display: flex;
}
.divider-66 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 3px;
height: 130px;
text-decoration: none;
display: flex;
}
.timeline-date-19 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.stats-10 {
grid-row-gap: 80px;
background-color: #f5f1e8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-77 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-201 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-202 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 400px;
text-decoration: none;
display: flex;
}
.section-title-49 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-42 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-49 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-203 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-106 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.stats-11 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-18 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.stat-8 {
grid-row-gap: 48px;
background-color: #f8f4ea;
border: 1px solid #d8d0c0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.text-116 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 50px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.content-style-204 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-117 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-118 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.layout-88 {
grid-row-gap: 80px;
background-color: #0f1a2e;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-78 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-50 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-53 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tagline-wrapper-43 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-50 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.heading-107 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-119 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.row-19 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-54 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-108 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-120 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.cta-27-cta27breakpoint3-6 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a14480ef074c69f3ca1692e/6a145d71186dad0e672605e5_CTA-%2F-27-%2F%2FCTA%2F27%2FBreakpoint3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 448px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-79 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-205 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-206 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-109 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-121 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-38 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-100 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-100:hover {
background-color: var(--brand--gold-hover);
}
.button-style-100:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-101 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-101:hover {
color: var(--brand--gold-hover);
}
.button-style-101:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-102 {
grid-column-gap: 8px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-102:hover {
background-color: var(--brand--navy-hover);
}
.button-style-102:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.header-65-desktop-6 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a15a8cbf0fc084e79bec4df_thank-you-hero-consultation-received.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 360px;
min-height: 360px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-80 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-29 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-51 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-44 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-51 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-207 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-3 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-5 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.faq-4 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-81 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.section-title-52 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-122 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.list-12 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-20 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-208 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.question-4 {
color: #000;
flex: none;
width: 280px;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-123 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-65-desktop-7 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fb9680f5d29777278_cookie-policy-hero-secure-data.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-82 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-30 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-53 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-45 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-52 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-209 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-124 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-125 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-126 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-210 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-83 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-211 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.rich-text {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-212 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.paragraph {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-65-desktop-8 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fed8e3baca39a78e6_ai-transparency-hero-governance-interface.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-84 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-31 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-54 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-46 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-53 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-213 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-4 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-6 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-127 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-214 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-85 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-215 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.rich-text-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-216 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.paragraph-2 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-65-desktop-9 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622f863a204034612c9a_growth-os-hero-secure-operating-system.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-86 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-32 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-55 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-47 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-54 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-217 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-5 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-7 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-128 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-218 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-87 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-219 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.rich-text-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-220 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.paragraph-3 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-65-desktop-10 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fcc85d4fb5ec5fb56_terms-of-service-hero-legal-documents.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 520px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-88 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-33 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-56 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-48 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-55 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-221 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-6 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-8 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-129 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-222 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-89 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-223 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.rich-text-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-224 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.paragraph-4 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.cloneable {
min-height: 100svh;
padding: var(--section-padding) var(--container-padding);
background-image: url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14ed79757e3023630204bd_404-hero-japan-from-space-sunrise.webp");
background-position: 0 0;
background-size: auto;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.main-container {
justify-content: center;
align-items: center;
max-width: 85rem;
height: 100%;
padding: 6rem;
transition: background-color 1.5s ease-in-out, border 1.5s ease-in-out, transform 1.5s ease-in-out;
display: flex;
position: relative;
}
.change-me {
-webkit-text-fill-color: inherit;
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14ed79757e3023630204bd_404-hero-japan-from-space-sunrise.webp");
background-size: cover;
background-clip: border-box;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.button {
background-color: #ffffff1a;
border: .5px solid #fff;
border-radius: 100rem;
margin-top: .25rem;
padding: .8rem 2rem;
font-size: 1.15rem;
font-weight: 400;
line-height: 1;
transition: background-color .1s ease-in-out;
}
.button:hover {
background-color: #ffffff40;
}
.button.is-link {
background-color: var(--\);
color: var(--\);
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none;
}
.button.is-link.is-icon {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.button.is-secondary {
color: var(--\);
background-color: #0000;
}
.button.is-small {
padding: .5rem 1.25rem;
}
.button.is-secondary {
background-color: #0000;
}
.section-2 {
height: 100vh;
position: relative;
overflow: hidden;
}
.section_content-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 23rem;
display: flex;
}
.heading-style-404 {
color: #fff;
font-size: 13rem;
line-height: .8;
}
.overlay {
color: #333;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14ed79757e3023630204bd_404-hero-japan-from-space-sunrise.webp");
background-position: 0 0, 50%;
background-size: auto, 100% 100vh;
background-attachment: scroll, scroll;
width: 200%;
height: 200%;
position: absolute;
inset: -50% 0% 0% -50%;
}
.page-wrapper {
z-index: 2;
max-width: 100%;
height: 100vh;
max-height: 100vh;
position: relative;
overflow: hidden;
}
.header-114 {
grid-column-gap: 80px;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146012852a06de764876ae_home-hero-earth-night.webp");
background-position: 0 0, 0 0;
background-size: auto, auto;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
min-height: 100px;
padding: 112px 64px;
display: flex;
}
.container-90 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-34 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 676px;
text-decoration: none;
display: flex;
}
.column-one-2 {
grid-row-gap: 32px;
flex-direction: column;
flex: none;
justify-content: flex-end;
align-items: flex-start;
width: 54%;
max-width: 640px;
height: 676px;
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
padding-bottom: 100px;
text-decoration: none;
display: flex;
}
.heading-110 {
color: #fff;
width: 600px;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.heading-110.home-hero-heading {
width: 100%;
max-width: 720px;
margin-bottom: 80px;
font-size: 38px;
line-height: 1.25;
}
.actions-39 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-103 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-103:hover {
background-color: var(--brand--gold-hover);
}
.button-style-103:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-103:focus-visible, .button-style-103[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.button-style-104 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-104:hover {
color: var(--brand--gold-hover);
}
.button-style-104:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-105 {
grid-column-gap: 8px;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-105:hover {
background-color: var(--text--white);
color: var(--background--navy);
}
.button-style-105:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-105:focus-visible, .button-style-105[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.column-two-2 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 40%;
min-width: 360px;
max-width: 400px;
height: 676px;
margin-left: auto;
text-decoration: none;
display: flex;
}
.content-style-225 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 420px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.text-130 {
color: #fff;
width: 100%;
min-width: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
padding-top: 40px;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.7;
text-decoration: none;
display: flex;
}
.jc_navbar-5-breakpint3-2 {
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: sticky;
overflow: hidden;
}
.header-style-2 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.container-91 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-226 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.company-logo-3 {
overflow: hidden;
}
.column-55 {
grid-column-gap: 32px;
color: #fff;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
transition: color .2s;
display: flex;
overflow: hidden;
}
.column-55:hover {
color: #a88845;
}
.nav-link-dropdown-2 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.link-text-2 {
color: inherit;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
transition: color .2s;
}
.link-text-2:hover {
color: #a88845;
}
.actions-40 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
margin-left: 24px;
margin-right: 24px;
text-decoration: none;
display: flex;
}
.button-style-106 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10px;
font-size: 14px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-106:hover {
background-color: var(--text--white);
color: var(--background--navy);
}
.button-style-106:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-106:focus-visible, .button-style-106[data-wf-focus-visible] {
border-color: #c4a45a;
}
.button-style-107 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 9px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-108 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10px;
font-size: 10px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-108:hover {
background-color: #a88845;
}
.button-style-108:focus {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.mega-menu-2 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.mega-menu-2.is-navy {
background-color: var(--brand--navy-dark);
color: var(--text--white);
}
.menu-2 {
grid-column-gap: 32px;
grid-column-gap: 32px;
background-color: #1a2b4c;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
font-size: 12px;
text-decoration: none;
display: flex;
}
.menu-2.is-navy {
background-color: var(--brand--navy-dark);
color: var(--text--white);
}
.menu-list-2 {
grid-row-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
font-size: 12px;
text-decoration: none;
display: flex;
}
.page-group-one-2 {
color: #c4a45a;
letter-spacing: .08em;
text-transform: uppercase;
letter-spacing: .08em;
text-transform: uppercase;
width: 100%;
margin-top: 0;
margin-bottom: 12px;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.menu-item-3 {
grid-column-gap: 12px;
grid-column-gap: 12px;
border: 1px solid #ffffff1f;
border-radius: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-227 {
color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
padding: 10px 12px;
text-decoration: none;
transition: color .2s;
display: block;
}
.content-style-227:hover {
color: #a88845;
}
.page-one-2 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 4px;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: color .2s;
display: block;
}
.page-one-2:hover {
color: var(--brand--gold);
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-2 {
color: #ffffffad;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
display: block;
}
.menu-item-4 {
grid-column-gap: 12px;
grid-column-gap: 12px;
background-color: #1a2b4c;
border: 1px solid #1a2b4c;
border-radius: 0;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 8px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.content-style-228 {
color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 10px 12px;
text-decoration: none;
display: block;
}
.content-style-228:hover {
color: #a88845;
}
.blog-2 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.blog-list-2 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.blog-item-2 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.placeholder-image-10 {
object-fit: cover;
}
.content-style-229 {
grid-row-gap: 4px;
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
transition: color .2s;
display: flex;
}
.content-style-229:hover {
color: #a88845;
}
.read-more-2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.page-group-one-3 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-92 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-109 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-3 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
position: fixed;
overflow: hidden;
}
.mega-menu-3 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-3 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-110 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-3 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-3 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-230 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-231 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.jc_navbar-5-breakpint3-3 {
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-111 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-3 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-11 {
object-fit: cover;
}
.column-56 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-232 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-233 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-4 {
overflow: hidden;
}
.read-more-3 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-3 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-5 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-41 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-6 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-3 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-3 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-3 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-3 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-4 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-93 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-112 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-4 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-4 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-4 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-113 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-4 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-4 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-234 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-235 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-114 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-4 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-12 {
object-fit: cover;
}
.column-57 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-236 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-237 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-5 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-4 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: sticky;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-4 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-4 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-7 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-42 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-8 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-4 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-4 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-4 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-4 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-5 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-94 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-115 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-5 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-5 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-5 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-116 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-5 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-5 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-238 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-239 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-117 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-5 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-13 {
object-fit: cover;
}
.column-58 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-240 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-241 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-6 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-5 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-5 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-5 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-9 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-43 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-10 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-5 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-5 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-5 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-5 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-6 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-95 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-118 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-6 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-6 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-6 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-119 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-6 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-6 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-242 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-243 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-120 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-6 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-14 {
object-fit: cover;
}
.column-59 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-244 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-245 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-7 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-6 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-6 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-6 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-11 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-44 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-12 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-6 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-6 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-6 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-6 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-7 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-96 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-121 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-7 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-7 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-7 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-122 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-7 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-7 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-246 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-247 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-123 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-7 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-15 {
object-fit: cover;
}
.column-60 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-248 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-249 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-8 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-7 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-7 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-7 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-13 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-45 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-14 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-7 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-7 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-7 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-7 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-8 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-97 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-124 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-8 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-8 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-8 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-125 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-8 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-8 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-250 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-251 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-126 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.column-61 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-252 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-253 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-9 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-8 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-8 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-8 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-15 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-46 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-16 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-8 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-8 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-8 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-8 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-9 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-98 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-127 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-9 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-9 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-9 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-128 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-9 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-9 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-254 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-255 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-129 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-8 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-16 {
object-fit: cover;
}
.column-62 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-256 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-257 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-10 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-9 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-9 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-9 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-17 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-47 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-18 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-9 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-9 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-9 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-9 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-10 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-99 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-130 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-10 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-10 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-10 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-131 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-10 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-10 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-258 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-259 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-132 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-9 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-17 {
object-fit: cover;
}
.column-63 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-260 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-261 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-11 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-10 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-10 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-10 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-19 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-48 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-20 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-10 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-10 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-10 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-10 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-11 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-100 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-133 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-11 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-11 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-11 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-134 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-11 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-11 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-262 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-263 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-135 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-10 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-18 {
object-fit: cover;
}
.column-64 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-264 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-265 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-12 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-11 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-11 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-11 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-21 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-49 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-22 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-11 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-11 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-11 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-11 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-12 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-101 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-136 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-12 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-12 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-12 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-137 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-12 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-12 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-266 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-267 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-138 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-11 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-19 {
object-fit: cover;
}
.column-65 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-268 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-269 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-13 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-12 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-12 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-12 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-23 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-50 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-24 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-12 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-12 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-12 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-12 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.page-group-one-13 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-102 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-139 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-13 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-13 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-13 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-140 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-13 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-13 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-270 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-271 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-141 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-12 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-20 {
object-fit: cover;
}
.column-66 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-272 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-273 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-14 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-13 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-13 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-13 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-25 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-51 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-26 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-13 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-13 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-13 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-13 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.body-3, .section-3, .body-4, .body-5, .body-6 {
margin-top: 0;
}
.page-group-one-14 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-103 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-142 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-14 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.mega-menu-14 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog-list-14 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-143 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.nav-link-dropdown-14 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-list-14 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-274 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-275 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-144 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.link-text-13 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.placeholder-image-21 {
object-fit: cover;
}
.column-67 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-276 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.content-style-277 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-15 {
overflow: hidden;
}
.jc_navbar-5-breakpint3-14 {
z-index: 1000;
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.read-more-14 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.menu-14 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-item-27 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.actions-52 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.menu-item-28 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.blog-14 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-14 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.page-one-14 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.blog-item-14 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.body-7, .body-8, .body-9, .body-10, .body-11 {
margin-top: 0;
}
.jc_footer-2 {
grid-row-gap: 80px;
background-color: #0f1a2e;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 80px 64px;
text-decoration: none;
display: flex;
}
.jc_footer-2._14-breakpoint4 {
flex-flow: row;
}
.container-104 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.column-68 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-278 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.heading-111 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-131 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-53 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.actions-54 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-145 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-146 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-69 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.links-2 {
grid-column-gap: 32px;
background-color: #0f1a2e;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 217px;
display: flex;
}
.column-70 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-132 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.footer-links-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.link-style-3 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-3:hover {
color: #a88845;
}
.text-133 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-71 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 173px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 194px;
text-decoration: none;
display: flex;
}
.link-style-4 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 187px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-4:hover {
color: #a88845;
}
.column-72 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.untitled-9, .untitled-10, .untitled-11, .untitled-12 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.credits-2 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-21 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.company-logo-16 {
overflow: hidden;
}
.text-134 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.social-links-2 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-135 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.link-style-5 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-5:hover {
color: #a88845;
}
.text-136 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-137 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-22 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-13 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-73 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-74 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-75 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-112 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-147 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.text-138 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-76 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.actions-55 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.column-77 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-279 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-139 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.link-style-6 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-6:hover {
color: #a88845;
}
.text-140 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-141 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-23 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-14 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-78 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-79 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-80 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-113 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-148 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-148:hover {
background-color: var(--brand--gold-hover);
}
.button-style-148:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.text-142 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-81 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.actions-56 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.column-82 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-280 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-143 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.link-style-7 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-7:hover {
color: #a88845;
}
.text-144 {
color: currentColor;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
transition: color .2s;
}
.text-144:hover {
color: #a88845;
}
.text-145 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-24 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-15 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-83 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-84 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-85 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-7 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-114 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-149 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-149:hover {
background-color: var(--brand--gold-hover);
}
.button-style-149:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.text-146 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-86 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.actions-57 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.column-87 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-281 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-147 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.link-style-8 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-8:hover {
color: #a88845;
}
.text-148 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.footer-links-8 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 194px;
text-decoration: none;
display: flex;
}
.text-149 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-25 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-16 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-88 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-89 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-90 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-9 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-115 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-150 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-150:hover {
background-color: var(--brand--gold-hover);
}
.button-style-150:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.text-150 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-91 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.actions-58 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.column-92 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-282 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.link-style-9 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-9:hover {
color: #a88845;
}
.text-151 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-152 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-26 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-17 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-93 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-94 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-95 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-10 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-116 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-151 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-151:hover {
background-color: var(--brand--gold-hover);
}
.button-style-151:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.text-153 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-96 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.actions-59 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.column-97 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-283 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.actions-60 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.link-style-10 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-10:hover {
color: #a88845;
}
.text-154 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-155 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-27 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-18 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-98 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-99 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-100 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-11 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-117 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-152 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-152:hover {
background-color: var(--brand--gold-hover);
}
.button-style-152:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.text-156 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-101 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.column-102 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-284 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.actions-61 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.link-style-11 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-11:hover {
color: #a88845;
}
.text-157 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-158 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-28 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-19 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-103 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-104 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-105 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-12 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-118 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-153 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.text-159 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-106 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.column-107 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-285 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.actions-62 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.link-style-12 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-12:hover {
color: #a88845;
}
.text-160 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.footer-links-13 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 194px;
text-decoration: none;
display: flex;
}
.text-161 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-29 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-20 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-108 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-109 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-110 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-119 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-154 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.text-162 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-111 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.column-112 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-286 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.actions-63 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.link-style-13 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-13:hover {
color: #a88845;
}
.text-163 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.footer-links-14 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 194px;
text-decoration: none;
display: flex;
}
.text-164 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-30 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-21 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-113 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-114 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-115 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-15 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-120 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-155 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.text-165 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-116 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.column-117 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-287 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.actions-64 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.link-style-14 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-14:hover {
color: #a88845;
}
.text-166 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-167 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-31 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-22 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-118 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-119 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-120 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-16 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-121 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-style-156 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.text-168 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-121 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.column-122 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-288 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.actions-65 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.content-style-289 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-157 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-157:hover {
background-color: var(--brand--gold-hover);
}
.button-style-157:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.menu-item-29 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-290 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-158 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-158:hover {
background-color: var(--text--white);
color: var(--background--navy);
}
.button-style-158:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.column-123 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.jc_navbar-5-breakpint3-15 {
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: sticky;
overflow: hidden;
}
.container-105 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-291 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-292 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-159 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-159:hover {
background-color: var(--brand--gold-hover);
}
.button-style-159:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.menu-item-30 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-293 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-160 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-160:hover {
background-color: var(--text--white);
color: var(--background--navy);
}
.button-style-160:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.column-124 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.jc_navbar-5-breakpint3-16 {
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: sticky;
overflow: hidden;
}
.container-106 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-294 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-295 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-161 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-161:hover {
background-color: var(--brand--gold-hover);
}
.button-style-161:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.menu-item-31 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-296 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-162 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-162:hover {
background-color: var(--text--white);
color: var(--background--navy);
}
.button-style-162:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.column-125 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.jc_navbar-5-breakpint3-17 {
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: sticky;
overflow: hidden;
}
.container-107 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-297 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-298 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-163 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-163:hover {
background-color: var(--brand--gold-hover);
}
.button-style-163:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.menu-item-32 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-299 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-164 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.column-126 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.jc_navbar-5-breakpint3-18 {
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
position: sticky;
overflow: hidden;
}
.container-108 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-300 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-301 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-165 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-165:hover {
background-color: var(--brand--gold-hover);
}
.button-style-165:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.menu-item-33 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-302 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-166 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-166:hover {
background-color: var(--text--white);
color: var(--background--navy);
}
.button-style-166:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.column-127 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-109 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-303 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-304 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-167 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.menu-item-34 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-305 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-168 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.column-128 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-110 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-306 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-307 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-169 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.menu-item-35 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-308 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-170 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.column-129 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-111 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-309 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-310 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-171 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.menu-item-36 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-311 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-172 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.column-130 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-112 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-312 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-313 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-173 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.menu-item-37 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-314 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-174 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.column-131 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-113 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-315 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-316 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-175 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.menu-item-38 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-317 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-176 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.column-132 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-114 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-318 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-319 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-177 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.menu-item-39 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-320 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-178 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.column-133 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-115 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-321 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-65-desktop-11 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fdba994cb2dbd6377_services-hero-marops-interface.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 520px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-116 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-35 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-57 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-wrapper-49 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-56 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-322 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.b2b-aicrmbi-2 {
color: #fff;
text-align: center;
order: 0;
align-self: auto;
width: 1040px;
max-width: 1000px;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 125%;
text-decoration: none;
}
.text-169 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.header-65-desktop-12 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622f1cea6987dab03a42_method-hero-method-architecture.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 520px;
min-height: 520px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-117 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-36 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-58 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-50 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-57 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-323 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-170 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-23 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-324 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.menu-item-40 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-325 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-134 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-179 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-179:hover {
background-color: #a88845;
}
.button-style-179:focus {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.button-style-180 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-180:hover {
background-color: #ffffff26;
}
.button-style-180:focus-visible, .button-style-180[data-wf-focus-visible] {
border-color: #c4a45a;
}
.container-118 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-326 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.paragraph-5 {
color: #fff;
}
.body-12 {
color: #0e0e0e;
}
.section-4 {
background-color: #faf7f2;
}
.body-13 {
background-color: #0d1b2a;
}
.iseq_contact-modal {
background-color: #00000040;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 1440px;
height: 2388px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.modal {
background-color: #fff;
padding: 64px;
overflow: hidden;
}
.section-title-59 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 711px;
padding: 10px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.heading-122 {
color: #111827;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-171 {
color: #111827;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-172 {
color: #111827;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 32px;
text-decoration: none;
}
.text-173 {
color: #111827;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.section-title-60 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 512px;
text-decoration: none;
display: flex;
}
.form-style {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 512px;
text-decoration: none;
display: flex;
}
.text-174 {
color: #111827;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-175 {
color: #ec221f;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-176 {
color: #0000004d;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-input {
grid-column-gap: 8px;
border: 1px solid #111827;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 512px;
padding: 12px;
text-decoration: none;
display: flex;
}
.text-input-2 {
grid-column-gap: 8px;
border: 1px solid #111827;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 512px;
height: 48px;
padding: 12px;
text-decoration: none;
display: flex;
}
.select {
grid-column-gap: 16px;
border: 1px solid #111827;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 512px;
padding: 12px;
text-decoration: none;
display: flex;
}
.text-177 {
color: #0000004d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.keyboard_arrow_down {
object-fit: cover;
overflow: hidden;
}
.input-2 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-178 {
color: #111827;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.select-2 {
grid-column-gap: 16px;
border: 1px solid #111827;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 12px;
text-decoration: none;
display: flex;
}
.select-3 {
grid-column-gap: 16px;
border: 1px solid #6b7280;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 12px;
text-decoration: none;
display: flex;
}
.text-area {
border: 1px solid #111827;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 180px;
padding: 12px;
display: flex;
}
.checkbox {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.checkbox-2 {
background-color: #fff;
border: 1px solid #111827;
overflow: hidden;
}
.label-style {
color: #111827;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.brimary-buttons {
grid-column-gap: 8px;
background-color: #1e40af;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 192px;
height: 48px;
padding: 16px 32px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button_label {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
}
.icon {
overflow: hidden;
}
.jos-text-3 {
color: #000;
margin-bottom: 1em;
font-family: Open Sans, sans-serif;
font-size: 1.1em;
font-weight: 600;
line-height: 1.3em;
}
.jos-container-1 {
width: 100%;
max-width: 75em;
margin-left: auto;
margin-right: auto;
}
.jos-wrap-2 {
text-align: center;
background-color: #faf7f2;
}
.jos-imput-1 {
color: #000;
border: 1.7px solid #e8e6e7;
border-radius: .3em;
height: 3em;
margin-bottom: 1.3em;
padding: 1em;
font-size: 1.3em;
line-height: 1.3em;
}
.jos-link-2 {
color: #000;
font-family: Open Sans, sans-serif;
font-size: 1.5em;
font-weight: 600;
line-height: 1.3em;
}
.jos-wrap-1 {
grid-column-gap: 2.3em;
grid-row-gap: 2.3em;
flex-direction: column;
display: flex;
}
.jos-grid-1 {
grid-column-gap: 7em;
grid-row-gap: 7em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.jos-text-2 {
color: #616161;
margin-bottom: 3em;
font-family: Open Sans, sans-serif;
font-size: 1.5em;
font-weight: 600;
line-height: 1.6em;
}
.jos-section-1 {
padding: 10em 5em;
font-size: 1vw;
}
.jos-select-field-1 {
color: #999;
background-color: #0000;
border: 1.7px solid #e8e6e7;
border-radius: .3em;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.3em;
font-weight: 400;
line-height: 1.3em;
}
.jos-form-1 {
flex-direction: column;
display: flex;
}
.jos-button-1 {
color: #fff;
text-align: center;
background-color: #c7eb5a;
border-radius: .3em;
margin-top: 2em;
padding: .8em 1em;
font-size: 1.4em;
font-weight: 500;
line-height: 1.3em;
display: block;
}
.jos-button-1:hover {
background-image: linear-gradient(#ffffff12, #ffffff12);
}
.pit-paragraph-1 {
color: #9ea3a9;
margin-top: 1.5em;
margin-bottom: 1em;
font-size: 1.3em;
font-weight: 400;
line-height: 1.6em;
}
.pit-heading-1 {
color: #2a4156;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 1.5em;
font-size: 32px;
font-weight: 800;
line-height: 1.3em;
}
.pit-wrap-5 {
display: block;
}
.pit-wrap-7 {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
background-color: #faf7f2;
border-top: 1px #e0e0e0;
border-bottom: 1px #e0e0e0;
flex-direction: column;
padding-top: 2.5em;
padding-bottom: 2.5em;
display: flex;
}
.pit-paragraph-2 {
color: #2a4156;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
}
.pit-wrap-1 {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #faf7f2;
align-items: flex-start;
display: flex;
}
.pit-imput-1 {
color: #9ea3a9;
border: 1px solid #e0e0e0;
border-radius: .3em;
height: 3em;
margin-bottom: 0;
padding: 1em;
font-size: 1.3em;
line-height: 1.3em;
}
.pit-imput-1.do {
padding-top: 1.3em;
padding-bottom: 8em;
}
.pit-wrap-2 {
flex: 1;
padding-right: 3em;
}
.pit-grid-1 {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pit-paragraph-3 {
margin-bottom: 0;
}
.pit-text-1 {
color: #2a4156;
text-transform: capitalize;
font-size: 15px;
font-weight: 600;
line-height: 1.3em;
}
.pit-bold-1 {
text-decoration: underline;
}
.pit-wrap-3 {
flex: 1;
padding-top: 3.5em;
padding-left: 1em;
display: flex;
}
.pit-wrap-6 {
padding-bottom: 2.5em;
}
.pit-wrap-8 {
color: #2a4156;
padding-top: 2.5em;
font-size: 1.3em;
font-weight: 400;
line-height: 1.6em;
}
.pit-wrap-9 {
margin-right: 4em;
}
.pit-button-1 {
color: #fff;
background-color: #34abd2;
border-radius: .3em;
padding: 1em 3em;
font-size: 1.3em;
font-weight: 700;
line-height: 1.3em;
}
.pit-section-1 {
z-index: 5;
background-color: #faf7f2;
padding: 7em 5em;
font-size: 1vw;
position: relative;
}
.pit-container-1 {
grid-row-gap: 0px;
background-color: #faf7f2;
flex-direction: column;
width: 100%;
max-width: 75em;
margin-left: auto;
margin-right: auto;
display: flex;
}
.pit-wrap-4 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.grid {
grid-template-areas: ". ."
". Area";
}
.content-style-327 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.menu-item-41 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-328 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-135 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-181 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-181:hover {
background-color: #a88845;
}
.button-style-181:focus {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.button-style-182 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button-style-182:hover {
background-color: #ffffff26;
}
.button-style-182:focus-visible, .button-style-182[data-wf-focus-visible] {
border-color: #c4a45a;
}
.container-119 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-329 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.stats-12 {
grid-row-gap: 80px;
background-color: #fbf8f0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.stats-12._25 {
padding-top: 40px;
padding-bottom: 40px;
}
.container-120 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-330 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-136 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tagline-wrapper-51 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-58 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.heading-123 {
color: #000;
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.column-137 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-179 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.stats-13 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.stat-9 {
grid-row-gap: 48px;
background-color: #f7f2e8;
border: 1px solid #d8d0c0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px;
text-decoration: none;
display: flex;
}
.text-180 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 36px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.content-style-331 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-181 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-182 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-183 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 36px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.button-style-183 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #fff;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-183:hover {
background-color: var(--brand--navy-hover);
}
.button-style-183:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-184 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.insights-hero-section {
background-color: #0d1b2a;
margin-bottom: 80px;
padding-top: 80px;
}
.insights-container {
width: 1200px;
max-width: 1200px;
}
.insights-page-title {
color: #fff;
font-size: 48px;
}
.insights-page-subtitle {
color: #c8a96e;
font-size: 18px;
}
.insights-featured-section {
color: #0d1b2a;
text-align: center;
padding-top: 60px;
padding-bottom: 40px;
}
.insights-featured-container {
max-width: 1200px;
}
.featured-card {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #1a2b4c;
border-radius: 12px;
width: 100%;
padding: 40px;
display: flex;
}
.featured-card-image, .featured-card-content {
width: 50%;
}
.image {
object-fit: cover;
border-radius: 8px;
width: 50%;
height: 400px;
}
.featured-card-title {
color: #fff;
font-size: 28px;
}
.featured-card-summary {
color: #a0b0c0;
font-size: 16px;
}
.featured-card-meta {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.author, .meta-date, .meta-readtime {
color: #c8a96e;
}
.text-block {
color: #c8a96e;
font-size: 16px;
font-weight: 700;
}
.insights-grid-section {
background-color: #0d1b2a;
padding-top: 60px;
padding-bottom: 80px;
}
.grid-card {
background-color: #1a2b4c;
border-radius: 12px;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.grid-card-image {
background-color: #0d1b2a;
height: 200px;
overflow: hidden;
}
.grid-card-content {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
padding: 20px;
display: flex;
}
.grid-card-category {
color: #f5f1e8;
-webkit-text-stroke-color: #c9a84c;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
line-height: 1.4em;
}
.grid-card-summary {
color: #a8b8cc;
line-height: 20em;
}
.grid-card-meta {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-top: auto;
display: flex;
}
.grid-card-author, .grid-card-readtime {
color: #a8b8cc;
}
.grid-card-link {
z-index: 1;
position: absolute;
inset: 0;
}
.image-2 {
object-fit: cover;
width: 100%;
height: 100%;
overflow: hidden;
}
.post-hero-section {
background-color: #0d1b2a;
padding-top: 80px;
padding-bottom: 60px;
}
.post-hero-container {
width: auto;
max-width: 800px;
padding-left: 24px;
padding-right: 24px;
}
.post-category {
color: #c9a84c;
text-transform: uppercase;
font-size: 12px;
}
.post-title {
color: #f5f1e8;
font-size: 40px;
line-height: 1.3em;
}
.post-meta {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 24px;
display: flex;
}
.post-author, .post-date, .post-readtime {
color: #a8b8cc;
}
.post-body-section {
color: #0d1b2a;
padding-top: 60px;
padding-bottom: 80px;
}
.post-body-container {
max-width: 800px;
}
.post-body {
color: #d0d8e0;
font-size: 16px;
line-height: 1.8em;
}
.content-style-332 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.button-style-185 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.menu-item-42 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.button-style-186 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.container-121 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-333 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-334 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-138 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-139 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-66 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-184 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-140 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-17 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-185 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-141 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.row-32 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.column-142 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.text-186 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.link-style-15 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-15:hover {
color: #a88845;
}
.content-style-335 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.untitled-24 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.heading-124 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.column-143 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-187 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.grid-layout {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.grid-layout.desktop-6-column {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid-layout.desktop-1-column {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.grid-layout.desktop-3-column {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-layout.desktop-4-column {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.utility-padding-all-2rem {
padding: 2rem;
}
.flex-layout {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
display: flex;
}
.flex-layout.flex-vertical {
flex-direction: column;
}
.icon-small {
width: 1.25rem;
height: 1.25rem;
}
.paragraph-s {
letter-spacing: 0;
margin-bottom: 1rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: .875rem;
line-height: 1.6em;
}
.utility-margin-bottom-0 {
margin-bottom: 0;
}
.utility-margin-top-2rem {
margin-top: 2rem;
}
.utility-image-cover {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
inset: 0%;
}
.utility-aspect-3x2 {
aspect-ratio: 3 / 2;
}
.utility-aspect-2x3 {
aspect-ratio: 2 / 3;
position: relative;
}
.utility-margin-top-1rem {
margin-top: 1rem;
}
.utility-padding-all-0 {
padding: 0;
}
.utility-position-relative {
position: relative;
}
.utility-position-absolute {
position: absolute;
}
.utility-padding-top-4rem {
padding-top: 4rem;
}
.utility-padding-bottom-4rem {
padding-bottom: 4rem;
}
.utility-padding-all-4rem {
padding: 4rem;
}
.utility-margin-bottom-2rem {
margin-bottom: 2rem;
}
.utility-text-align-center {
text-align: center;
}
.utility-margin-bottom-4rem {
margin-bottom: 4rem;
}
.eyebrow {
letter-spacing: .01em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 1rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: .9rem;
font-weight: 700;
line-height: 1.3em;
}
.card-link {
color: #000;
background-color: #fff;
border: 1px solid #0000001a;
border-radius: .25rem;
margin-bottom: 0;
text-decoration: none;
list-style-type: none;
transition: color .2s;
}
.utility-padding-all-1rem {
padding: 1rem;
}
.tag {
color: #000;
background-color: #0000;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem .5rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.tag.is-home-insights-category {
display: flex;
}
.tag.is-home-insights-category.tag-is-home-insights-compact-tag {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
align-items: center;
padding: 2px 8px 2px 0;
font-size: 11px;
}
.utility-margin-bottom-1rem {
margin-bottom: 1rem;
}
.utility-link-content-block {
color: inherit;
text-decoration: none;
}
.utility-aspect-1x1 {
aspect-ratio: 1;
position: relative;
}
.top-post {
justify-content: center;
align-items: center;
padding: 150px 30px 60px;
display: flex;
}
.container-122 {
flex-wrap: wrap;
place-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
}
.posts-wrapper {
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.posts-wrapper.cc-top-post {
justify-content: space-between;
}
.top-post-item {
perspective: 2000px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.container-123, .container-124 {
flex-wrap: wrap;
place-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
}
.section_blog2 {
background-color: var(--\);
color: var(--\);
}
.padding-global {
background-color: #faf7f0;
padding-left: 5%;
padding-right: 5%;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.padding-section-large {
padding-top: 7rem;
padding-bottom: 7rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-xxlarge {
text-align: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-xsmall, .margin-bottom.margin-small {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small.blog2_image-column {
width: 280px;
max-width: 280px;
}
.margin-bottom.margin-xxsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.margin-bottom.margin-medium, .margin-bottom.margin-large {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-xlarge {
margin: 48px 0;
}
.margin-bottom.margin-tiny, .margin-bottom.margin-xsmall, .margin-bottom.margin-xsmall, .margin-bottom.margin-xsmall, .margin-bottom.margin-xsmall, .margin-bottom.margin-xsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-align-center {
text-align: center;
width: 100%;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.heading-style-h1 {
color: #f5f1e8;
text-align: center;
-webkit-text-stroke-color: #f5f1e8;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
}
.insights-title {
color: #0f1a2e;
padding-top: 16px;
padding-bottom: 16px;
font-size: 1.125rem;
}
.insights-title.text-weight-semibold {
margin-bottom: 8px;
padding-bottom: 0;
font-size: 18px;
display: flex;
}
.insights-title.text-weight-semibold.blogpost-author-name {
color: #fff;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 700;
}
.blog2_content {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.category-filter-menu {
align-items: center;
width: 100%;
margin-bottom: 4rem;
display: flex;
}
.category-filter-menu.is-center {
justify-content: center;
align-items: center;
}
.category-filter-link {
border: 1px solid var(--\);
background-color: var(--\);
white-space: nowrap;
flex: none;
padding: .5rem 1rem;
text-decoration: none;
}
.category-filter-link:hover {
border-color: var(--brand--gold);
background-color: var(--brand--gold);
color: var(--text--white);
}
.category-filter-link:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.category-filter-link.w--current {
border-color: var(--\);
background-color: var(--\);
font-weight: 500;
}
.category-filter-link.current {
border-color: var(--\);
background-color: var(--\);
}
.blog2_list-wrapper.blog2_list-wrapper-is-insights-list-wrapper {
width: 100%;
max-width: 760px;
margin-left: 0;
}
.blog2_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.blog2_item {
cursor: pointer;
background-color: #1a2b4c;
transition: transform .2s, box-shadow .2s;
position: relative;
}
.blog2_item:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px #0000001f;
}
.blog2_item.blog2_item-is-insights-list-card {
background-color: #fff;
transition: border-color .2s;
}
.blog2_item.blog2_item-is-insights-list-card:hover {
border-color: #8b6f1f;
}
.blog2_item.blog2_item-is-insights-list-card.position-relative {
transition: border-color .2s cubic-bezier(.25, .46, .45, .94), box-shadow .2s cubic-bezier(.25, .46, .45, .94), transform .2s cubic-bezier(.25, .46, .45, .94);
}
.blog2_item-link {
background-color: #fff;
border: 1px solid #d6c8a3;
border-radius: 2px;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.blog2_item-link.blog2_item-link-is-insights-list-card-link.position-relative {
z-index: 10;
background-color: #0000;
position: absolute;
inset: 0;
}
.blog2_image-wrapper {
border-radius: 8px;
width: 100%;
min-width: 180px;
height: 100%;
overflow: hidden;
}
.blog2_image-wrapper.blog2_image-wrapper-is-insights-list-image-wrapper {
border-radius: 0;
}
.blog2_image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog2_meta-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 8px;
font-family: Noto Sans JP, sans-serif;
display: flex;
}
.tag-2 {
color: #000;
background-color: #0000001a;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem .5rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
display: inline-block;
}
.blogpost-related-category-tag {
color: #8a8170;
font-size: 11px;
}
.blogpost-related-category-tag.text-weight-semibold {
color: #6b7280;
text-align: right;
justify-content: flex-start;
display: flex;
}
.blogpost-related-category-tag.text-weight-semibold.text-inline {
display: inline;
}
.blogpost-related-category-tag.text-color-white {
color: #444;
width: auto;
font-family: JetBrains Mono, sans-serif;
font-size: 11px;
line-height: .02em;
}
.blogpost-related-category-tag.text-color-white.blogpost-meta-mono {
color: #444;
-webkit-text-stroke-color: #444;
font-family: JetBrains Mono, sans-serif;
font-size: 11px;
line-height: .02em;
}
.blogpost-related-category-tag.blogpost-related-meta {
color: #8a8170;
font-family: JetBrains Mono, sans-serif;
font-size: 11px;
}
.heading-style-h5 {
color: #000;
margin-top: 10px;
margin-bottom: 20px;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
}
.heading-style-h5.blogpost-related-title {
color: #1a2b4c;
font-size: 16px;
line-height: 1.6;
}
.heading-style-h5.heading-style-h5-is-home-insights-compact-title {
color: #0f1a2e;
margin-bottom: 14px;
font-size: 17px;
line-height: 1.45;
}
.text-size-regular {
clear: left;
color: #0f1a2e;
margin-bottom: 20px;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
}
.text-size-regular.is-home-insights-featured-excerpt {
color: #5c6678;
width: 100%;
margin-bottom: 28px;
line-height: 1.8;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-small {
color: #0f1a2e;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.margin-top.margin-medium, .margin-top.margin-xxlarge, .margin-top.margin-xsmall, .margin-top.margin-xxsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-xxsmall, .margin-top.margin-xsmall, .margin-top.margin-xsmall, .margin-top.margin-medium, .margin-top.margin-xsmall {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.button-group {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
font-family: Noto Sans JP, sans-serif;
display: flex;
}
.button-group.is-right {
justify-content: flex-end;
align-items: center;
}
.button-group.is-center {
justify-content: center;
align-items: center;
}
.button-group.button-group-is-home-insights-read-link-wrap {
padding-left: 0;
}
.icon-embed-xxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-top: 20px;
display: flex;
}
.section_blog-post-header2 {
background-color: var(--\);
color: var(--\);
}
.blog-post-header2_meta-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tag-3 {
color: #000;
background-color: #0000001a;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem .5rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
display: inline-block;
}
.heading-style-h2 {
text-align: left;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
}
.heading-style-h2.text-color-white.blogpost-hero-title {
color: #fff;
font-family: Noto Sans JP, sans-serif;
font-size: 40px;
}
.blog-post-header2_image-wrapper {
border-radius: var(--\);
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.blog-post-header2_image {
aspect-ratio: 5 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-post-header2_content-bottom {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.blog-post-header2_author-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
align-items: center;
display: flex;
}
.text-weight-medium {
font-weight: 500;
}
.blog-post-header2_share {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: start;
display: flex;
}
.blog-post-header2_social-link {
background-color: var(--\);
border-radius: 20px;
padding: .25rem;
}
.icon-embed-xsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.navbar1_component {
border-bottom: 1px solid var(--\);
background-color: var(--\);
align-items: center;
width: 100%;
height: auto;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.navbar1_container {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navbar1_logo-link {
padding-left: 0;
}
.navbar1_menu {
align-items: center;
display: flex;
position: static;
}
.navbar1_link {
padding: .5rem 1rem;
}
.navbar1_link.w--current {
color: var(--\);
}
.navbar1_dropdown-toggle {
grid-column-gap: .5rem;
align-items: center;
padding: .5rem 1rem;
display: flex;
}
.dropdown-chevron {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.navbar1_dropdown-list.w--open {
border: 1px solid var(--\);
background-color: var(--\);
padding: .5rem;
}
.navbar1_dropdown-link {
padding: .5rem 1rem;
}
.navbar1_dropdown-link.w--current {
color: var(--\);
}
.navbar1_menu-buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: 1rem;
display: flex;
}
.navbar1_menu-button {
padding: 0;
}
.blog3-header_heading-wrapper {
align-items: center;
width: 100%;
margin-bottom: 2.5rem;
display: flex;
}
.blog3-header_featured-blog {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-bottom: 5rem;
display: grid;
}
.blog3-header_image-link {
width: 100%;
margin-bottom: 1.5rem;
}
.blog3-header_image-wrapper {
width: 100%;
overflow: hidden;
}
.blog3-header_image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog3-header_meta-wrapper {
margin-bottom: 1rem;
}
.blog3-header_category-link {
background-color: var(--\);
margin-right: 1rem;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.blog3-header_category-link.w--current {
border-bottom: 2px solid var(--\);
}
.blog3-header_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.blog3-header_title-link.main-post {
margin-bottom: 1rem;
}
.heading-medium-4 {
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.blog3-header_button-wrapper {
margin-top: 1.5rem;
display: flex;
}
.blog3-header_featured-list {
grid-column-gap: 0rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog3-header_featured-item {
grid-column-gap: 1.5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.blog3-header_featured-image-link {
width: 100%;
}
.blog3-header_mini-image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog3-header_featured-item-content {
flex-direction: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.blog3-header_featured-title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.blog3-header_featured-button-wrapper {
margin-top: .5rem;
display: flex;
}
.blog3-header_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.blog3-newsletter_component {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
}
.blog3-newsletter_content {
flex: 1;
}
.blog3-newsletter_form {
max-width: 30rem;
margin-bottom: 0;
}
.signup-form-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: 1rem;
display: grid;
}
.form_input {
border: 1px solid var(--\);
background-color: var(--\);
height: auto;
min-height: 2.75rem;
color: var(--\);
border-radius: 0;
margin-bottom: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.6;
}
.form_input:focus {
border-color: #000;
}
.form_input::placeholder {
color: #0009;
}
.text-size-tiny {
font-size: .75rem;
}
.success-message {
background-color: var(--\);
padding: 1.5rem;
}
.success-text {
font-weight: 600;
}
.error-message {
margin-top: 1.5rem;
padding: .875rem 1rem;
}
.error-text {
color: #e23939;
}
.blog3-category_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
display: grid;
}
.blog3-category_heading {
flex: 1;
}
.blog3-category_button-row {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.blog3-category_button-row.mobile-landscape {
display: none;
}
.blog3-category_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.blog3-category_image-link {
width: 100%;
margin-bottom: 1.5rem;
}
.blog3-category_image-wrapper {
width: 100%;
overflow: hidden;
}
.blog3-category_image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog3-category_meta-wrapper {
margin-bottom: 1rem;
}
.blog3-category_category-link {
background-color: var(--\);
margin-right: 1rem;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.blog3-category_category-link.w--current {
border-bottom: 2px solid var(--\);
}
.blog3-category_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.blog3-category_button-wrapper {
margin-top: 1.5rem;
display: flex;
}
.blog3-cta_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.padding-vertical, .padding-vertical.padding-xxlarge {
padding-left: 0;
padding-right: 0;
}
.padding-bottom, .padding-bottom.padding-xxlarge, .padding-bottom.padding-xhuge {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer1_top-wrapper {
grid-column-gap: 8vw;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
align-items: start;
}
.footer1_left-wrapper {
flex-direction: column;
display: flex;
}
.footer1_logo-link {
padding-left: 0;
}
.footer1_form-block {
max-width: 35rem;
margin-bottom: 0;
}
.footer1_form {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: .75rem;
display: grid;
}
.footer1_menu-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: start;
}
.footer1_link-list {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: flex-start start;
display: flex;
}
.footer1_link {
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .875rem;
text-decoration: none;
}
.footer1_social-link {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .875rem;
text-decoration: none;
display: flex;
}
.line-divider {
background-color: var(--\);
width: 100%;
height: 1px;
}
.padding-top, .padding-top.padding-medium {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.footer1_bottom-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer1_credit-text {
font-size: .875rem;
}
.footer1_legal-list {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
display: grid;
}
.footer1_legal-link {
font-size: .875rem;
text-decoration: underline;
}
.section_blog62 {
background-color: var(--\);
color: var(--\);
}
.blog62_component {
flex-direction: column;
align-items: center;
}
.blog62_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
display: grid;
}
.blog62_heading {
flex: 1;
}
.blog62_list {
grid-column-gap: 3rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: start;
display: grid;
}
.blog62_item-link {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.blog62_image-wrapper {
border-radius: var(--\);
flex: 1 0 40%;
width: 100%;
overflow: hidden;
}
.blog62_image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog62_item-content {
flex-direction: column;
flex: auto;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.blog62_meta-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tag-4 {
color: #000;
background-color: #0000001a;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem .5rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
display: inline-block;
}
.show-mobile-landscape {
display: none;
}
.tag-5 {
color: #000;
background-color: #0000;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem 18px 0 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.tag-6 {
color: #000;
background-color: #0000001a;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem .5rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
display: inline-block;
}
.blog5-header_component {
grid-column-gap: 4rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 15rem 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.blog5-header_category-menu {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
}
.blog5-header_category-heading {
margin-bottom: 1.5rem;
}
.blog5-header_menu-link {
white-space: nowrap;
width: 100%;
padding: .75rem 1rem;
text-decoration: none;
}
.blog5-header_menu-link.w--current {
background-color: var(--\);
font-weight: 600;
}
.blog5-header_menu-link.current {
border-color: var(--\);
background-color: var(--\);
}
.blog5-header_featured-list {
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 4rem;
display: block;
}
.blog5-header_image-link {
width: 100%;
margin-bottom: 1.5rem;
}
.blog5-header_image-wrapper {
width: 100%;
overflow: hidden;
}
.blog5-header_image {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog5-header_meta-wrapper {
margin-bottom: 1rem;
}
.blog5-header_category-link {
background-color: var(--\);
margin-right: 1rem;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.blog5-header_category-link.w--current {
border-bottom: 2px solid var(--\);
}
.blog5-header_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.blog5-header_title-link.featured-post {
margin-bottom: 1rem;
}
.blog5-header_button-wrapper {
margin-top: 1.5rem;
display: flex;
}
.blog5-header_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.blog5-newsletter_component {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
}
.blog5-newsletter_content {
flex: 1;
}
.blog5-newsletter_form {
max-width: 30rem;
margin-bottom: 0;
}
.blog5-latest_component {
flex-direction: column;
align-items: center;
}
.blog5-latest_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
display: grid;
}
.blog5-latest_heading {
flex: 1;
}
.blog5-latest_button-row {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.blog5-latest_button-row.mobile-landscape {
display: none;
}
.blog5-latest_list {
grid-column-gap: 3rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: start;
}
.blog5-latest_item {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.blog5-latest_image-link {
width: 100%;
}
.blog5-latest_image-wrapper {
width: 100%;
overflow: hidden;
}
.blog5-latest_image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog5-latest_item-content {
flex-direction: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.blog5-latest_meta-wrapper {
margin-bottom: 1rem;
}
.blog5-latest_category-link {
background-color: var(--\);
margin-right: 1rem;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.blog5-latest_category-link.w--current {
border-bottom: 2px solid var(--\);
}
.blog5-latest_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.blog5-latest_button-wrapper {
margin-top: 1.5rem;
display: flex;
}
.blog-post1-header_title-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 5rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.blog-post1-header_breadcrumb {
align-items: center;
width: 100%;
margin-bottom: 1.5rem;
display: flex;
}
.breadcrumb-link {
color: var(--\);
text-decoration: none;
}
.breadcrumb-link.w--current {
font-weight: 600;
}
.breadcrumb-divider {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-right: .5rem;
display: flex;
}
.blog-post1-header_content-top {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.blog-post1-header_author-wrapper {
align-items: center;
display: flex;
}
.blog-post1-header_author-image-wrapper {
margin-right: 1rem;
}
.blog-post1-header_author-image {
object-fit: cover;
border-radius: 100%;
width: 3.5rem;
min-width: 3.5rem;
height: 3.5rem;
min-height: 3.5rem;
}
.blog-post1-header_date-wrapper {
margin-top: .25rem;
display: flex;
}
.blog-post-header1_text-divider {
margin-left: .5rem;
margin-right: .5rem;
}
.blog-post1-header_share {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: start;
margin-top: 1rem;
display: grid;
}
.blog-post1-header_social-link {
background-color: var(--\);
border-radius: 20px;
padding: .25rem;
}
.blog-post1-header_social-icon {
width: 1.5rem;
height: 1.5rem;
}
.blog-post1-header_image-wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.blog-post1-header_image {
aspect-ratio: 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-post1-content_content {
margin-bottom: 4rem;
}
.blog-post1-content_content-bottom {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.blog-post1-content_share-wrapper {
flex-direction: column;
align-items: flex-start;
width: 50%;
display: flex;
}
.blog-post1-content_share {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: start;
margin-top: 1rem;
display: grid;
}
.blog-post1-content_social-link {
background-color: var(--\);
border-radius: 20px;
padding: .25rem;
}
.blog-post1-content_social-icon {
width: 1.5rem;
height: 1.5rem;
}
.blog-post1-content_tag-list-wrapper {
width: 50%;
}
.blog-post1-content_tag-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.blog-post1-content_tag-item {
background-color: var(--\);
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.blog-post1-content_tag-item.w--current {
border-bottom: 2px solid var(--\);
}
.blog-post1-content_divider {
background-color: var(--\);
width: 100%;
max-width: 48rem;
height: 1px;
margin-top: 3rem;
margin-bottom: 3rem;
}
.blog-post1-content_author-wrapper {
align-items: center;
display: flex;
}
.blog-post1-content_author-image-wrapper {
margin-right: 1rem;
}
.blog-post1-content_author-image {
object-fit: cover;
border-radius: 100%;
width: 3.5rem;
min-width: 3.5rem;
height: 3.5rem;
min-height: 3.5rem;
}
.section_blog-post1-cta {
position: relative;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.blog-post1-cta_form {
max-width: 30rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.blog-post1-related_component {
flex-direction: column;
align-items: center;
}
.blog-post1-related_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.blog-post1-related_image-link {
width: 100%;
margin-bottom: 1.5rem;
}
.blog-post1-related_image-wrapper {
width: 100%;
overflow: hidden;
}
.blog-post1-related_image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-post1-related_category-link {
margin-bottom: .5rem;
margin-right: 1rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.blog-post1-related_category-link.w--current {
border-bottom: 2px solid var(--\);
}
.blog-post1_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.blog-post1-related_author-wrapper {
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.blog-post1-related_author-image-wrapper {
margin-right: 1rem;
}
.blog-post1-related_author-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.blog-post1-related_date-wrapper {
display: flex;
}
.blog-post1-related_text-divider {
margin-left: .5rem;
margin-right: .5rem;
}
.section_content30 {
background-color: var(--\);
color: var(--\);
}
.content30_component.blogpost-layout-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 3fr 1fr;
grid-auto-columns: minmax(312px, 1fr);
width: 1280px;
display: grid;
}
.content30_component.blogpost-layout-grid.insights-layout-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 3fr 1fr;
grid-auto-columns: minmax(312px, 1fr);
display: grid;
}
.content30_component.blogpost-layout-grid.insights-layout-grid.is-insights-index {
grid-column-gap: 40px;
grid-row-gap: 40px;
color: #fff;
grid-template-rows: auto auto;
grid-template-columns: 3fr 1fr;
align-items: start;
width: 100%;
max-width: 1280px;
}
.content30_content-top {
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 2.5rem;
display: flex;
}
.breadcrumb_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
width: 100%;
margin-bottom: 32px;
display: flex;
}
.content30_share {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: start;
display: flex;
}
.content30_social-link {
background-color: var(--\);
border-radius: 20px;
padding: .25rem;
}
.content30_content {
margin-bottom: 4rem;
}
.content30_content-bottom {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 30px;
margin-bottom: 30px;
display: flex;
}
.content30_share-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.content30_tag-list-wrapper {
width: 100%;
}
.content30_tag-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.tag-7 {
color: #000;
background-color: #0000001a;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem .5rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
display: inline-block;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-vertical.margin-large {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.divider-horizontal {
width: 100%;
height: var(--\);
background-color: var(--\);
}
.content30_author-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
background-color: #1a2b4c;
border-radius: 0;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.content30_author-image-wrapper {
background-color: #0f1a2e;
border-radius: 50%;
flex: 0 auto;
width: 80px;
height: 80px;
margin-left: 16px;
overflow: hidden;
}
.content30_author-image {
object-fit: cover;
border-radius: 50px;
width: 80px;
max-width: 80px;
height: 100%;
}
.content30_author-text {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
border-radius: 50%;
flex: 0 auto;
align-self: flex-end;
align-items: flex-start;
width: auto;
display: block;
}
.section_content8 {
background-color: var(--\);
color: var(--\);
}
.content8_component {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.content8_image-wrapper {
border-radius: var(--\);
flex: 1;
width: 100%;
overflow: hidden;
}
.content8_image {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
height: 100%;
}
.section_content9 {
background-color: var(--\);
color: var(--\);
}
.content9_component {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.content9_image-wrapper {
border-radius: var(--\);
flex: 1;
width: 100%;
overflow: hidden;
}
.content9_image {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
height: 100%;
}
.section_faq7 {
background-color: var(--\);
color: var(--\);
}
.faq7_list {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.max-width-medium {
width: 100%;
max-width: 35rem;
}
.heading-style-h4 {
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.heading-style-h4.is-home-insights-featured-title {
color: #0f1a2e;
width: 100%;
margin-bottom: 16px;
font-size: 26px;
line-height: 1.45;
}
.section_comparison3 {
background-color: var(--\);
color: var(--\);
}
.comparison3_component {
flex-direction: column;
align-items: center;
}
.comparison3_content {
width: 100%;
}
.comparison3_top-row {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: var(--\) solid var(--\);
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
}
.comparison3_top-row-title {
align-items: flex-end;
height: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.heading-style-h6 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
.comparison3_top-row-content {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
padding: 1.5rem;
display: flex;
}
.comparison3_top-row-icon {
display: inline-block;
}
.icon-1x1-medium {
width: 3rem;
height: 3rem;
}
.comparison3_list-row {
width: 100%;
}
.comparison3_row {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: var(--\) solid var(--\);
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
align-items: stretch;
}
.comparison3_feature {
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 1.5rem;
}
.comparison3_row-content {
text-align: center;
justify-content: center;
align-items: center;
padding: 1rem 1.5rem;
font-weight: 600;
display: flex;
}
.section_blog-post2-header {
position: relative;
}
.blog-post2-header_title-wrapper {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.blog-post2-header_category-link {
color: var(--\);
margin-bottom: 1rem;
font-weight: 600;
text-decoration: none;
}
.blog-post2-header_category-link.w--current {
border-bottom: 2px solid var(--\);
}
.blog-post2-header_author-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.blog-post2-header_author-image-wrapper {
margin-bottom: 1rem;
}
.blog-post2-header_author-image {
object-fit: cover;
border-radius: 100%;
width: 3.5rem;
min-width: 3.5rem;
height: 3.5rem;
min-height: 3.5rem;
}
.blog-post2-header_author-text.blogpost-hero-left {
margin-bottom: 40px;
}
.blog-post2-header_date-wrapper {
justify-content: center;
margin-top: .25rem;
display: flex;
}
.blog-post2-header_date-wrapper.blogpost-meta-wrap {
text-align: left;
}
.text-divider {
margin-left: .5rem;
margin-right: .5rem;
}
.text-divider.text-color-white {
color: #444;
font-family: JetBrains Mono, sans-serif;
font-size: 11px;
line-height: .02em;
}
.blog-post2-header_background-image-wrapper {
z-index: -1;
background-image: linear-gradient(#00000080, #00000080);
position: absolute;
inset: 0%;
}
.image-overlay-layer {
z-index: 1;
background-color: #00000080;
position: absolute;
inset: 0%;
}
.blog-post2-header_background-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.blog-post2-content_content-top {
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 2.5rem;
display: flex;
}
.blog-post2-content_breadcrumb {
align-items: center;
width: 100%;
display: flex;
}
.blog-post2-content_share {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: start;
margin-top: 1rem;
display: grid;
}
.blog-post2-content_share.content-top {
margin-top: 0;
}
.blog-post2-content_social-link {
background-color: var(--\);
border-radius: 20px;
padding: .25rem;
}
.blog-post2-content_social-icon {
width: 1.5rem;
height: 1.5rem;
}
.blog-post2-content_content {
margin-bottom: 4rem;
}
.blog-post2-content_content-bottom {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.blog-post2-content_share-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.blog-post2-content_tag-list-wrapper {
width: 100%;
}
.blog-post2-content_tag-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.blog-post2-content_tag-item {
background-color: var(--\);
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.blog-post2-content_tag-item.w--current {
border-bottom: 2px solid var(--\);
}
.blog-post2-content_divider {
background-color: var(--\);
width: 100%;
max-width: 48rem;
height: 1px;
margin-top: 3rem;
margin-bottom: 3rem;
}
.blog-post2-content_author-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.blog-post2-content_author-image-wrapper {
margin-bottom: 1rem;
}
.blog-post2-content_author-image {
object-fit: cover;
border-radius: 100%;
width: 3.5rem;
min-width: 3.5rem;
height: 3.5rem;
min-height: 3.5rem;
}
.section_blog-post2-cta {
position: relative;
}
.blog-post2-cta_form {
max-width: 30rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.blog-post2-related_component {
flex-direction: column;
align-items: center;
}
.blog-post2-related_list-wrapper {
width: 100%;
}
.blog-post2-related_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.blog-post2-related_item {
border: 1px solid var(--\);
}
.blog-post2-related5_item-link {
flex-direction: column;
justify-content: flex-start;
height: 100%;
text-decoration: none;
display: flex;
}
.blog-post2-related_image-wrapper {
width: 100%;
overflow: hidden;
}
.blog-post2-related_image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-post2-related_item-content {
flex-direction: column;
flex: 1;
justify-content: space-between;
padding: 1.5rem;
display: flex;
}
.blog-post2-related_category-wrapper {
margin-bottom: .5rem;
font-size: 38px;
display: flex;
}
.blog-post2-related_title-wrapper {
margin-bottom: .5rem;
}
.blog-post2-related_author-wrapper {
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.blog-post2-related_author-image-wrapper {
margin-right: 1rem;
}
.blog-post2-related_author-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.blog-post2-related_date-wrapper {
display: flex;
}
.blog-post2-related_text-divider {
margin-left: .5rem;
margin-right: .5rem;
}
.tag-8 {
color: #000;
background-color: #0000001a;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem .5rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
display: inline-block;
}
.blog-post2-related_item-2 {
border-style: solid;
border-width: 1px;
}
.insights-hero-wrapper {
color: #0f1a2e;
text-align: center;
-webkit-text-stroke-color: #f5f1e8;
width: 100%;
max-width: none;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
}
.section-5 {
background-color: #0d1b2a;
}
.insights-tab {
border: 1px solid var(--\);
background-color: var(--\);
white-space: nowrap;
flex: none;
padding: .5rem 1rem;
text-decoration: none;
}
.insights-tab.w--current {
border-color: var(--\);
background-color: var(--\);
font-weight: 500;
}
.insights-tab.current {
border-color: var(--\);
background-color: var(--\);
}
.insights-filter-menu {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-top: 1px solid #b08d3c;
border-bottom: 1px solid #b08d3c;
justify-content: center;
width: auto;
margin-top: 20px;
margin-bottom: 80px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.insights-filter-btn {
color: #f5f1e8;
background-color: #0f1a2e;
border: 1px solid #c9a84c;
border-radius: 4px;
justify-content: center;
align-items: center;
min-width: 120px;
padding: 8px 20px;
font-family: Noto Sans JP, sans-serif;
text-decoration: none;
transition: background-color .15s, color .15s, border-color .15s;
display: flex;
}
.insights-filter-btn:hover {
background-color: var(--brand--gold-hover);
color: var(--text--white);
transform: none;
}
.insights-filter-btn:active {
background-color: var(--brand--gold-hover);
color: var(--text--white);
}
.insights-filter-btn:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.insights-max-width {
width: 100%;
max-width: 48rem;
}
.insights-max-width.align-center {
max-width: none;
}
.collection-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.collection-list.collection-list-is-insights-list:hover {
transform: translate(0, -4px);
}
.collection-list-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.blog-post2-related_item-3 {
border: 1px solid var(--\);
}
.tldr-box {
-webkit-text-stroke-color: white;
padding: 16px 16px 8px 0;
}
.tldr-box.key-points-box {
background-color: #1a2a3a;
border: 1px solid #2a4a6a;
margin-bottom: 48px;
}
.tldr-box.key-points-box.blogpost-tldr-richtext {
color: #fff;
-webkit-text-stroke-color: white;
background-color: #0f1a2e;
border-width: 1px 1px 1px 4px;
border-color: #8b6f1f;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
}
.tldr-box.blogpost-tldr-text {
color: #fff;
background-color: #0f1a2e;
border-left: 1px solid #8b6f1f;
}
.tldr-heading {
color: #fff;
margin-bottom: 16px;
padding-left: 8px;
font-size: 16px;
font-weight: 700;
}
.tldr-heading.blogpost-tldr-heading {
color: #c4a45a;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
line-height: .1rem;
}
.text-block-2 {
background-color: #0f2040;
border: 1px solid #000;
border-left: 4px solid #3b82f6;
border-radius: 8px;
margin-bottom: 48px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
.text-block-2.blogpost-tldr-body {
border-left-color: #3b82f8;
}
.read-more-blog {
color: #0f1a2e;
font-weight: 700;
line-height: 1.15rem;
}
.read-more-wrap {
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.text-block-3 {
color: #8b6f1f;
padding-right: 40px;
}
.btn-load-more- {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 250px;
margin-bottom: 48px;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.btn-load-more-:hover {
background-color: var(--brand--gold-hover);
}
.btn-load-more-:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.btn-load-more-.blogpost-sidebar-btn {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.btn-load-more-.blogpost-sidebar-btn.sidebar-btn-outline {
color: #0f1a2e;
background-color: #fff;
border-color: #1a2b4c;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-weight: 700;
transition: background-color .15s, color .15s;
}
.btn-load-more-.blogpost-sidebar-btn.sidebar-btn-outline:hover {
background-color: var(--brand--gold-hover);
color: var(--text--white);
}
.btn-load-more-.blogpost-sidebar-btn.sidebar-btn-outline:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.btn-load-more-.blogpost-sidebar-btn.sidebar-btn-outline.newsletter-box {
color: #fff;
-webkit-text-stroke-color: #1a2b4c;
background-color: #1a2b4c;
border-style: none;
}
.btn-load-more-.blogpost-sidebar-btn.sidebar-btn-outline.newsletter-box:hover {
color: #1a2b4c;
-webkit-text-stroke-color: #1a2b4c;
background-color: #fff;
border-style: solid;
}
.section-6 {
justify-content: center;
padding-top: 32px;
padding-bottom: 48px;
display: none;
}
.text-block-4 {
color: #94a3b8;
margin-top: 48px;
margin-bottom: 8px;
font-size: 18px;
}
.text-block-4.blogpost-author-label {
color: #8b6f1f;
font-family: Noto Sans JP, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: .1em;
}
.div-block {
display: flex;
}
.text-block-5 {
color: #ffffffc7;
margin-bottom: 8px;
font-family: Noto Sans JP, sans-serif;
font-size: 13px;
}
.heading-125 {
color: #1a2b4c;
margin-top: 48px;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
}
.heading-126 {
color: #1a2b4c;
margin-top: 48px;
font-family: Noto Sans JP, sans-serif;
font-size: 15px;
}
.cta-27-cta27breakpoint3-7 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a1462302230269fd8478787_common-cta-consultation-background.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 448px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-125 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-336 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-337 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-127 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-187 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-67 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-188 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-189 {
grid-column-gap: 8px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.column-144 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-338 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.heading-128 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-188 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-68 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-190 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.column-145 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.column-146 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-links-18 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.link-style-16 {
color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: color .2s;
display: flex;
}
.link-style-16:hover {
color: #a88845;
}
.text-189 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-147 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-148 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 234px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.untitled-25 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.row-33 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-190 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.heading-129 {
justify-content: center;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.heading-129.blogpost-related-heading {
color: #1a2b4c;
font-family: Noto Sans JP, sans-serif;
font-size: 24px;
}
.collection-list-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: 100%;
display: flex;
}
.collection-list-2 {
width: 100%;
display: flex;
}
.collection-item {
width: 100%;
display: flex;
}
.collection-item.blogpost-related-cat {
color: #8b6f1f;
font-family: Noto Sans JP, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: .08em;
}
.button-view-all {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 48px;
text-decoration: none;
display: flex;
}
.rich-text-block {
color: #0f1a2e;
border: 4px solid #8b6f1f;
}
.rich-text-block.blogpost-tldr-richtext {
color: #fff;
border-left-style: solid;
}
.rich-text-block-2 {
color: #8b6f1f;
}
.rich-text-block-2.blogpost-body {
color: #8b6f1f;
margin-top: 32px;
margin-bottom: 16px;
font-family: Noto Sans JP, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.6;
}
.link {
color: #fff;
transition: color .2s;
}
.link:hover {
color: #a88845;
}
.link-2 {
color: #fff;
transition: color .2s;
}
.link-2:hover {
color: #a88845;
}
.link-3 {
color: #fff;
transition: color .2s;
}
.link-3:hover {
color: #a88845;
}
.link-4 {
color: #fff;
transition: color .2s;
}
.link-4:hover {
color: #a88845;
}
.link-5 {
color: #fff;
transition: color .2s;
}
.link-5:hover {
color: #a88845;
}
.link-6 {
color: #fff;
transition: color .2s;
}
.link-6:hover {
color: #a88845;
}
.text-block-8, .text-block-9 {
color: #8a8170;
font-family: JetBrains Mono, sans-serif;
}
.logpost-sidebar {
grid-column-gap: 16px;
grid-row-gap: 16px;
margin-top: 80px;
display: flex;
position: sticky;
}
.logpost-sidebar.sidebar-cta-dark {
flex-flow: column;
width: 100%;
margin-top: 0;
position: static;
}
.div-block-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0f1a2e;
flex-flow: column;
padding: 24px;
display: flex;
}
.div-block-2.sidebar-cta-dark {
background-color: #0f1a2e;
}
.div-block-2.sidebar-cta-light {
background-color: #fff;
border: 1px solid #e3ded3;
border-left: 5px solid #1a2b4c;
}
.div-block-2.sidebar-cta-light.sidebar-cta-newsletter {
border-left: 4px solid #1a2b4c;
}
.sidebar-kicker {
color: #c4a45a;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: .16em;
}
.sidebar-kicker.sidebar-kicker-2 {
color: #c4a45a;
}
.heading-130 {
font-family: Noto Sans JP, sans-serif;
}
.heading-130.sidebar-heading {
color: #fff;
font-size: 17px;
line-height: 1.5px;
}
.heading-130.sidebar-heading.sidebar-heading-2 {
color: #0f1a2e;
}
.sidebar-body {
color: #fff;
font-family: Noto Sans JP, sans-serif;
font-size: 12.5px;
}
.sidebar-body.sidebar-body-2 {
color: #0f1a2e;
}
.sidebar-btn-gold {
color: #fff;
text-align: center;
background-color: #8b6f1f;
padding: 12px;
font-family: Noto Sans JP, sans-serif;
font-size: 12.5px;
font-weight: 700;
transition: background-color .15s;
}
.sidebar-btn-gold:hover {
background-color: var(--brand--gold-hover);
}
.sidebar-btn-gold:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.text-field {
background-color: #fff;
border: 1px solid #000;
width: 250px;
margin-bottom: 0;
}
.cta-27-cta27breakpoint3-8 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a1462302230269fd8478787_common-cta-consultation-background.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 448px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-126 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-339 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-340 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-131 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-191 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.actions-69 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-191 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.button-style-192 {
grid-column-gap: 8px;
background-color: #1a2b4c;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.text-block-10.blogpost-hero-lead {
text-align: left;
margin-bottom: 20px;
}
.faq-icon {
text-align: center;
place-items: center;
padding: 0;
line-height: 1;
display: grid;
}
.faq-item {
border-left: 3px solid #c8b36b;
}
.perspective-box {
color: #fff;
background-color: #0f1a2e;
border-left: 7px solid #8b6f1f;
padding: 28px 30px;
}
.perspective-heading {
font-size: 13px;
}
.perspective-text {
color: #fff;
font-size: 17px;
}
.rich-text-block-3 {
color: #8b6f1f;
}
.rich-text-block-3.blogpost-body {
color: #8b6f1f;
margin-top: 32px;
margin-bottom: 16px;
font-family: Noto Sans JP, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.6;
}
.heading-132 {
color: #1a2b4c;
margin-top: 48px;
font-family: Noto Sans JP, sans-serif;
font-size: 15px;
}
.div-block-9 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0f1a2e;
flex-flow: column;
padding: 24px;
display: flex;
}
.div-block-9.sidebar-cta-dark {
background-color: #0f1a2e;
}
.div-block-9.sidebar-cta-light {
background-color: #fff;
border: 1px solid #e3ded3;
}
.div-block-9.sidebar-cta-light.sidebar-cta-newsletter {
border-left-width: 4px;
border-left-color: #1a2b4c;
}
.heading-133 {
font-family: Noto Sans JP, sans-serif;
}
.heading-133.sidebar-heading {
color: #fff;
font-size: 17px;
line-height: 1.5px;
}
.heading-133.sidebar-heading.sidebar-heading-2 {
color: #0f1a2e;
}
.collection-item-2 {
border: 1px solid #d6c8a3;
}
.blog2_item-content {
align-items: center;
width: 100%;
padding: 15px 32px;
font-size: 12px;
display: flex;
}
.div-block-10 {
color: #8b6f1f;
background-color: #0000;
border: 1px #8b6f1f;
order: 0;
padding-left: 20px;
padding-right: 0;
display: flex;
}
.text-block-16 {
color: #6b7280;
background-color: #0000;
border: 1px #8b6f1f;
padding-left: 20px;
padding-right: 0;
}
.sidebar-sticky-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
width: 100%;
display: flex;
position: sticky;
top: 112px;
}
.button-group-b.button-group-is-home-insights {
color: #0f1a2e;
}
.home-insights-divider-b {
border-bottom: 1px solid #8b6f1f;
width: 100%;
height: 1px;
margin-top: 28px;
margin-bottom: 40px;
}
.layout-89 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 1050px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-193:focus-visible, .button-style-193[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.content-style-343 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-14 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-35 {
grid-column-gap: 64px;
border: 0 solid #000;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 48px;
padding-bottom: 48px;
text-decoration: none;
display: flex;
}
.list-item-27 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-344 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-135 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-193 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-197 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .2s;
display: flex;
overflow: hidden;
}
.button-style-197:hover {
color: #fff;
background-color: #1a2b4c;
border-color: #1a2b4c;
}
.button-style-197:focus-visible, .button-style-197[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.button-style-198 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-199 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-200 {
outline-offset: 2px;
color: #000;
outline: 2px solid #e8e6e3;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
transition: all .2s;
}
.layout-90 {
grid-row-gap: 80px;
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 1050px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.layout-90._611 {
height: auto;
}
.section-title-61 {
grid-row-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-53 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-345 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-136 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-194 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-346 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-15 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-36 {
grid-column-gap: 64px;
border: 0 solid #000;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 48px;
padding-bottom: 48px;
text-decoration: none;
display: flex;
}
.list-item-28 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-347 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-137 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-195 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-201 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .2s;
display: flex;
overflow: hidden;
}
.button-style-201:hover {
background-color: var(--brand--navy-hover);
color: #fff;
border-color: #1a2b4c;
}
.button-style-201:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.button-style-201:focus-visible, .button-style-201[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.button-style-202 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-203 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-204 {
outline-offset: 2px;
color: #000;
outline: 2px solid #e8e6e3;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
transition: all .2s;
}
.button-style-204:hover {
color: var(--brand--gold-hover);
}
.button-style-204:focus {
outline-color: var(--brand--color-border-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.collection-list-wrapper-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.tag-9 {
color: #000;
background-color: #0000;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem 18px 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.text-block-18 {
color: #7c3aed;
padding-right: 40px;
}
.text-block-19 {
color: #6b7280;
background-color: #0000;
border: 1px #8b6f1f;
padding-left: 20px;
padding-right: 0;
}
.div-block-12 {
color: #8b6f1f;
background-color: #0000;
border: 1px #8b6f1f;
order: 0;
padding-left: 20px;
padding-right: 0;
display: flex;
}
.collection-list-wrapper-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.tag-10 {
color: #000;
background-color: #0000;
border: 1px solid #0000;
border-radius: .25rem;
padding: .25rem 18px 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.text-block-20 {
color: #7c3aed;
padding-right: 40px;
}
.text-block-21 {
color: #6b7280;
background-color: #0000;
border: 1px #8b6f1f;
padding-left: 20px;
padding-right: 0;
}
.div-block-13 {
color: #8b6f1f;
background-color: #0000;
border: 1px #8b6f1f;
order: 0;
padding-left: 20px;
padding-right: 0;
display: flex;
}
.collection-list-wrapper-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.section-title-2 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-wrapper-52 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-17 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-15 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.text-20 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.content-style-341 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-13 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row-34 {
grid-column-gap: 64px;
border: 0 solid #000;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 48px;
padding-bottom: 48px;
text-decoration: none;
display: flex;
}
.list-item-26 {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-342 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-134 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-192 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-70 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-193 {
grid-column-gap: 8px;
background-color: #1a2b4c;
border: 1px solid #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
transition: all .2s;
display: flex;
overflow: hidden;
}
.button-style-193:hover {
color: #fff;
background-color: #1a2b4c;
border-color: #1a2b4c;
}
.button-style-193:focus-visible, .button-style-193[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4a45a;
}
.button-style-194 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-195 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-196 {
outline-offset: 2px;
color: #000;
outline: 2px solid #e8e6e3;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
transition: all .2s;
}
.section_blog10 {
background-color: var(--\);
color: var(--\);
}
.text-size-medium {
font-size: 1.125rem;
}
.blog10_heading-wrapper {
align-items: center;
width: 100%;
margin-bottom: 2.5rem;
display: flex;
}
.blog10_featured-blog {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.blog10_featured-blog.is-home-insights-layout {
grid-column-gap: 24px;
grid-template-columns: 1.1fr .9fr;
}
.blog10_main-post, .blog10_main-list, .blog10_item {
width: 100%;
}
.blog10_item-link {
width: 100%;
text-decoration: none;
}
.blog10_item-link.is-home-insights-featured-link {
color: #0f1a2e;
flex-flow: column;
padding: 0;
transition: border-color .1s, box-shadow .1s, transform .1s;
display: flex;
}
.blog10_image-wrapper {
border-radius: var(--\);
flex: 1 0 40%;
width: 100%;
overflow: hidden;
}
.blog10_image-wrapper.is-home-insights-compact-image-wrap {
background-color: #f0f0f0;
flex-basis: 100px;
width: 150%;
min-width: 150px;
height: 100%;
min-height: 150px;
display: block;
}
.blog10_image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog10_meta-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-size-small {
font-size: .875rem;
}
.text-size-small.text-weight-semibold {
color: #6b7280;
text-align: right;
justify-content: flex-start;
display: flex;
}
.text-size-small.text-weight-semibold.is-home-insights-read-time.is-home-insights-category {
color: #5c6678;
font-size: 12px;
line-height: 1.4px;
}
.text-size-small.text-weight-semibold.home-insights-read-time-number {
font-size: 14px;
}
.blog10_featured-list {
grid-column-gap: 0rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog10_featured-item.blog10_featured-item-is-home-insights-compact-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-height: none;
margin-bottom: 20px;
display: grid;
}
.blog10_featured-item-link {
grid-column-gap: 1.5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
text-decoration: none;
display: flex;
}
.blog10_featured-item-link.is-home-insights-compact-link {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #0f1a2e;
background-color: #fff;
border: 1px solid #8b6f1f6b;
grid-template-rows: auto;
grid-template-columns: 150px 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: auto;
min-height: 174px;
margin-bottom: 18px;
transition: border-color .1s, box-shadow .1s, transform .1s;
display: flex;
overflow: hidden;
}
.blog10_mini-image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.blog10_mini-image.is-home-insights-compact-image {
aspect-ratio: auto;
max-width: none;
}
.blog10_featured-item-content {
flex-direction: column;
flex: auto;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.blog10_featured-item-content.is-home-insights-compact-content {
width: auto;
height: 100%;
min-height: 150px;
padding: 18px 22px;
}
.blog10_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.text-block-22.read-time-tablet {
color: #8b6f1f;
}
.text-block-23 {
font-size: 13px;
line-height: 1.4;
}
.home-insights-featured-content {
border: 1px solid #8b6f1f6b;
flex-flow: column;
padding: 30px 32px 34px;
display: flex;
}
.text-block-26 {
font-size: 14px;
}
.home-insights-read-time-wrap {
display: flex;
}
.text-block-27 {
font-size: 14px;
}
.text-block-30 {
color: #5c6678;
font-size: 12px;
line-height: 1.4px;
display: flex;
}
.text-block-34 {
color: #8b6f1f;
font-family: Noto Sans JP, sans-serif;
font-size: 12px;
line-height: 1.4px;
}
.collection-list-3 {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-3.blog10_featured-list {
border: 1px solid #0000;
grid-template-rows: auto auto auto;
}
.div-block-14 {
display: flex;
}
.collection-item-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.text-block-35 {
font-size: 14px;
}
.text-style-tagline-parent.text-style-tagline {
justify-content: flex-start;
align-items: center;
padding-bottom: 32px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.nav-dropdown-link {
color: #fff;
text-decoration: none;
transition: color .2s;
}
.nav-dropdown-link:hover {
color: #a88845;
}
.text-38-1 {
transition: color .2s;
}
.inline-span-0-1-2 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-span-1-1-2 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-span-2-1-2 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-p-0 {
color: #888;
margin-top: 1.5em;
font-size: .85em;
line-height: 1.6em;
}
.inline-span-0 {
color: #a88845;
flex-shrink: 0;
font-weight: 600;
}
.inline-li-0 {
grid-column-gap: .6em;
grid-row-gap: .6em;
color: #2a4156;
align-items: flex-start;
font-size: .95em;
line-height: 1.5em;
display: flex;
}
.inline-span-1 {
color: #a88845;
flex-shrink: 0;
font-weight: 600;
}
.inline-li-1 {
grid-column-gap: .6em;
grid-row-gap: .6em;
color: #2a4156;
align-items: flex-start;
font-size: .95em;
line-height: 1.5em;
display: flex;
}
.inline-span-2 {
color: #a88845;
flex-shrink: 0;
font-weight: 600;
}
.inline-li-2 {
grid-column-gap: .6em;
grid-row-gap: .6em;
color: #2a4156;
align-items: flex-start;
font-size: .95em;
line-height: 1.5em;
display: flex;
}
.inline-ul-0 {
grid-column-gap: .75em;
grid-row-gap: .75em;
flex-direction: column;
margin: 1.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-span-0-1-2 {
color: #a88845;
flex-shrink: 0;
margin-top: .1em;
font-weight: 700;
}
.inline-li-0-1-2 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1-2 {
color: #a88845;
flex-shrink: 0;
margin-top: .1em;
font-weight: 700;
}
.inline-li-1-1-2 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1-2 {
color: #a88845;
flex-shrink: 0;
margin-top: .1em;
font-weight: 700;
}
.inline-li-2-1-2 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1-2 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 2.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-span-0-1 {
color: #a88845;
flex-shrink: 0;
margin-top: .1em;
font-weight: 700;
}
.inline-li-0-1 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1 {
color: #a88845;
flex-shrink: 0;
margin-top: .1em;
font-weight: 700;
}
.inline-li-1-1 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1 {
color: #a88845;
flex-shrink: 0;
margin-top: .1em;
font-weight: 700;
}
.inline-li-2-1 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 2.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-span-0-1-2-3-4 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-0-1-2-3-4 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1-2-3-4 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-1-1-2-3-4 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1-2-3-4 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-2-1-2-3-4 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1-2-3-4 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 2.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-span-0-1-2-3 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-0-1-2-3 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1-2-3 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-1-1-2-3 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1-2-3 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-2-1-2-3 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1-2-3 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 2.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-span-0-1-2-3-4-5 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-0-1-2-3-4-5 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1-2-3-4-5 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-1-1-2-3-4-5 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1-2-3-4-5 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-2-1-2-3-4-5 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1-2-3-4-5 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 2.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-span-0-1-2-3-4-5-6 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-0-1-2-3-4-5-6 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1-2-3-4-5-6 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-1-1-2-3-4-5-6 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1-2-3-4-5-6 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-2-1-2-3-4-5-6 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1-2-3-4-5-6 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 2.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-span-0-1-2-3-4-5-6-7 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-0-1-2-3-4-5-6-7 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1-2-3-4-5-6-7 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-1-1-2-3-4-5-6-7 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1-2-3-4-5-6-7 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-2-1-2-3-4-5-6-7 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1-2-3-4-5-6-7 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 2.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-span-0-1-2-3-4-5-6-7-8 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-0-1-2-3-4-5-6-7-8 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1-2-3-4-5-6-7-8 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-1-1-2-3-4-5-6-7-8 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1-2-3-4-5-6-7-8 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-2-1-2-3-4-5-6-7-8 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1-2-3-4-5-6-7-8 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 2.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-span-0-1-2-3-4-5-6-7-8-9 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-0-1-2-3-4-5-6-7-8-9 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1-2-3-4-5-6-7-8-9 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-1-1-2-3-4-5-6-7-8-9 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1-2-3-4-5-6-7-8-9 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-2-1-2-3-4-5-6-7-8-9 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.1em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1-2-3-4-5-6-7-8-9 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 2.5em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-p-0-1 {
color: #2a4156;
margin: 0 0 1.5em;
font-size: 1.1em;
font-weight: 600;
line-height: 1.6em;
}
.inline-p-0-1-2 {
color: #2a4156;
margin: 1.2em 0 0;
font-size: 1em;
line-height: 1.8em;
}
.inline-span-0-1-2-3-4-5-6-7-8-9-10 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-0-1-2-3-4-5-6-7-8-9-10 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 14px;
line-height: 1.6em;
display: flex;
}
.inline-span-1-1-2-3-4-5-6-7-8-9-10 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-1-1-2-3-4-5-6-7-8-9-10 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.05em;
line-height: 1.6em;
display: flex;
}
.inline-span-2-1-2-3-4-5-6-7-8-9-10 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-2-1-2-3-4-5-6-7-8-9-10 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.05em;
line-height: 1.6em;
display: flex;
}
.inline-span-3 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-3 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.05em;
line-height: 1.6em;
display: flex;
}
.inline-span-4 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-4 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 1.05em;
line-height: 1.6em;
display: flex;
}
.inline-ul-0-1-2-3-4-5-6-7-8-9-10 {
grid-column-gap: .85em;
grid-row-gap: .85em;
flex-direction: column;
margin: 2em 0 0;
padding: 0;
list-style: none;
display: flex;
}
.inline-p-0-1-2-3 {
color: #2a4156;
margin: 0 0 1em;
font-size: 1em;
font-weight: 600;
line-height: 1.6em;
}
.inline-span-0-1-2-3-4-5-6-7-8-9-10-11 {
color: #a88845;
font-size: .85em;
font-weight: 600;
}
.inline-span-1-1-2-3-4-5-6-7-8-9-10-11 {
color: #2a4156;
font-size: .9em;
line-height: 1.6em;
}
.inline-span-2-1-2-3-4-5-6-7-8-9-10-11 {
color: #a88845;
font-size: .85em;
font-weight: 600;
}
.inline-span-3-1 {
color: #2a4156;
font-size: .9em;
line-height: 1.6em;
}
.inline-span-4-1 {
color: #a88845;
font-size: .85em;
font-weight: 600;
}
.inline-span-5 {
color: #2a4156;
font-size: .9em;
line-height: 1.6em;
}
.inline-span-6 {
color: #a88845;
font-size: .85em;
font-weight: 600;
}
.inline-span-7 {
color: #2a4156;
font-size: .9em;
line-height: 1.6em;
}
.inline-div-0 {
grid-column-gap: .6em;
grid-row-gap: .6em;
flex-direction: column;
display: flex;
}
.inline-p-1 {
color: #2a4156;
margin: 1em 0 0;
font-size: .9em;
line-height: 1.7em;
}
.inline-div-1 {
margin-bottom: 1.5em;
}
.inline-p-0-1-2-3-4 {
color: #2a4156;
white-space: nowrap;
margin: 0 0 1.5em;
font-size: 13px;
font-weight: 600;
line-height: 1.5em;
}
.inline-p-0-1-2-3-4-5 {
color: #2a4156;
text-align: center;
width: 100%;
margin: 0 0 2em;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
}
.inline-p-0-1-2-3-4-5-6 {
color: #2a4156;
margin: 0 0 1.2em;
font-size: 15px;
font-weight: 600;
line-height: 1.6em;
}
.inline-span-0-1-2-3-4-5-6-7-8-9-10-11-12 {
color: #a88845;
letter-spacing: .05em;
font-size: 13px;
font-weight: 700;
}
.inline-span-1-1-2-3-4-5-6-7-8-9-10-11-12 {
color: #2a4156;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
line-height: 1.7em;
}
.inline-span-2-1-2-3-4-5-6-7-8-9-10-11-12 {
color: #a88845;
letter-spacing: .05em;
font-size: 13px;
font-weight: 700;
}
.inline-span-3-1-2 {
color: #2a4156;
font-size: 14px;
line-height: 1.7em;
}
.inline-span-4-1-2 {
color: #a88845;
letter-spacing: .05em;
font-size: 13px;
font-weight: 700;
}
.inline-span-5-1 {
color: #2a4156;
font-size: 14px;
line-height: 1.7em;
}
.inline-span-6-1 {
color: #a88845;
letter-spacing: .05em;
font-size: 13px;
font-weight: 700;
}
.inline-span-7-1 {
color: #2a4156;
font-size: 14px;
line-height: 1.7em;
}
.inline-div-0-1 {
grid-column-gap: .9em;
grid-row-gap: .9em;
flex-direction: column;
display: flex;
}
.inline-p-1-1 {
color: #888;
margin: 1.2em 0 0;
font-size: 13px;
line-height: 1.7em;
}
.inline-div-1-1 {
border-top: 1px solid #e0d5c5;
margin-top: 2em;
padding-top: 1.5em;
}
.inline-p-0-1-2-3-4-5-6-7 {
color: #2a4156;
text-align: center;
width: 100%;
margin: .5em 0 2em;
padding: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.7em;
display: block;
}
.inline-p-0-1-2-3-4-5-6-7-8 {
color: #2a4156;
margin: 1.2em 0 0;
font-size: 16px;
line-height: 1.8em;
}
.inline-span-0-1-2-3-4-5-6-7-8-9-10-11-12-13 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-0-1-2-3-4-5-6-7-8-9-10-11 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 16px;
line-height: 1.7em;
display: flex;
}
.inline-span-1-1-2-3-4-5-6-7-8-9-10-11-12-13 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-1-1-2-3-4-5-6-7-8-9-10-11 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 16px;
line-height: 1.7em;
display: flex;
}
.inline-span-2-1-2-3-4-5-6-7-8-9-10-11-12-13 {
color: #a88845;
flex-shrink: 0;
font-weight: 700;
}
.inline-li-2-1-2-3-4-5-6-7-8-9-10-11, .inline-li-3-1, .inline-li-4-1 {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: #2a4156;
align-items: flex-start;
font-size: 16px;
line-height: 1.7em;
display: flex;
}
.inline-ul-0-1-2-3-4-5-6-7-8-9-10-11 {
grid-column-gap: .9em;
grid-row-gap: .9em;
flex-direction: column;
margin: 2em 0 0;
padding: 0;
font-family: Noto Sans JP, sans-serif;
list-style: none;
display: flex;
}
.inline-p-0-1-2-3-4-5-6-7-8-9 {
color: #2a4156;
margin: 1.2em 0 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.8em;
}
.inline-p-0-1-2-3-4-5-6-7-8-9-10 {
color: #2a4156;
margin: 0 0 1.2em;
font-size: 15px;
font-weight: 600;
line-height: 1.6em;
}
.inline-span-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14 {
color: #a88845;
letter-spacing: .05em;
font-size: 13px;
font-weight: 700;
}
.inline-span-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14 {
color: #2a4156;
font-size: 14px;
line-height: 1.7em;
}
.inline-span-2-1-2-3-4-5-6-7-8-9-10-11-12-13-14 {
color: #a88845;
letter-spacing: .05em;
font-size: 13px;
font-weight: 700;
}
.inline-span-3-1-2-3 {
color: #2a4156;
font-size: 14px;
line-height: 1.7em;
}
.inline-span-4-1-2-3 {
color: #a88845;
letter-spacing: .05em;
font-size: 13px;
font-weight: 700;
}
.inline-span-5-1-2 {
color: #2a4156;
font-size: 14px;
line-height: 1.7em;
}
.inline-span-6-1-2 {
color: #a88845;
letter-spacing: .05em;
font-size: 13px;
font-weight: 700;
}
.inline-span-7-1-2 {
color: #2a4156;
font-size: 14px;
line-height: 1.7em;
}
.inline-div-0-1-2 {
grid-column-gap: .9em;
grid-row-gap: .9em;
flex-direction: column;
display: flex;
}
.inline-p-1-1-2 {
color: #888;
margin: 1.2em 0 0;
font-size: 13px;
line-height: 1.7em;
}
.inline-div-1-1-2 {
border-top: 1px solid #e0d5c5;
margin-top: 4em;
padding-top: 2em;
font-family: Noto Sans JP, sans-serif;
}
.sar-section {
background-color: #faf7f2;
padding-top: 80px;
padding-bottom: 80px;
}
.sar-container {
max-width: 880px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.sar-card {
background-color: #fff;
border-left: 4px solid #a88845;
border-radius: 8px;
margin-bottom: 32px;
padding: 32px;
}
.sar-label {
color: #a88845;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 11px;
font-weight: 700;
}
.sar-hero {
text-align: center;
background-color: #0d1b2a;
padding: 60px 24px 48px;
font-family: Noto Sans JP, sans-serif;
}
.sar-hero-label {
color: #a88845;
letter-spacing: .15em;
margin-bottom: 8px;
font-size: 11px;
font-weight: 600;
}
.sar-hero-title {
color: #fff;
margin: 0 0 40px;
font-size: 28px;
font-weight: 800;
}
.sar-score-wrap {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: baseline;
margin-bottom: 16px;
display: inline-flex;
}
.sar-score-num {
color: #a88845;
font-size: 72px;
font-weight: 800;
line-height: 1;
}
.sar-score-max {
color: #666;
font-size: 20px;
font-weight: 400;
}
.sar-bar-bg {
background-color: #1a2d42;
border-radius: 3px;
max-width: 400px;
height: 6px;
margin: 0 auto;
overflow: hidden;
}
.sar-bar-fill {
background-color: #a88845;
border-radius: 3px;
width: 0%;
height: 100%;
transition: width .8s;
}
.sar-content {
background-color: #faf7f2;
padding: 48px 24px 80px;
font-family: Noto Sans JP, sans-serif;
}
.sar-inner {
max-width: 880px;
margin: 0 auto;
}
.sar-card-block {
background-color: #fff;
border-left: 4px solid #a88845;
border-radius: 8px;
margin-bottom: 32px;
padding: 32px;
}
.sar-sec-label {
color: #a88845;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 8px;
font-size: 11px;
font-weight: 700;
}
.sar-sec-h2 {
color: #0d1b2a;
margin: 0 0 12px;
font-size: 22px;
font-weight: 700;
}
.sar-sec-h3 {
color: #0d1b2a;
margin: 0 0 12px;
font-size: 20px;
font-weight: 700;
}
.sar-sec-p {
color: #444;
margin: 0;
font-size: 15px;
line-height: 1.8;
}
.inline-p-0-1-2-3-4-5-6-7-8-9-10-11 {
color: #a88845;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 8px;
font-size: 11px;
font-weight: 700;
}
.inline-h2-0 {
color: #0d1b2a;
margin: 0 0 12px;
font-size: 22px;
font-weight: 700;
}
.inline-p-1-1-2-3 {
color: #444;
margin: 0;
font-size: 15px;
line-height: 1.8;
}
.inline-div-0-1-2-3 {
background-color: #fff;
border-left: 4px solid #a88845;
border-radius: 8px;
margin-bottom: 32px;
padding: 32px;
}
.inline-div-1-1-2-3 {
max-width: 880px;
margin: 0 auto;
padding: 48px 24px 0;
}
.inline-p-0-1-2-3-4-5-6-7-8-9-10-11-12 {
color: #a88845;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 8px;
font-size: 11px;
font-weight: 700;
}
.inline-h3-0 {
color: #0d1b2a;
margin: 0 0 12px;
font-size: 20px;
font-weight: 700;
}
.inline-p-1-1-2-3-4 {
color: #444;
margin: 0;
font-size: 15px;
line-height: 1.8;
}
.inline-div-0-1-2-3-4 {
background-color: #fff;
border-left: 4px solid #a88845;
border-radius: 8px;
margin-bottom: 32px;
padding: 32px;
}
.inline-div-1-1-2-3-4 {
max-width: 880px;
margin: 0 auto;
padding: 0 24px;
}
.inline-p-0-1-2-3-4-5-6-7-8-9-10-11-12-13 {
color: #a88845;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 8px;
font-size: 11px;
font-weight: 700;
}
.inline-p-1-1-2-3-4-5 {
color: #444;
margin: 0 0 24px;
font-size: 15px;
line-height: 1.8;
}
.inline-p-2 {
color: #a88845;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 12px;
font-size: 11px;
font-weight: 700;
}
.inline-span-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15 {
color: #fff;
background-color: #a88845;
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 12px;
font-weight: 700;
display: flex;
}
.inline-span-1-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15 {
color: #2a4156;
font-size: 15px;
line-height: 1.6;
}
.inline-div-0-1-2-3-4-5 {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: flex-start;
display: flex;
}
.inline-span-2-1-2-3-4-5-6-7-8-9-10-11-12-13-14-15 {
color: #fff;
background-color: #a88845;
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 12px;
font-weight: 700;
display: flex;
}
.inline-span-3-1-2-3-4 {
color: #2a4156;
font-size: 15px;
line-height: 1.6;
}
.inline-div-1-1-2-3-4-5 {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: flex-start;
display: flex;
}
.inline-span-4-1-2-3-4 {
color: #fff;
background-color: #a88845;
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 12px;
font-weight: 700;
display: flex;
}
.inline-span-5-1-2-3 {
color: #2a4156;
font-size: 15px;
line-height: 1.6;
}
.inline-div-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: flex-start;
display: flex;
}
.inline-div-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.inline-div-4 {
background-color: #fff;
border: 1px solid #e0ddd5;
border-radius: 8px;
margin-bottom: 32px;
padding: 32px;
}
.inline-div-5 {
max-width: 880px;
margin: 0 auto;
padding: 0 24px;
}
.inline-a-0 {
color: #fff;
letter-spacing: .05em;
background-color: #a88845;
border-radius: 4px;
padding: 16px 48px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.inline-p-0-1-2-3-4-5-6-7-8-9-10-11-12-13-14 {
color: #888;
margin-top: 16px;
font-size: 13px;
}
.inline-div-0-1-2-3-4-5-6 {
text-align: center;
max-width: 880px;
margin: 0 auto;
padding: 16px 24px 80px;
}
.body-14 {
box-sizing: border-box;
background-image: radial-gradient(circle at 8% 0%, #8b6f1f21, transparent 30%), radial-gradient(circle at 92% 8%, #0f1a2e14, transparent 34%), linear-gradient(180deg, #fcf9f2 0%, var(--bg) 58%, #efe8da 100%);
min-height: 100vh;
color: var(--text);
letter-spacing: .01em;
margin: 0;
padding: 36px 22px 52px;
font-family: Inter, Noto Sans JP, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
line-height: 1.75;
}
.page {
box-sizing: border-box;
width: min(var(--max), 100%);
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 36px 22px 52px;
}
.topbar {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
align-items: center;
margin: 0 0 10px;
padding: 0;
display: flex;
}
.brand {
box-sizing: border-box;
grid-column-gap: 13px;
grid-row-gap: 13px;
align-items: center;
min-width: 0;
margin: 0;
padding: 0;
display: flex;
}
.brand-mark {
box-sizing: border-box;
width: 42px;
height: 42px;
color: var(--gold);
letter-spacing: .06em;
background-color: #ffffffb8;
border: 1px solid #8b6f1f57;
border-radius: 999px;
flex: none;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 950;
display: grid;
}
.zgx1jv {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.brand-name {
box-sizing: border-box;
color: var(--navy);
letter-spacing: .03em;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 950;
line-height: 1.25;
}
.brand-sub {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .12em;
text-transform: uppercase;
margin: 2px 0 0;
padding: 0;
font-size: 10px;
line-height: 1.45;
}
.topbar-status {
box-sizing: border-box;
color: var(--muted);
text-align: right;
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
margin: 0;
padding: 0 40px 0 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
}
.result-shell {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line);
border-radius: 34px;
border-top-left-radius: var(--radius-xl);
border-top-right-radius: var(--radius-xl);
border-bottom-left-radius: var(--radius-xl);
border-bottom-right-radius: var(--radius-xl);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background-color: #ffffffd6;
border: 1px solid #e5ded2;
margin: 0;
padding: 0;
overflow: hidden;
box-shadow: 0 34px 90px #0f1a2e1f;
}
.hero {
box-sizing: border-box;
background-image: linear-gradient(135deg, #fffffffa, #fdfbf7f5);
grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
margin: 0;
padding: 0;
display: grid;
}
.hero-main {
box-sizing: border-box;
margin: 0;
padding: 58px 58px 46px;
}
.eyebrow-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--gold);
width: 100%;
height: 14px;
color: var(--gold);
letter-spacing: .18em;
text-transform: uppercase;
content: "";
align-items: center;
margin: 0 0 22px;
padding: 0;
font-size: 11px;
font-weight: 950;
display: inline-flex;
}
.qn5x1p {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.045em;
margin: 0 0 18px;
padding: 0;
font-size: clamp(30px, 3.7vw, 45px);
font-weight: 950;
line-height: 1.25;
}
.dvnm6t {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.lead {
box-sizing: border-box;
color: #405067;
text-align: left;
max-width: 780px;
margin: 0 0 28px;
padding: 0;
font-size: 14.5px;
}
.score-card {
box-sizing: border-box;
pointer-events: auto;
color: #fff;
content: "";
background-image: linear-gradient(135deg, #0f1a2e 0%, #16243a 58%, #21314f 100%);
border-radius: 28px;
width: auto;
height: auto;
margin: 0 0 18px;
padding: 34px;
position: relative;
overflow: hidden;
box-shadow: 0 26px 58px #0f1a2e33;
}
.score-top {
z-index: 1;
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 16px;
padding: 0;
display: flex;
position: relative;
}
.score-label {
box-sizing: border-box;
color: #ffffffc2;
text-align: left;
margin: 0;
padding: 0;
font-size: 12.5px;
font-weight: 800;
}
.score-pill {
box-sizing: border-box;
color: #ffffffc7;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
background-color: #ffffff14;
border: 1px solid #ffffff2e;
border-radius: 999px;
margin: 0;
padding: 5px 10px;
font-size: 10px;
font-weight: 950;
}
.score-number {
z-index: 1;
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
align-items: baseline;
margin: 0 0 14px;
padding: 0;
display: flex;
position: relative;
}
.jhenxm {
box-sizing: border-box;
color: #fff;
letter-spacing: -.06em;
margin: 0;
padding: 0;
font-size: clamp(48px, 6.4vw, 48px);
font-weight: 950;
line-height: 1;
}
.score-unit {
box-sizing: border-box;
color: #ffffffd1;
margin: 0;
padding: 0;
font-size: 20px;
font-weight: 850;
}
.score-caption {
z-index: 1;
box-sizing: border-box;
color: #ffffffad;
text-align: left;
max-width: 720px;
margin: 0;
padding: 15px 0 0;
font-size: 12.5px;
position: relative;
}
.score-bar-bg {
z-index: 1;
box-sizing: border-box;
background-color: #ffffff24;
border-radius: 999px;
height: 9px;
margin: 18px 0 0;
padding: 0;
position: relative;
overflow: hidden;
}
.dwv91h {
box-sizing: border-box;
background-image: linear-gradient(90deg, var(--gold-2), #e8d28b);
border-radius: 999px;
width: 0%;
height: 100%;
margin: 0;
padding: 0;
transition: width .8s;
}
.metrics-grid {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: repeat(3, 1fr);
margin: 18px 0 0;
padding: 0;
display: grid;
}
.metric-card {
box-sizing: border-box;
border: 1px solid var(--line);
text-align: left;
background-color: #ffffffe0;
border-radius: 18px;
margin: 0;
padding: 18px;
}
.metric-label {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .11em;
text-transform: uppercase;
margin: 0 0 7px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.metric-value {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.02em;
word-break: normal;
writing-mode: horizontal-tb;
min-width: 0;
letter-spacing: -.02em;
word-break: break-all;
overflow-wrap: anywhere;
writing-mode: horizontal-tb;
margin: 0;
padding: 0;
font-size: clamp(13px, 1.3vw, 16px);
font-weight: 950;
line-height: 1.45;
}
.metric-note {
box-sizing: border-box;
color: var(--muted);
word-break: normal;
writing-mode: horizontal-tb;
margin: 5px 0 0;
padding: 0;
font-size: 11.5px;
line-height: 1.55;
}
.hero-side {
box-sizing: border-box;
writing-mode: horizontal-tb;
background-image: linear-gradient(#faf7f0bd, #f6f3ec8a);
border-left: 1px solid #e3ded3;
justify-content: flex-start;
align-items: flex-start;
min-width: 340px;
margin: 0;
padding: 40px 46px 46px;
display: flex;
}
.value-card {
box-sizing: border-box;
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line);
width: 100%;
min-width: 280px;
box-shadow: var(--shadow-md) pxpx 0 0 0 black;
text-align: left;
word-break: normal;
overflow-wrap: break-word;
writing-mode: horizontal-tb;
background-color: #fffffff5;
border-radius: 5px;
flex-direction: column;
justify-content: space-between;
margin: 0;
padding: 24px 32px 32px;
display: flex;
}
._3d1ebp {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.value-kicker {
box-sizing: border-box;
color: var(--gold);
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.value-title {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.02em;
margin: 0 0 12px;
padding: 0;
font-size: 21px;
font-weight: 950;
line-height: 1.48;
}
.value-text {
box-sizing: border-box;
color: #4d5c73;
text-align: left;
word-break: normal;
writing-mode: horizontal-tb;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.85;
}
.value-list {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
writing-mode: horizontal-tb;
margin: 20px 0 0;
padding: 0;
display: grid;
}
.value-item {
box-sizing: border-box;
width: auto;
height: auto;
box-shadow: none;
color: #334155;
word-break: normal;
writing-mode: horizontal-tb;
background-color: #0000;
border-radius: 0;
margin: 0;
padding: 0 0 0 20px;
font-size: 12.5px;
line-height: 1.65;
display: block;
position: relative;
}
.value-foot {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line-soft);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line-soft);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line-soft);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line-soft);
background-color: var(--paper-soft);
color: var(--muted);
word-break: normal;
writing-mode: horizontal-tb;
border-radius: 16px;
margin: 0;
padding: 16px;
font-size: 11.5px;
line-height: 1.7;
}
.summary-strip {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #e5ded2;
border-bottom: 1px solid #e5ded2;
grid-template-columns: repeat(3, 1fr);
margin: 0;
padding: 0;
display: grid;
}
.summary-card {
box-sizing: border-box;
text-align: left;
writing-mode: horizontal-tb;
background-color: #ffffffeb;
margin: 0;
padding: 30px;
}
.summary-num {
box-sizing: border-box;
color: var(--gold);
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 11px;
font-weight: 950;
}
.summary-title {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 8px;
padding: 0;
font-size: 17px;
font-weight: 950;
line-height: 1.5;
}
.summary-text {
box-sizing: border-box;
color: #526177;
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.75;
}
.content {
box-sizing: border-box;
writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
background-color: #ffffffe6;
margin: 0;
padding: 48px 58px;
}
.section-head {
box-sizing: border-box;
text-align: left;
text-align: left;
max-width: 780px;
margin: 0 0 20px;
padding: 0;
}
.section-kicker {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .15em;
text-transform: uppercase;
margin: 40px 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.section-title-62 {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.03em;
margin: 0 0 10px;
padding: 0;
font-size: clamp(23px, 3vw, 31px);
font-weight: 950;
line-height: 1.45;
}
.section-lead {
box-sizing: border-box;
color: #526177;
text-align: left;
margin: 0;
padding: 0;
font-size: 13.5px;
line-height: 1.85;
}
.interpretation-box {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line);
text-align: left;
writing-mode: horizontal-tb;
background-color: #fbf8f1;
border: 1px solid #e5ded2;
border-radius: 24px;
margin: 0 0 34px;
padding: 26px;
}
.interpretation-title {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 8px;
padding: 0;
font-size: 15px;
font-weight: 950;
line-height: 1.75;
}
.interpretation-text {
box-sizing: border-box;
color: #475569;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.85;
}
.ub26cz {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.roadmap-grid {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: repeat(3, 1fr);
margin: 24px 0 48px;
padding: 0;
display: grid;
}
.roadmap-card {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line-soft);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line-soft);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line-soft);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line-soft);
text-align: left;
writing-mode: horizontal-tb;
background-color: #fdfbf7b8;
border: 1px solid #f1eadf;
border-radius: 22px;
margin: 0;
padding: 22px;
position: relative;
}
.roadmap-step {
box-sizing: border-box;
color: #fff;
background-color: #0f1a2e;
border-radius: 999px;
place-items: center;
width: 34px;
height: 34px;
margin: 0 0 14px;
padding: 0;
font-size: 12px;
font-weight: 950;
display: grid;
}
.roadmap-title {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 8px;
padding: 0;
font-size: 15px;
font-weight: 950;
line-height: 1.55;
}
.roadmap-text {
box-sizing: border-box;
color: #43536a;
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.8;
}
.two-col {
box-sizing: border-box;
grid-column-gap: 26px;
grid-row-gap: 26px;
grid-column-gap: 26px;
grid-row-gap: 26px;
grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr);
align-items: stretch;
margin: 0 0 48px;
padding: 0;
display: grid;
}
.panel {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line);
text-align: left;
background-color: #ffffffeb;
border: 1px solid #e5ded2;
border-radius: 26px;
margin: 0;
padding: 28px;
}
.panel-title {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.02em;
margin: 0 0 18px;
padding: 0;
font-size: 20px;
font-weight: 950;
}
.breakdown-list {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
margin: 0;
padding: 0;
display: grid;
}
.breakdown-row {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line-soft);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line-soft);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line-soft);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line-soft);
writing-mode: horizontal-tb;
background-color: #fdfbf7a6;
border: 1px solid #f1eadf;
border-radius: 18px;
margin: 0;
padding: 18px;
}
.breakdown-top {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #0f1a2e;
text-align: left;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 7px;
padding: 0;
font-size: 13px;
font-weight: 900;
display: flex;
}
._6tepia {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.breakdown-status {
box-sizing: border-box;
color: #8b6f1f;
white-space: nowrap;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 950;
}
.bar-track {
box-sizing: border-box;
background-color: #ece6d8;
border-radius: 999px;
height: 8px;
margin: 0 0 7px;
padding: 0;
overflow: hidden;
}
.bar-fill {
box-sizing: border-box;
width: var(--w);
background-image: linear-gradient(90deg, #b5963d, #b95f35);
border-radius: 999px;
height: 100%;
margin: 0;
padding: 0;
}
.bar-fill.inline-div-0 {
width: 0%;
}
.bar-caption {
box-sizing: border-box;
color: #64748b;
margin: 0;
padding: 0;
font-size: 11.5px;
line-height: 1.55;
}
._8os5z1, ._3u0gjz, .htafgk, .b7vbzc {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.logic-list {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
margin: 0;
padding: 0;
display: grid;
}
.logic-card {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line-soft);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line-soft);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line-soft);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line-soft);
text-align: left;
writing-mode: horizontal-tb;
background-color: #fbf8f1;
border: 1px solid #f1eadf;
border-radius: 18px;
margin: 0;
padding: 18px;
}
.emrw9s {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 5px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.jfgorf {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.75;
display: block;
}
.ocjz5a {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 5px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.l3kitn {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.75;
display: block;
}
.lltpan {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 5px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.o8zili {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.75;
display: block;
}
.e43hd2 {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 5px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
._3niper {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.75;
display: block;
}
.package-section {
box-sizing: border-box;
background-color: #ffffffe6;
margin: 0;
padding: 0 58px 54px;
}
.package-card {
box-sizing: border-box;
grid-column-gap: 34px;
grid-row-gap: 34px;
color: #fff;
text-align: left;
background-image: linear-gradient(135deg, #0f1a2efc, #18243cfc);
border-radius: 30px;
grid-template-columns: minmax(0, 1fr) minmax(310px, .52fr);
align-items: center;
margin: 0;
padding: 38px;
display: grid;
box-shadow: 0 24px 56px #0f1a2e2e;
}
.m7vu6w {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.package-label {
box-sizing: border-box;
color: #ffffff94;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.package-title {
box-sizing: border-box;
letter-spacing: -.03em;
margin: 0 0 12px;
padding: 0;
font-size: clamp(24px, 3vw, 33px);
font-weight: 950;
line-height: 1.35;
}
.package-text {
box-sizing: border-box;
color: #ffffffc2;
text-align: left;
margin: 0 0 20px;
padding: 0;
font-size: 13px;
line-height: 1.85;
}
.point-list {
box-sizing: border-box;
grid-column-gap: 9px;
grid-row-gap: 9px;
margin: 0;
padding: 0;
display: grid;
}
.cta-box {
box-sizing: border-box;
text-align: center;
background-color: #ffffff13;
border: 1px solid #ffffff24;
border-radius: 22px;
margin: 0;
padding: 24px;
}
.cta-box-title {
box-sizing: border-box;
color: #fff;
text-align: center;
margin: 0 0 14px;
padding: 0;
font-size: 15px;
font-weight: 950;
line-height: 1.6;
}
.btn-main {
box-sizing: border-box;
width: 100%;
transition-property: transform;
transition-duration: .18s;
transition-timing-function: ease, ;
transition-delay: box-shadow;
color: #fff;
text-align: center;
background-color: #b5963d;
border-radius: 12px;
justify-content: center;
align-items: center;
margin: 0;
padding: 15px 22px;
font-size: 13px;
font-weight: 950;
line-height: 1.45;
text-decoration: none;
display: inline-flex;
box-shadow: 0 12px 25px #b5963d33;
}
.btn-main:hover {
transform: translateY(-1px);
box-shadow: 0 16px 30px #0f1a2e2e;
}
.cta-note {
box-sizing: border-box;
color: #ffffff8c;
text-align: center;
margin: 14px 0 0;
padding: 0;
font-size: 11px;
line-height: 1.6;
}
.save-section {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #0000;
border-top: 1px #e5ded2;
grid-template-columns: minmax(0, 1fr) minmax(310px, .62fr);
margin: 0;
padding: 0;
display: block;
}
.save-panel {
box-sizing: border-box;
text-align: left;
text-align: left;
background-color: #0000;
margin: 0;
padding: 36px 58px;
}
.save-warning {
box-sizing: border-box;
background-color: #fffdf9;
border: 1px solid #8b6f1f80;
border-radius: 22px;
margin: 0;
padding: 22px;
}
._6bo4bp {
box-sizing: border-box;
color: var(--gold);
margin: 0 0 8px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.ad8ed1 {
box-sizing: border-box;
color: #475569;
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.75;
display: block;
}
.save-list {
box-sizing: border-box;
color: #475569;
margin: 12px 0 0;
padding: 0 0 0 18px;
font-size: 12px;
line-height: 1.8;
}
.n3aqa6, .way8xb, .x68cdi, .vcd74m {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.footer-cta {
box-sizing: border-box;
color: #fff;
text-align: center;
background-color: #0f1a2e;
margin: 0;
padding: 50px 58px;
}
.footer-cta-inner {
box-sizing: border-box;
width: min(820px, 100%);
margin: 0 auto;
padding: 0;
}
.ruex1p, ._44tjjf {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.btn-white {
box-sizing: border-box;
min-width: 280px;
transition-property: transform;
transition-duration: .18s;
transition-timing-function: ease, ;
transition-delay: box-shadow;
color: #0f1a2e;
text-align: center;
background-color: #fff;
border-radius: 13px;
justify-content: center;
align-items: center;
margin: 0;
padding: 15px 32px;
font-size: 13px;
font-weight: 950;
line-height: 1.45;
text-decoration: none;
display: inline-flex;
}
.btn-white:hover {
transform: translateY(-1px);
box-shadow: 0 16px 30px #0f1a2e2e;
}
.disclaimer {
box-sizing: border-box;
color: var(--muted);
text-align: right;
margin: 14px 8px 0;
padding: 0;
font-size: 11px;
line-height: 1.7;
}
.body-15 {
box-sizing: border-box;
background-image: radial-gradient(circle at 7% 0%, #8b6f1f1f, transparent 31%), radial-gradient(circle at 92% 8%, #0f1a2e14, transparent 35%), linear-gradient(180deg, #fcf9f2 0%, var(--washi) 58%, #efe8da 100%);
min-height: 100vh;
color: var(--ink);
letter-spacing: .01em;
margin: 0;
padding: 36px 22px 52px;
line-height: 1.75;
}
.page-2 {
box-sizing: border-box;
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 36px 22px 52px;
}
.topbar-2 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
align-items: center;
margin: 0 0 24px;
padding: 0;
display: flex;
}
.brand-2 {
box-sizing: border-box;
grid-column-gap: 13px;
grid-row-gap: 13px;
align-items: center;
min-width: 0;
margin: 0;
padding: 0;
display: flex;
}
.brand-mark-2 {
box-sizing: border-box;
width: 42px;
height: 42px;
color: var(--gold);
letter-spacing: .06em;
background-color: #ffffffb8;
border: 1px solid #8b6f1f57;
border-radius: 999px;
flex: none;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 950;
display: grid;
}
.cneyf5 {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
}
.brand-name-2 {
box-sizing: border-box;
color: var(--navy);
letter-spacing: .03em;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 950;
line-height: 1.25;
}
.brand-sub-2 {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .12em;
text-transform: uppercase;
margin: 2px 0 0;
padding: 0;
font-size: 10px;
line-height: 1.45;
}
.topbar-status-2 {
box-sizing: border-box;
color: var(--muted);
text-align: right;
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
margin: 0;
padding: 0;
font-size: 11px;
}
.diagnostic-shell {
box-sizing: border-box;
border: 1px solid var(--line);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-lg);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background-color: #ffffffd6;
margin: 0;
padding: 0;
overflow: hidden;
}
.hero-2 {
box-sizing: border-box;
background-image: linear-gradient(135deg, #fffffffa, #fdfbf7f5);
grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
margin: 0;
padding: 0;
display: grid;
}
.hero-main-2 {
box-sizing: border-box;
margin: 0;
padding: 60px 58px 52px;
}
.eyebrow-3 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--gold);
width: 42px;
height: 1px;
color: var(--gold);
letter-spacing: .18em;
text-transform: uppercase;
content: "";
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--gold);
width: 100%;
height: 1px;
letter-spacing: .18em;
text-transform: uppercase;
content: "";
align-items: center;
margin: 0 0 22px;
padding: 0;
font-size: 11px;
font-weight: 950;
display: inline-flex;
}
.vwwh5k {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.035em;
width: 100%;
letter-spacing: -.035em;
margin: 0 0 22px;
padding: 0;
font-family: Noto Sans JP, sans-serif;
font-size: clamp(35px, 4.2vw, 56px);
font-weight: 900;
line-height: 1.28;
}
.num {
box-sizing: border-box;
color: var(--gold);
letter-spacing: -.07em;
margin: 0 .05em 0 0;
padding: 0;
font-size: 1.32em;
}
.ifaz0j {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.subline {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: var(--gold);
width: 100%;
height: 20px;
color: var(--gold);
letter-spacing: .16em;
text-transform: uppercase;
content: "";
align-items: center;
margin: 0 0 24px;
padding: 0;
font-size: 12px;
font-weight: 900;
display: inline-flex;
}
.lead-2 {
box-sizing: border-box;
color: #364255;
text-align: left;
max-width: 760px;
margin: 0 0 30px;
padding: 0;
font-size: 14.5px;
line-height: 2.05;
}
.b5bkuy {
box-sizing: border-box;
color: var(--gold);
margin: 0;
padding: 0;
font-weight: 900;
}
.hero-points {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 12px;
grid-template-columns: repeat(3, 1fr);
margin: 24px 0 0;
padding: 0;
display: grid;
}
.point-chip {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line);
word-break: normal;
writing-mode: horizontal-tb;
background-color: #ffffffd1;
border-radius: 18px;
width: auto;
height: auto;
min-height: 112px;
margin: 0;
padding: 16px;
}
.point-kicker {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .14em;
text-transform: uppercase;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.point-title {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 6px;
padding: 0;
font-size: 14px;
font-weight: 900;
line-height: 1.55;
}
.point-text {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 11.5px;
line-height: 1.65;
}
.hero-side-2 {
box-sizing: border-box;
background-image: linear-gradient(#faf7f0b8, #f6f3ec85);
align-items: stretch;
min-width: 0;
margin: 0;
padding: 58px 46px 46px;
display: flex;
}
.flow-card {
box-sizing: border-box;
grid-column-gap: 26px;
grid-row-gap: 24px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line);
border-top-left-radius: var(--radius-lg);
border-top-right-radius: var(--radius-lg);
border-bottom-left-radius: var(--radius-lg);
border-bottom-right-radius: var(--radius-lg);
width: 100%;
box-shadow: var(--shadow-md);
text-align: left;
word-break: normal;
writing-mode: horizontal-tb;
background-color: #fffffff5;
flex-direction: column;
justify-content: space-between;
margin: 0;
padding: 32px;
display: flex;
}
.flow-head {
box-sizing: border-box;
text-align: left;
margin: 0;
padding: 0;
}
.flow-kicker {
box-sizing: border-box;
color: var(--gold);
letter-spacing: .15em;
text-transform: uppercase;
width: 100%;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.flow-title {
box-sizing: border-box;
color: #0f1a2e;
letter-spacing: -.02em;
writing-mode: horizontal-tb;
margin: 0 0 4px;
padding: 0;
font-size: 14px;
font-weight: 950;
line-height: 1.45;
}
.flow-text {
box-sizing: border-box;
color: #0f1a2e;
writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.75;
}
.flow-steps {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-column-gap: 0px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
margin: 0;
padding: 0;
display: grid;
}
.flow-step {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
border-top-style: none;
border-top-width: 1px;
border-top-color: var(--line-soft);
border-right-style: none;
border-right-width: 1px;
border-right-color: var(--line-soft);
border-bottom-style: none;
border-bottom-width: 1px;
border-bottom-color: var(--line-soft);
border-left-style: none;
border-left-width: 1px;
border-left-color: var(--line-soft);
width: auto;
height: auto;
box-shadow: none;
writing-mode: horizontal-tb;
grid-column-gap: 14px;
grid-row-gap: 14px;
border: 1px none var(--line-soft);
width: auto;
height: auto;
box-shadow: none;
writing-mode: horizontal-tb;
background-color: #0000;
border-radius: 0;
grid-template-columns: 36px 1fr;
align-items: start;
margin: 0;
padding: 0;
display: grid;
}
.step-number {
box-sizing: border-box;
width: 36px;
height: 36px;
box-shadow: none;
color: #fff;
writing-mode: horizontal-tb;
width: 36px;
height: 36px;
box-shadow: none;
writing-mode: horizontal-tb;
background-color: #0f1a2e;
border-radius: 999px;
flex: 0 0 36px;
place-items: center;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 950;
display: grid;
}
.sniuev {
box-sizing: border-box;
flex: 1;
min-width: 0;
margin: 0;
padding: 0;
}
.snydp7, .rbfl2a, ._0ok1i7 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
._0ok1i7 {
box-sizing: border-box;
flex: 1;
min-width: 0;
margin: 0;
padding: 0;
}
._438p75, .btfsjb, .kfsx43 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.kfsx43 {
box-sizing: border-box;
flex: 1;
min-width: 0;
margin: 0;
padding: 0;
}
.g10usj, ._9tbr72 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.stats-grid {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 1px;
border-top: 1px solid #efe8da;
border-right-style: none;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: none;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: none;
border-left-width: 1px;
border-left-color: var(--line);
background-color: #0000;
border-radius: 0;
grid-template-columns: repeat(3, 1fr);
margin: 24px 0 0;
padding: 22px 0 0;
display: grid;
overflow: hidden;
}
.stat-10 {
box-sizing: border-box;
text-align: center;
background-color: #fffdf8;
margin: 0;
padding: 16px 12px;
}
._9fg5oa {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 5px;
padding: 0;
font-size: 10px;
font-weight: 800;
display: block;
}
.hx55bh {
box-sizing: border-box;
color: #8b6f1f;
margin: 0;
padding: 0;
font-size: 24px;
font-weight: 950;
line-height: 1;
}
.b10iez {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 0 2px;
padding: 0;
font-size: 12px;
font-weight: 800;
}
.ea3cqa {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 5px;
padding: 0;
font-size: 10px;
font-weight: 800;
display: block;
}
.s93ub7 {
box-sizing: border-box;
color: #8b6f1f;
margin: 0;
padding: 0;
font-size: 24px;
font-weight: 950;
line-height: 1;
}
.n539cy {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 0 2px;
padding: 0;
font-size: 12px;
font-weight: 800;
}
.xm7nwl {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 5px;
padding: 0;
font-size: 10px;
font-weight: 800;
display: block;
}
.j61p0i {
box-sizing: border-box;
color: #8b6f1f;
margin: 0;
padding: 0;
font-size: 24px;
font-weight: 950;
line-height: 1;
}
.content-2 {
box-sizing: border-box;
background-color: #ffffffe6;
margin: 0;
padding: 0 58px;
}
.section-head-2 {
box-sizing: border-box;
text-align: left;
max-width: 790px;
margin: 0 0 28px;
padding: 0;
}
.section-kicker-2 {
box-sizing: border-box;
color: var(--gold);
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.section-title-63 {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.03em;
margin: 0 0 10px;
padding: 0;
font-size: clamp(23px, 3vw, 31px);
font-weight: 950;
line-height: 1.45;
}
.section-lead-2 {
box-sizing: border-box;
color: #526177;
margin: 0;
padding: 0;
font-size: 13.5px;
line-height: 1.85;
}
.benefit-grid {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-columns: repeat(3, 1fr);
align-items: stretch;
margin: 0 0 44px;
padding: 0;
display: grid;
}
.benefit {
box-sizing: border-box;
border: 1px solid var(--line-soft);
background-color: var(--paper-soft);
text-align: left;
text-align: left;
background-color: #fdfbf7;
border: 1px solid #efe8da;
border-radius: 24px;
flex-direction: column;
height: 100%;
min-height: 224px;
margin: 0;
padding: 24px;
display: flex;
}
.benefit-icon {
box-sizing: border-box;
width: 48px;
height: 48px;
color: var(--gold);
background-color: #fff;
border: 1px solid #8b6f1f40;
border-radius: 999px;
margin: 0 0 18px;
padding: 0;
font-size: 22px;
font-weight: 950;
display: grid;
box-shadow: 0 10px 26px #0f1a2e0d;
}
.usxgat {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 10px;
padding: 0;
font-size: 17px;
font-weight: 950;
line-height: 1.55;
}
.w0ug32 {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.85;
}
.lcooqv {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 10px;
padding: 0;
font-size: 17px;
font-weight: 950;
line-height: 1.55;
}
.gypkpa {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.85;
}
.yodqex {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 10px;
padding: 0;
font-size: 17px;
font-weight: 950;
line-height: 1.55;
}
.nkve1w {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.85;
}
.result-preview {
box-sizing: border-box;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: minmax(0, 1fr) minmax(310px, .72fr);
align-items: stretch;
margin: 0;
padding: 0;
display: grid;
}
.preview-card {
box-sizing: border-box;
border: 1px solid var(--line);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
background-color: #fffffff0;
margin: 0;
padding: 28px;
}
.section-kicker-3 {
box-sizing: border-box;
color: var(--gold);
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.score-preview {
box-sizing: border-box;
pointer-events: auto;
color: #fff;
content: "";
background-image: linear-gradient(135deg, #0f1a2e, #1a2b4c);
border-radius: 24px;
width: auto;
height: auto;
margin: 18px 0 0;
padding: 28px;
position: relative;
overflow: hidden;
}
.score-preview-label {
z-index: 1;
box-sizing: border-box;
color: #ffffffb8;
margin: 0 0 12px;
padding: 0;
font-size: 12px;
font-weight: 800;
position: relative;
}
.score-preview-number {
z-index: 1;
box-sizing: border-box;
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: baseline;
margin: 0 0 16px;
padding: 0;
display: flex;
position: relative;
}
._9aglwm {
box-sizing: border-box;
letter-spacing: -.06em;
margin: 0;
padding: 0;
font-size: clamp(48px, 5vw, 72px);
font-weight: 950;
line-height: 1;
}
._8ogcow {
box-sizing: border-box;
color: #ffffffc7;
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 800;
}
.score-preview-bar {
z-index: 1;
box-sizing: border-box;
background-color: #ffffff24;
border-radius: 999px;
height: 8px;
margin: 0 0 12px;
padding: 0;
position: relative;
overflow: hidden;
}
.ersey6 {
box-sizing: border-box;
background-image: linear-gradient(90deg, var(--gold-2), #e8d28b);
border-radius: 999px;
width: 75%;
height: 100%;
margin: 0;
padding: 0;
}
.score-preview-note {
z-index: 1;
box-sizing: border-box;
color: #ffffff9e;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.75;
position: relative;
}
.section-kicker-4 {
box-sizing: border-box;
color: var(--gold);
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.deliverables {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
margin: 18px 0 0;
padding: 0;
display: grid;
}
.deliverable {
box-sizing: border-box;
border: 1px solid var(--line-soft);
background-color: var(--paper-soft);
border-radius: 18px;
margin: 0;
padding: 16px;
}
.coibpb {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.uqntf5 {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
._30dg4o {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
._0x0ktg {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.nj4sti {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.q7lcwc {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
._1kog2e {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.e93fyz {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.cta-section-2 {
box-sizing: border-box;
background-color: #ffffffe6;
margin: 0;
padding: 0 58px 54px;
}
.cta-card {
box-sizing: border-box;
grid-column-gap: 34px;
grid-row-gap: 34px;
color: #fff;
text-align: left;
background-image: linear-gradient(135deg, #0f1a2efc, #18243cfc);
border-radius: 30px;
grid-template-columns: minmax(0, 1fr) minmax(310px, .52fr);
align-items: center;
margin: 0;
padding: 38px;
display: grid;
box-shadow: 0 24px 56px #0f1a2e2e;
}
.rrvx3h {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.cta-label {
box-sizing: border-box;
color: #ffffff94;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.cta-title {
box-sizing: border-box;
letter-spacing: -.03em;
margin: 0 0 12px;
padding: 0;
font-size: clamp(24px, 3vw, 33px);
font-weight: 950;
line-height: 1.35;
}
.cta-text {
box-sizing: border-box;
color: #ffffffc2;
text-align: left;
text-align: center;
width: 100%;
margin: 0 0 20px;
padding: 0;
font-size: 13px;
line-height: 1.85;
}
.cta-list {
box-sizing: border-box;
grid-column-gap: 9px;
grid-row-gap: 9px;
margin: 0;
padding: 0;
display: grid;
}
.cta-list-item {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
width: auto;
height: auto;
box-shadow: none;
color: #ffffffe0;
content: "";
writing-mode: horizontal-tb;
background-color: #0000;
border-radius: 0;
grid-template-columns: 16px 1fr;
margin: 9px 0 0;
padding: 0 0 0 16px;
font-size: 12.5px;
line-height: 1.65;
display: block;
position: relative;
}
.cta-box-2 {
box-sizing: border-box;
text-align: center;
background-color: #ffffff13;
border: 1px solid #ffffff24;
border-radius: 22px;
margin: 0;
padding: 24px;
}
.btn-main-2 {
box-sizing: border-box;
background-color: var(--gold-2);
color: #fff;
text-align: center;
text-align: center;
background-color: #a88845;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100%;
min-height: 60px;
margin: 0;
padding: 16px 22px;
font-size: 15px;
font-weight: 950;
line-height: 1.45;
text-decoration: none;
transition: transform .18s, all;
display: inline-flex;
box-shadow: 0 10px 28px #a8884540;
}
.btn-main-2:hover {
background-color: #8b6f1f;
transform: translateY(-1px);
box-shadow: 0 16px 30px #0f1a2e2e;
}
.security-note {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #ffffffa6;
justify-content: center;
align-items: center;
margin: 18px 0 0;
padding: 0;
font-size: 12px;
display: flex;
}
.cta-note-2 {
box-sizing: border-box;
color: #ffffff8c;
text-align: center;
margin: 14px 0 0;
padding: 0;
font-size: 11px;
line-height: 1.6;
}
.disclaimer-2 {
box-sizing: border-box;
color: var(--muted);
text-align: right;
margin: 14px 8px 0;
padding: 0;
font-size: 11px;
line-height: 1.7;
}
.body-16 {
box-sizing: border-box;
background-image: radial-gradient(circle at 8% 0%, #8b6f1f1c, transparent 32%), radial-gradient(circle at 90% 12%, #0f1a2e14, transparent 35%), linear-gradient(180deg, #fcf9f2 0%, var(--bg) 52%, var(--bg2) 100%);
min-height: 100vh;
color: var(--text);
letter-spacing: .01em;
margin: 0;
padding: 36px 24px 52px;
font-family: Inter, Noto Sans JP, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
line-height: 1.75;
}
.page-3 {
box-sizing: border-box;
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 36px 24px 52px;
}
.topbar-3 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
align-items: center;
margin: 0 0 26px;
padding: 0;
display: flex;
}
.brand-3 {
box-sizing: border-box;
grid-column-gap: 13px;
grid-row-gap: 13px;
align-items: center;
min-width: 0;
margin: 0;
padding: 0;
display: flex;
}
.brand-mark-3 {
box-sizing: border-box;
width: 40px;
height: 40px;
color: var(--gold);
letter-spacing: .06em;
background-color: #ffffffad;
border: 1px solid #8b6f1f57;
border-radius: 999px;
flex: none;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 900;
display: grid;
}
.siqkcd {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.brand-name-3 {
box-sizing: border-box;
color: var(--navy);
letter-spacing: .03em;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 900;
line-height: 1.25;
}
.brand-sub-3 {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .12em;
text-transform: uppercase;
margin: 2px 0 0;
padding: 0;
font-size: 10px;
line-height: 1.45;
}
.topbar-status-3 {
box-sizing: border-box;
color: var(--muted);
text-align: right;
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
margin: 0;
padding: 0;
font-size: 11px;
}
.result-shell-2 {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line);
border-radius: 34px;
border-top-left-radius: var(--r-xl);
border-top-right-radius: var(--r-xl);
border-bottom-left-radius: var(--r-xl);
border-bottom-right-radius: var(--r-xl);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background-color: #ffffffd1;
border: 1px solid #e5ded2;
margin: 0;
padding: 0;
overflow: hidden;
box-shadow: 0 34px 90px #0f1a2e1f;
}
.hero-3 {
box-sizing: border-box;
border-bottom: 1px solid #e5ded2;
grid-template-columns: minmax(0, 1.06fr) minmax(360px, .82fr);
margin: 0;
padding: 0;
display: grid;
}
.hero-main-3 {
box-sizing: border-box;
background-image: linear-gradient(135deg, #fffffff7, #fdfbf7f2);
min-width: 0;
margin: 0;
padding: 56px;
}
.eyebrow-4 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--gold);
color: #8b6f1f;
letter-spacing: .18em;
text-transform: uppercase;
content: "";
align-items: center;
width: 40px;
height: 1px;
margin: 0 0 22px;
padding: 0;
font-size: 11px;
font-weight: 900;
display: inline-flex;
}
.zq8bel {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.045em;
margin: 0 0 20px;
padding: 0;
font-size: clamp(30px, 3.8vw, 48px);
font-weight: 950;
line-height: 1.22;
}
._4c029j {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.lead-3 {
box-sizing: border-box;
color: #42526a;
text-align: left;
max-width: 760px;
margin: 0 0 28px;
padding: 0;
font-size: 14.5px;
}
.gain-strip {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: repeat(3, 1fr);
margin: 0 0 30px;
padding: 0;
display: grid;
}
.gain-item {
box-sizing: border-box;
grid-column-gap: 7px;
grid-row-gap: 7px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line2);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line2);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line2);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line2);
color: #22304b;
white-space: nowrap;
writing-mode: horizontal-tb;
background-color: #ffffffc2;
border-radius: 999px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin: 0;
padding: 9px 12px;
font-size: 11.5px;
font-weight: 800;
display: flex;
}
.gain-dot {
box-sizing: border-box;
background-color: var(--gold2);
border-radius: 999px;
flex: none;
width: 7px;
height: 7px;
margin: 0;
padding: 0;
box-shadow: 0 0 0 4px #b5963d21;
}
.impact-panel {
box-sizing: border-box;
pointer-events: auto;
color: #fff;
content: "";
background-image: linear-gradient(135deg, #0f1a2e 0%, #17233a 58%, #21314f 100%);
border-radius: 26px;
width: auto;
height: auto;
margin: 0 0 24px;
padding: 32px;
position: relative;
overflow: hidden;
box-shadow: 0 26px 58px #0f1a2e33;
}
.impact-head {
z-index: 1;
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 16px;
padding: 0;
display: flex;
position: relative;
}
.impact-label {
box-sizing: border-box;
color: #ffffffbd;
text-align: left;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 700;
}
.impact-tag {
box-sizing: border-box;
color: #ffffffc7;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
background-color: #ffffff14;
border: 1px solid #ffffff2e;
border-radius: 999px;
margin: 0;
padding: 5px 10px;
font-size: 10px;
font-weight: 900;
}
.impact-number {
z-index: 1;
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
align-items: baseline;
margin: 0 0 14px;
padding: 0;
display: flex;
position: relative;
}
.impact-number-main {
box-sizing: border-box;
color: #fff;
letter-spacing: -.06em;
margin: 0;
padding: 0;
font-size: clamp(48px, 6.4vw, 76px);
font-weight: 950;
line-height: 1;
}
.impact-unit {
box-sizing: border-box;
color: #ffffffd1;
margin: 0;
padding: 0;
font-size: 20px;
font-weight: 800;
}
.impact-caption {
z-index: 1;
box-sizing: border-box;
color: #ffffffab;
text-align: left;
max-width: 690px;
margin: 0;
padding: 15px 0 0;
font-size: 12.5px;
position: relative;
}
.metrics-grid-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: repeat(3, 1fr);
margin: 0 0 22px;
padding: 0;
display: grid;
}
.metric-card-2 {
box-sizing: border-box;
border: 1px solid var(--line);
text-align: left;
background-color: #ffffffdb;
border-radius: 18px;
margin: 0;
padding: 18px;
}
.metric-label-2 {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .11em;
text-transform: uppercase;
margin: 0 0 7px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.metric-value-2 {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.02em;
margin: 0;
padding: 0;
font-size: 21px;
font-weight: 950;
line-height: 1.25;
}
.p1u53t {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.metric-note-2 {
box-sizing: border-box;
color: var(--muted);
margin: 5px 0 0;
padding: 0;
font-size: 11.5px;
line-height: 1.55;
}
.interpretation {
box-sizing: border-box;
border: 1px solid var(--line);
background-color: var(--soft);
text-align: left;
border-radius: 20px;
margin: 0;
padding: 22px 24px;
}
.interpretation-title-2 {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 8px;
padding: 0;
font-size: 14px;
font-weight: 900;
line-height: 1.7;
}
.interpretation-text-2 {
box-sizing: border-box;
color: #475569;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.8;
}
.hero-side-3 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
writing-mode: horizontal-tb;
background-image: linear-gradient(#faf7f0fa, #f6f3ecf5);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 28px;
min-width: 360px;
margin: 0;
padding: 56px 38px 38px;
display: flex;
}
.thanks-card {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line);
box-shadow: var(--shadow2);
text-align: left;
background-color: #ffffffdb;
border-radius: 24px;
flex-shrink: 0;
margin: 0;
padding: 32px;
}
.thanks-kicker {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.thanks-title {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.02em;
margin: 0 0 10px;
padding: 0;
font-size: 18px;
font-weight: 950;
line-height: 1.45;
}
.thanks-text {
box-sizing: border-box;
color: #4d5c73;
text-align: left;
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.75;
}
.next-card {
box-sizing: border-box;
color: #fff;
text-align: left;
background-image: linear-gradient(135deg, #0f1a2efc, #18243cfc);
border-radius: 26px;
flex-grow: 0;
height: auto;
margin: 96px 0 0;
padding: 36px;
box-shadow: 0 24px 56px #0f1a2e2e;
}
.next-label {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.next-title {
box-sizing: border-box;
letter-spacing: -.03em;
margin: 0 0 12px;
padding: 0;
font-size: 22px;
font-weight: 950;
line-height: 1.35;
}
.next-text {
box-sizing: border-box;
color: #ffffffbd;
text-align: left;
margin: 0 0 18px;
padding: 0;
font-size: 12.5px;
line-height: 1.8;
}
.point-list-2 {
box-sizing: border-box;
grid-column-gap: 9px;
grid-row-gap: 9px;
margin: 0 0 20px;
padding: 0;
display: grid;
}
.point-item {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
width: auto;
height: auto;
box-shadow: none;
color: #ffffffdb;
text-align: left;
content: "";
writing-mode: horizontal-tb;
background-color: #0000;
border-radius: 0;
grid-template-columns: 16px 1fr;
margin: 9px 0 0;
padding: 0 0 0 16px;
font-size: 12.5px;
line-height: 1.65;
display: block;
position: relative;
}
.cta-box-3 {
box-sizing: border-box;
text-align: center;
background-color: #ffffff13;
border: 1px solid #ffffff24;
border-radius: 18px;
margin: 0;
padding: 20px;
}
.btn-main-3 {
box-sizing: border-box;
min-width: min(100%, 310px);
transition: transform .18s ease, undefined undefined box-shadow;
color: #fff;
text-align: center;
background-color: #b5963d;
border-radius: 12px;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 15px 22px;
font-size: 13px;
font-weight: 950;
line-height: 1.4;
text-decoration: none;
display: inline-flex;
box-shadow: 0 12px 25px #b5963d33;
}
.btn-main-3:hover {
transform: translateY(-1px);
box-shadow: 0 16px 30px #0f1a2e2e;
}
.cta-note-3 {
box-sizing: border-box;
color: #ffffff94;
text-align: center;
margin: 11px 0 0;
padding: 0;
font-size: 11px;
line-height: 1.65;
}
.section-grid {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #e5ded2;
grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
margin: 0;
padding: 0;
display: grid;
}
.section-7 {
box-sizing: border-box;
background-color: #ffffffeb;
min-width: 0;
margin: 0;
padding: 46px;
}
.section-kicker-5 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #8b6f1f;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 900;
display: block;
}
.section-title-64 {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.025em;
margin: 0 0 20px;
padding: 0;
font-size: 23px;
font-weight: 950;
line-height: 1.45;
}
.section-lead-3 {
box-sizing: border-box;
color: #526177;
text-align: left;
max-width: 720px;
margin: 0 0 24px;
padding: 0;
font-size: 13px;
}
.breakdown-list-2 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
margin: 0;
padding: 0;
display: grid;
}
.breakdown-row-2 {
box-sizing: border-box;
border: 1px solid var(--line2);
text-align: left;
background-color: #fdfbf7b8;
border-radius: 18px;
margin: 0;
padding: 18px;
}
.breakdown-top-2 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--navy);
text-align: left;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 10px;
padding: 0;
font-size: 13px;
font-weight: 850;
display: flex;
}
.ot3n3d {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.breakdown-status-2 {
box-sizing: border-box;
color: #b65c32;
white-space: nowrap;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 950;
}
.bar-track-2 {
box-sizing: border-box;
background-color: #ece6d8;
border-radius: 999px;
height: 8px;
margin: 0;
padding: 0;
overflow: hidden;
}
.bar-fill-2 {
box-sizing: border-box;
width: var(--w);
background-image: linear-gradient(90deg, #b5963d, #b65c32);
border-radius: 999px;
height: 100%;
margin: 0;
padding: 0;
}
.cuv3nf {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.breakdown-status-3 {
box-sizing: border-box;
color: var(--risk);
white-space: nowrap;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 950;
}
.bar-track-3 {
box-sizing: border-box;
background-color: #ece6d8;
border-radius: 999px;
height: 8px;
margin: 0;
padding: 0;
overflow: hidden;
}
.bar-fill-3 {
box-sizing: border-box;
width: var(--w);
background-image: linear-gradient(90deg, var(--gold2), var(--risk));
border-radius: 999px;
height: 100%;
margin: 0;
padding: 0;
}
.n8so8a {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.breakdown-status-4 {
box-sizing: border-box;
color: var(--risk);
white-space: nowrap;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 950;
}
.bar-track-4 {
box-sizing: border-box;
background-color: #ece6d8;
border-radius: 999px;
height: 8px;
margin: 0;
padding: 0;
overflow: hidden;
}
.bar-fill-4 {
box-sizing: border-box;
width: var(--w);
background-image: linear-gradient(90deg, var(--gold2), var(--risk));
border-radius: 999px;
height: 100%;
margin: 0;
padding: 0;
}
._5mx1z8 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.breakdown-status-5 {
box-sizing: border-box;
color: var(--risk);
white-space: nowrap;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 950;
}
.bar-track-5 {
box-sizing: border-box;
background-color: #ece6d8;
border-radius: 999px;
height: 8px;
margin: 0;
padding: 0;
overflow: hidden;
}
.bar-fill-5 {
box-sizing: border-box;
width: var(--w);
background-image: linear-gradient(90deg, var(--gold2), var(--risk));
border-radius: 999px;
height: 100%;
margin: 0;
padding: 0;
}
._840566 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.section-8 {
box-sizing: border-box;
background-color: #ffffffeb;
min-width: 0;
margin: 0;
padding: 46px;
}
.section-kicker-6 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #8b6f1f;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 900;
display: block;
}
.section-title-65 {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.025em;
margin: 0 0 20px;
padding: 0;
font-size: 23px;
font-weight: 950;
line-height: 1.45;
}
.action-list {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
margin: 0;
padding: 0;
display: grid;
}
.action-row {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
border: 1px solid var(--line2);
text-align: left;
background-color: #fdfbf7b8;
border-radius: 18px;
grid-template-columns: 34px 1fr;
margin: 0;
padding: 18px;
display: grid;
}
.action-num {
box-sizing: border-box;
color: #fff;
background-color: #0f1a2e;
border-radius: 999px;
place-items: center;
width: 34px;
height: 34px;
margin: 2px 0 0;
padding: 0;
font-size: 12px;
font-weight: 950;
display: grid;
}
.i7fxzq {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.action-title {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 5px;
padding: 0;
font-size: 14px;
font-weight: 950;
line-height: 1.55;
}
.action-desc {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.75;
}
.sek2e0, .b5v4mf {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.section-kicker-7 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #8b6f1f;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 900;
display: block;
}
.section-title-66 {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.025em;
margin: 0 0 20px;
padding: 0;
font-size: 23px;
font-weight: 950;
line-height: 1.45;
}
.note-stack {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
margin: 0;
padding: 0;
display: grid;
}
.note-card {
box-sizing: border-box;
border: 1px solid var(--line2);
text-align: left;
background-color: #fdfbf7b8;
border-radius: 18px;
margin: 0;
padding: 18px;
}
.mu5y0e {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 5px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.o4fmo4 {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.75;
}
.m1r1kc {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 5px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.us1s1w {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.75;
}
.section-kicker-8 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #8b6f1f;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 900;
display: block;
}
.section-title-67 {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.025em;
margin: 0 0 20px;
padding: 0;
font-size: 23px;
font-weight: 950;
line-height: 1.45;
}
.v79g85 {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 5px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.s8ndtt {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.75;
}
._2dqibs {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 5px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.qsr5hl {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.75;
}
.save-section-2 {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: var(--line);
grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
margin: 0;
padding: 0;
display: grid;
}
.save-main {
box-sizing: border-box;
background-color: #ffffffeb;
min-width: 0;
margin: 0;
padding: 46px;
}
.save-kicker {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #8b6f1f;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 900;
display: block;
}
.save-title {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.025em;
margin: 0 0 18px;
padding: 0;
font-size: 22px;
font-weight: 950;
line-height: 1.45;
}
.save-text {
box-sizing: border-box;
color: #526177;
text-align: left;
max-width: 720px;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.9;
}
.save-side {
box-sizing: border-box;
background-color: #ffffffeb;
min-width: 0;
margin: 0;
padding: 46px;
}
.save-panel-2 {
box-sizing: border-box;
text-align: left;
background-color: #fdfbf7b8;
border: 1px solid #8b6f1f6b;
border-radius: 24px;
margin: 0;
padding: 24px;
}
.save-panel-title {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .04em;
margin: 0 0 12px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.save-list-2 {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0 0 0 18px;
font-size: 12px;
line-height: 1.75;
}
.miclit, .kyqaip, .vafoq6, .tzkkkb {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.footer-cta-2 {
box-sizing: border-box;
color: #fff;
text-align: center;
background-color: #0f1a2e;
margin: 0;
padding: 44px 56px;
}
.footer-cta-inner-2 {
box-sizing: border-box;
width: min(820px, 100%);
margin: 0 auto;
padding: 0;
}
._60a0ys, .sz3lrn {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.footer-buttons {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
display: flex;
}
.btn-white-2 {
box-sizing: border-box;
min-width: 245px;
transition-property: transform;
transition-duration: .18s;
transition-timing-function: ease, box-shadow;
color: #0f1a2e;
background-color: #fff;
border-radius: 12px;
justify-content: center;
align-items: center;
margin: 0;
padding: 14px 26px;
font-size: 13px;
font-weight: 950;
line-height: 1.4;
text-decoration: none;
transition-delay: .18s;
display: inline-flex;
}
.btn-white-2:hover {
transform: translateY(-1px);
box-shadow: 0 16px 30px #0f1a2e2e;
}
.btn-secondary-2 {
box-sizing: border-box;
min-width: 245px;
transition-property: transform;
transition-duration: .18s;
transition-timing-function: ease, box-shadow;
color: #ffffffd9;
background-color: #0000;
border: 1px solid #ffffff47;
border-radius: 12px;
justify-content: center;
align-items: center;
margin: 0;
padding: 13px 22px;
font-size: 13px;
font-weight: 950;
line-height: 1.4;
text-decoration: none;
transition-delay: .18s;
display: inline-flex;
}
.disclaimer-3 {
box-sizing: border-box;
color: var(--muted);
text-align: right;
margin: 14px 8px 0;
padding: 0;
font-size: 11px;
line-height: 1.7;
}
.body-17 {
box-sizing: border-box;
color: #0f1a2e;
letter-spacing: .01em;
background-color: #f5f1e8;
margin: 0;
padding: 0;
font-family: Inter, Noto Sans JP, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
line-height: 1.75;
}
.page-wrap {
box-sizing: border-box;
background-image: linear-gradient(90deg, #0f1a2e0a 0, #0f1a2e00 120px), linear-gradient(#fbf8f0 0%, #f5f1e8 100%);
width: 100%;
margin: 0;
padding: 0;
}
.reading-progress-shell {
box-sizing: border-box;
background-color: #e5ded2;
width: 100%;
height: 4px;
margin: 0;
padding: 0;
}
.reading-progress-shell.is-fixed {
z-index: 9999;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.reading-progress-bar {
box-sizing: border-box;
background-color: #8b6f1f;
width: 28%;
height: 4px;
margin: 0;
padding: 0;
}
.reading-progress-bar.is-reset {
width: 0%;
height: 100%;
}
.container-127 {
box-sizing: border-box;
width: min(1180px, 100% - 48px);
margin: 0 auto;
padding: 0 0 56px;
}
.site-header {
box-sizing: border-box;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 0;
display: flex;
}
.brand-4 {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
color: inherit;
align-items: center;
margin: 0;
padding: 0;
text-decoration: none;
display: flex;
}
.brand-mark-4 {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .06em;
background-color: #fff;
border: 1px solid #c8b36b;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 800;
display: grid;
}
.extu2c {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.brand-name-4 {
box-sizing: border-box;
color: #0f1a2e;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.brand-sub-4 {
box-sizing: border-box;
color: #6b7280;
letter-spacing: .12em;
text-transform: uppercase;
margin: 3px 0 0;
padding: 0;
font-size: 10px;
line-height: 1.4;
}
.header-label {
box-sizing: border-box;
color: #6b7280;
text-align: right;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 11px;
}
.article-shell {
box-sizing: border-box;
background-color: #fff;
border: 1px solid #e2d9c9;
margin: 0;
padding: 0;
box-shadow: 0 30px 80px #0f1a2e1a;
}
.hero-4 {
box-sizing: border-box;
background-color: #fff;
grid-template-columns: minmax(0, 1.05fr) minmax(340px, .72fr);
margin: 0;
padding: 0;
display: grid;
}
.hero-main-4 {
box-sizing: border-box;
margin: 0;
padding: 56px 56px 46px;
}
.breadcrumb {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #697789;
flex-wrap: wrap;
align-items: center;
margin: 40px 0;
padding: 0;
font-size: 11px;
display: flex;
}
.s9330m {
box-sizing: border-box;
color: inherit;
margin: 0;
padding: 0;
text-decoration: none;
}
.breadcrumb-divider-2 {
box-sizing: border-box;
color: #8b6f1f;
margin: 0;
padding: 0;
font-weight: 800;
}
.bokwka {
box-sizing: border-box;
color: inherit;
margin: 0;
padding: 0;
text-decoration: none;
}
.breadcrumb-divider-3 {
box-sizing: border-box;
color: #8b6f1f;
margin: 0;
padding: 0;
font-weight: 800;
}
.svo46k {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.eyebrow-5 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #8b6f1f;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 18px;
padding: 0;
font-size: 11px;
font-weight: 800;
display: flex;
}
.eyebrow-line {
box-sizing: border-box;
background-color: #8b6f1f;
width: 42px;
height: 1px;
margin: 0;
padding: 0;
}
.nd3uww {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.category-pill {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #8b6f1f;
letter-spacing: .07em;
text-transform: uppercase;
background-color: #fffdf8;
border: 1px solid #c8b36b;
align-items: center;
margin: 0 0 18px;
padding: 8px 12px;
font-size: 11px;
font-weight: 800;
display: inline-flex;
}
.category-dot {
box-sizing: border-box;
background-color: #b5963d;
width: 6px;
height: 6px;
margin: 0;
padding: 0;
}
.g8is8b {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.hero-title {
box-sizing: border-box;
color: #0f1a2e;
letter-spacing: -.045em;
margin: 0 0 20px;
padding: 0;
font-size: 38px;
font-weight: 900;
line-height: 1.2;
}
.hero-summary {
box-sizing: border-box;
color: #3e4b5f;
max-width: 760px;
margin: 0 0 26px;
padding: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 14.5px;
line-height: 1.95;
}
.meta-row {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin: 48px 0 0;
padding: 0;
display: flex;
}
.meta-chip {
box-sizing: border-box;
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #66758a;
background-color: #fffdf8;
border: 1px solid #eee6d8;
align-items: center;
margin: 0;
padding: 8px 11px;
font-family: Noto Sans JP, sans-serif;
font-size: 11.5px;
font-weight: 600;
display: inline-flex;
}
._2f40hi, ._7mtv6w {
box-sizing: border-box;
color: #0f1a2e;
margin: 0;
padding: 0;
font-weight: 800;
}
._91kzzt {
box-sizing: border-box;
color: #0f1a2e;
margin: 0;
padding: 0;
font-family: Noto Sans JP, sans-serif;
font-weight: 800;
}
.hero-side-4 {
box-sizing: border-box;
background-color: #faf7f0;
margin: 0;
padding: 42px 38px;
}
.cover-card {
box-sizing: border-box;
background-color: #fff;
border: 1px solid #e2d9c9;
flex-grow: 1;
height: 100%;
min-height: 200px;
margin: 0;
padding: 0;
overflow: hidden;
box-shadow: 0 18px 46px #0f1a2e14;
}
.cover-image {
box-sizing: border-box;
color: #fff;
background-image: linear-gradient(135deg, #0f1a2ef5, #1a2b4ce0), radial-gradient(circle at 78% 16%, #b5963d57, #0000 40%);
align-items: flex-end;
min-height: 285px;
margin: 0;
padding: 26px;
display: flex;
}
.cover-image.article-hero-cover {
align-items: stretch;
height: 100%;
min-height: 260px;
padding: 0;
position: relative;
overflow: hidden;
}
.cover-text {
box-sizing: border-box;
color: #ffffffc7;
max-width: 260px;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.75;
}
.author-card {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #fff;
border: 1px solid #e2d9c9;
grid-template-columns: 52px 1fr;
align-items: center;
margin: 0;
padding: 18px;
display: grid;
}
.author-image {
box-sizing: border-box;
color: #8b6f1f;
background-color: #fffdf8;
border: 1px solid #c8b36b;
width: 52px;
height: 52px;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 800;
display: grid;
}
.mw01fk {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.author-name {
box-sizing: border-box;
color: #0f1a2e;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 800;
line-height: 1.4;
}
.author-title {
box-sizing: border-box;
color: #536176;
margin: 3px 0 0;
padding: 0;
font-size: 13px;
line-height: 1.55;
}
.article-layout {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #e2d9c9;
grid-template-columns: minmax(0, 1fr) minmax(320px, 340px);
margin: 0;
padding: 0;
display: grid;
}
.article-main {
box-sizing: border-box;
background-color: #fff;
min-width: 0;
margin: 0;
padding: 32px 40px 60px;
}
.summary-panel {
box-sizing: border-box;
color: #fff;
background-color: #0f1a2e;
border-top: 3px solid #8b6f1f;
border-left: 7px solid #8b6f1f;
margin: 0 0 38px;
padding: 0 30px 30px;
box-shadow: 0 22px 54px #0f1a2e29;
}
.section-kicker-9 {
box-sizing: border-box;
color: #ffffff94;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.summary-title-2 {
box-sizing: border-box;
letter-spacing: -.025em;
margin: 0 0 16px;
padding: 0;
font-size: 24px;
font-weight: 900;
line-height: 1.45;
}
.key-points {
box-sizing: border-box;
color: #ffffffd1;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.9;
}
._2ijic5 {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin: 0;
padding: 0 0 0 20px;
display: grid;
}
.xxlxwv, .kjcwmp, .unka97 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.article-section {
border-top: 1px solid #e2d9c9;
margin-top: 34px;
padding: 34px 0 38px;
}
.article-section.optional-section {
box-sizing: border-box;
color: #0f1a2e;
background-color: #fff;
margin: 0;
padding: 38px 0;
}
.section-heading {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-left: 6px solid #8b6f1f;
grid-template-columns: 54px 1fr;
align-items: start;
margin: 0 0 18px;
padding: 0 0 0 16px;
display: grid;
}
.section-number {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .1em;
background-color: #0000;
border: 1px #c8b36b;
place-items: center;
width: 54px;
height: auto;
margin: 0;
padding: 0;
font-family: Noto Sans JP, sans-serif;
font-size: clamp(20px, 2.5vw, 28px);
font-weight: 900;
line-height: 1.48;
display: grid;
}
.section-title-68 {
color: #0f1a2e;
letter-spacing: -.03em;
font-size: clamp(22px, 2.7vw, 30px);
font-weight: 900;
line-height: 1.48;
}
.section-title-68.section-title-field {
box-sizing: border-box;
color: #0f1a2e;
letter-spacing: -.03em;
margin: 0;
padding: 0;
font-size: clamp(22px, 2.7vw, 30px);
font-weight: 900;
line-height: 1.48;
}
.rich-text-5 {
box-sizing: border-box;
color: #3f4d63;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 2;
}
.bzuc9e, .vu8lry {
box-sizing: border-box;
margin: 0 0 1.1em;
padding: 0;
}
.section-title-69 {
color: #0f1a2e;
letter-spacing: -.03em;
font-size: clamp(22px, 2.7vw, 30px);
font-weight: 900;
line-height: 1.48;
}
.section-title-69.section-title-field {
box-sizing: border-box;
color: #0f1a2e;
letter-spacing: -.03em;
margin: 0;
padding: 0;
font-size: clamp(22px, 2.7vw, 30px);
font-weight: 900;
line-height: 1.48;
}
.r13jz0 {
box-sizing: border-box;
margin: 0 0 1.1em;
padding: 0;
}
.metric-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-columns: repeat(3, 1fr);
margin: 28px 0;
display: grid;
}
.metric-grid.optional-block {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #0f1a2e;
background-color: #fdfbf7;
border-left: 6px solid #8b6f1f;
grid-template-columns: repeat(3, 1fr);
margin: 28px 0;
padding: 0;
display: grid;
}
.metric-card-3 {
box-sizing: border-box;
background-color: #fffdf8;
border: 1px solid #eee6d8;
border-left-color: #e7e0d3;
margin: 0;
padding: 20px;
}
.metric-label-3 {
box-sizing: border-box;
color: #66758a;
letter-spacing: .11em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.metric-number {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: -.05em;
margin: 0 0 7px;
padding: 0;
font-size: 34px;
font-weight: 900;
line-height: 1.1;
}
.metric-text {
box-sizing: border-box;
color: #66758a;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.section-title-70 {
color: #0f1a2e;
letter-spacing: -.03em;
font-size: clamp(22px, 2.7vw, 30px);
font-weight: 900;
line-height: 1.48;
}
.section-title-70.section-title-field {
box-sizing: border-box;
color: #0f1a2e;
letter-spacing: -.03em;
margin: 0;
padding: 0;
font-family: Noto Sans JP, sans-serif;
font-size: clamp(22px, 2.7vw, 30px);
font-weight: 900;
line-height: 1.48;
}
._4jzral {
box-sizing: border-box;
color: #0f1a2e;
letter-spacing: -.02em;
margin: 1.8em 0 .7em;
padding: 0;
font-size: 19px;
font-weight: 900;
line-height: 1.55;
}
.p6jqlb {
box-sizing: border-box;
margin: 0 0 1.1em;
padding: 0;
}
.pywztt {
box-sizing: border-box;
color: #0f1a2e;
letter-spacing: -.02em;
margin: 1.8em 0 .7em;
padding: 0;
font-size: 19px;
font-weight: 900;
line-height: 1.55;
}
.wfq1vo {
box-sizing: border-box;
margin: 0 0 1.1em;
padding: 0;
}
.quote-card {
color: #fff;
background-color: #0f1a2e;
border-left: 7px solid #8b6f1f;
margin: 30px 0;
padding: 28px;
box-shadow: 0 22px 54px #0f1a2e29;
}
.quote-card.optional-block {
box-sizing: border-box;
color: #fff;
background-color: #0f1a2e;
margin: 30px 0;
padding: 28px;
box-shadow: 0 22px 54px #0f1a2e29;
}
.quote-label {
box-sizing: border-box;
color: #ffffff8c;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.quote-text {
box-sizing: border-box;
letter-spacing: -.02em;
margin: 0;
padding: 0;
font-size: 19px;
font-weight: 850;
line-height: 1.75;
}
.quote-cite {
box-sizing: border-box;
color: #ffffff9e;
margin: 12px 0 0;
padding: 0;
font-size: 12px;
}
.qgivwq {
box-sizing: border-box;
margin: 0 0 1.1em;
padding: 0;
}
.checklist {
background-color: #fffdf8;
border: 1px solid #e2d9c9;
margin: 30px 0;
padding: 26px;
}
.checklist.optional-block {
box-sizing: border-box;
background-color: #fffdf8;
border: 1px solid #e2d9c9;
margin: 30px 0;
padding: 26px;
}
.checklist-title {
box-sizing: border-box;
color: #0f1a2e;
margin: 0 0 14px;
padding: 0;
font-size: 18px;
font-weight: 900;
line-height: 1.55;
}
.checklist-grid {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
border-left: 5px solid #1a2b4c;
grid-template-columns: 1fr 1fr;
margin: 0;
padding: 0;
display: grid;
}
.checklist-col {
box-sizing: border-box;
background-color: #fff;
border: 1px solid #eee6d8;
margin: 0;
padding: 18px;
}
._94dqtp {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0;
font-size: 12px;
font-weight: 900;
}
.vhjgr7 {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0 0 0 18px;
font-size: 12.5px;
line-height: 1.8;
}
.nhb320, .pslaic, .ftiyda, .qlw09o {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.vpvf55 {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0;
font-size: 12px;
font-weight: 900;
}
.mlmtib {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0 0 0 18px;
font-size: 12.5px;
line-height: 1.8;
}
.l5nehr, .xit3e7, .vhx90p, ._30j59t {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.gnom4e, .j2wd8l, .sltury, ._096g9z {
box-sizing: border-box;
margin: 0 0 1.1em;
padding: 0;
}
.perspective {
color: #0f1a2e;
background-color: #fffdf8;
border: 1px solid #e2d9c9;
margin: 28px 0;
padding: 28px;
}
.perspective.optional-block {
box-sizing: border-box;
background-color: #fffdf8;
border: 1px solid #c8b36b;
margin: 38px 0 0;
padding: 28px;
}
.perspective-title {
box-sizing: border-box;
color: #fff;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0;
font-size: 15px;
font-weight: 900;
line-height: 1.6;
}
.perspective-text-2 {
box-sizing: border-box;
color: #fff;
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 800;
line-height: 1.6;
}
.perspective-sub {
box-sizing: border-box;
color: #536176;
margin: 12px 0 0;
padding: 0;
font-size: 13px;
line-height: 1.85;
}
.faq-section-2 {
box-sizing: border-box;
margin: 42px 0 0;
padding: 36px 0 0;
}
.section-kicker-10 {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.block-title {
box-sizing: border-box;
color: #0f1a2e;
letter-spacing: -.03em;
margin: 0 0 18px;
padding: 0;
font-size: clamp(23px, 2.8vw, 31px);
font-weight: 900;
line-height: 1.45;
}
.faq-list {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
margin: 18px 0 0;
padding: 0;
display: grid;
}
.faq-item-2 {
background-color: #f2eee5;
border: 1px solid #d8c9ae;
border-radius: 2px;
margin-bottom: 6px;
padding: 0 24px;
}
.faq-item-2.optional-faq {
box-sizing: border-box;
background-color: #fffdf8;
border: 1px solid #eee6d8;
margin: 0;
padding: 0;
}
.faq-trigger {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #1a2b4c;
text-align: left;
cursor: pointer;
appearance: none;
background-color: #0000;
border: 0 #0000;
outline-style: none;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0;
padding: 18px 24px;
font-size: 14px;
font-weight: 600;
line-height: 1.65;
display: flex;
}
._9ag5za {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.faq-icon-2 {
box-sizing: border-box;
color: #8b6f1f;
background-color: #fff;
border: 1px solid #c8b36b;
flex: none;
width: 26px;
height: 26px;
margin: 0;
padding: 0;
font-weight: 900;
display: grid;
}
.faq-content {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0 24px 18px;
font-size: 14px;
line-height: 1.8;
display: none;
}
.uy5hb9 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.faq-icon-3 {
box-sizing: border-box;
color: #8b6f1f;
background-color: #fff;
border: 1px solid #c8b36b;
flex: none;
width: 26px;
height: 26px;
margin: 0;
padding: 0;
font-weight: 900;
display: grid;
}
.x2b476 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.faq-icon-4 {
box-sizing: border-box;
color: #8b6f1f;
background-color: #fff;
border: 1px solid #c8b36b;
flex: none;
width: 26px;
height: 26px;
margin: 0;
padding: 0;
font-weight: 900;
display: grid;
}
.ono0ui {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.faq-icon-5 {
box-sizing: border-box;
color: #8b6f1f;
background-color: #0000;
flex: none;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 500;
line-height: 1;
display: flex;
}
.r1ly20 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.sources {
background-color: #f8f5ee;
border: 1px solid #d8c9ae;
border-left: 4px solid #8b6f1f;
border-radius: 2px;
margin-top: 40px;
margin-bottom: 40px;
padding: 20px 24px;
}
.sources.optional-block {
box-sizing: border-box;
background-color: #fffdf8;
border: 1px solid #eee6d8;
margin: 34px 0 0;
padding: 24px;
}
.sources-title {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0;
font-size: 11px;
font-weight: 700;
}
.sources-body {
box-sizing: border-box;
color: #536176;
overflow-wrap: break-word;
word-break: break-word;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.9;
}
.author-footer {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 18px;
background-color: #f8f5ee;
border: 1px solid #e2d9c9;
border-left: 4px solid #8b6f1f;
grid-template-columns: 72px minmax(0, 1fr);
align-items: center;
margin: 40px 0 0;
padding: 24px 28px;
display: grid;
}
.author-image-2 {
box-sizing: border-box;
color: #8b6f1f;
background-color: #fffdf8;
border: 1px solid #c8b36b;
width: 66px;
height: 66px;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 800;
display: grid;
}
.author-image-2.article-author-footer-img {
position: relative;
overflow: hidden;
}
.a7zfbn {
box-sizing: border-box;
word-break: normal;
overflow-wrap: break-word;
min-width: 0;
margin: 0;
padding: 0;
}
.srb2e3 {
box-sizing: border-box;
color: #0f1a2e;
margin: 0 0 4px;
padding: 0;
font-weight: 700;
}
.f7oyyl {
box-sizing: border-box;
color: #2c3e50;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.8;
}
.article-sidebar {
box-sizing: border-box;
word-break: normal;
writing-mode: horizontal-tb;
background-color: #fbf8f0;
min-width: 320px;
margin: 0;
padding: 32px 28px 40px;
}
.article-sidebar.is-top {
align-self: start;
}
.sidebar-inner {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-self: start;
margin: 0;
padding: 0;
display: grid;
position: sticky;
top: 88px;
}
.sidebar-inner.is-sticky {
align-self: start;
position: sticky;
top: 112px;
}
.sidebar-card {
box-sizing: border-box;
word-break: normal;
writing-mode: horizontal-tb;
background-color: #fff;
border: 1px solid #e2d9c9;
width: auto;
height: auto;
margin: 0;
padding: 20px;
box-shadow: 0 12px 34px #0f1a2e0d;
}
.sidebar-title {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 14px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.toc {
box-sizing: border-box;
grid-column-gap: 0;
grid-row-gap: 0;
margin: 0;
padding: 0;
display: grid;
}
.toc-link {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #536176;
word-break: normal;
writing-mode: horizontal-tb;
border-bottom: 1px solid #d4c9a8;
grid-template-columns: 28px 1fr;
align-items: start;
margin: 0;
padding: 8px 0;
font-size: 12.5px;
line-height: 1.55;
text-decoration: none;
display: grid;
}
.toc-link.is-active {
color: #1a2b4c;
font-weight: 600;
}
.toc-num {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .04em;
margin: 0;
padding: 0;
font-weight: 900;
}
.jjcvjt, .cadm6b, .z2b7l2, .m3584j, ._63d8pu, .ntgp04, .o2r0l3, ._5usv63 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.sidebar-card-2 {
color: #fff;
background-color: #0f1a2e;
border: 1px solid #e2d9c9;
border-left: 5px solid #8b6f1f;
padding: 20px;
box-shadow: 0 12px 34px #0f1a2e0d;
}
.sidebar-card-2.side-cta {
box-sizing: border-box;
color: #fff;
background-color: #0f1a2e;
border: 1px solid #0f1a2e;
border-left: 5px solid #8b6f1f;
margin: 0;
padding: 20px;
box-shadow: 0 12px 34px #0f1a2e0d;
}
.sidebar-title-2 {
box-sizing: border-box;
color: #ffffff9e;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 14px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
._6e1qt0 {
box-sizing: border-box;
letter-spacing: -.02em;
margin: 0 0 10px;
padding: 0;
font-size: 18px;
font-weight: 900;
line-height: 1.5;
}
.gn8gt3 {
box-sizing: border-box;
color: #ffffffad;
margin: 0 0 16px;
padding: 0;
font-size: 12.5px;
line-height: 1.8;
}
.side-button {
box-sizing: border-box;
color: #fff;
text-align: center;
background-color: #b5963d;
justify-content: center;
align-items: center;
width: 100%;
margin: 0;
padding: 12px 14px;
font-size: 12.5px;
font-weight: 900;
text-decoration: none;
display: flex;
}
.side-button:hover {
color: #0f1a2e;
background-color: #c8b27a;
}
.side-button:focus-visible, .side-button[data-wf-focus-visible] {
color: #0f1a2e;
background-color: #c8b27a;
box-shadow: 0 0 0 3px #c8b27a73;
}
.side-button-2 {
color: #fff;
text-align: center;
background-color: #b5963d;
justify-content: center;
align-items: center;
width: 100%;
padding: 12px 14px;
font-size: 12.5px;
font-weight: 900;
display: flex;
}
.side-button-2.secondary {
box-sizing: border-box;
color: #fff;
text-align: center;
background-color: #b5963d;
justify-content: center;
align-items: center;
width: 100%;
margin: 10px 0 0;
padding: 12px 14px;
font-size: 12.5px;
font-weight: 900;
text-decoration: none;
display: flex;
}
.side-button-2.secondary:hover {
color: #fff;
background-color: #1a2b4c;
}
.side-button-2.secondary:focus-visible, .side-button-2.secondary[data-wf-focus-visible] {
color: #fff;
background-color: #1a2b4c;
box-shadow: 0 0 0 3px #1a2b4c4d;
}
.email-box {
box-sizing: border-box;
background-color: #fff;
border: 1px solid #e2d9c9;
border-left: 5px solid #1a2b4c;
margin: 0;
padding: 20px 20px 20px 10px;
}
.sidebar-title-3 {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 14px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.m7lhqy {
box-sizing: border-box;
color: #536176;
margin: 0 0 14px;
padding: 0;
font-size: 12.5px;
line-height: 1.8;
}
.email-form {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
margin: 0;
padding: 0;
display: grid;
}
.email-input {
box-sizing: border-box;
color: #0f1a2e;
background-color: #fffdf8;
border: 1px solid #e2d9c9;
outline-style: none;
width: 100%;
margin: 0;
padding: 12px 13px;
font-size: 12.5px;
}
.email-button {
box-sizing: border-box;
color: #fff;
cursor: pointer;
background-color: #0f1a2e;
border: 0 #0000;
outline-style: none;
margin: 0;
padding: 12px 14px;
font-size: 12.5px;
font-weight: 900;
}
.related {
box-sizing: border-box;
background-color: #fff;
margin: 0;
padding: 40px 40px 80px;
position: static;
}
.related-grid {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: repeat(3, 1fr);
margin: 20px 0 0;
padding: 0;
display: grid;
}
.related-card {
box-sizing: border-box;
min-height: 166px;
color: inherit;
background-color: #fffdf8;
border: 1px solid #eee6d8;
flex-direction: column;
margin: 0;
padding: 0;
text-decoration: none;
display: flex;
overflow: hidden;
}
.related-kicker {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 10px;
padding: 14px 18px 0;
font-size: 10px;
font-weight: 900;
}
.related-title {
box-sizing: border-box;
color: #0f1a2e;
flex-grow: 0;
margin: 0 0 8px;
padding: 6px 18px 0;
font-size: 16px;
font-weight: 900;
line-height: 1.55;
}
.related-text {
box-sizing: border-box;
color: #66758a;
flex-grow: 1;
margin: 0;
padding: 6px 18px 0;
font-size: 12px;
line-height: 1.7;
}
.final-cta {
box-sizing: border-box;
color: #fff;
text-align: center;
background-color: #0f1a2e;
margin: 0;
padding: 48px 54px;
display: none;
}
.cd96mg {
box-sizing: border-box;
letter-spacing: -.035em;
margin: 0 0 12px;
padding: 0;
font-size: clamp(23px, 3vw, 34px);
font-weight: 900;
line-height: 1.45;
}
.tdxhwe {
box-sizing: border-box;
color: #ffffffad;
text-align: center;
width: min(800px, 100%);
margin: 0 auto 24px;
padding: 0;
font-size: 13px;
line-height: 1.9;
}
.final-buttons {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 0;
display: flex;
}
.final-button {
color: #0f1a2e;
background-color: #fff;
justify-content: center;
align-items: center;
min-width: 240px;
padding: 14px 20px;
font-size: 13px;
font-weight: 900;
display: inline-flex;
}
.final-button.gold, .final-button-2 {
box-sizing: border-box;
color: #0f1a2e;
background-color: #fff;
justify-content: center;
align-items: center;
min-width: 240px;
margin: 0;
padding: 14px 20px;
font-size: 13px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.view-all-btn {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #0f1a2e;
white-space: nowrap;
background-color: #fff;
border: 1px solid #e2d9c9;
flex-shrink: 0;
align-items: center;
padding: 8px 16px;
font-size: 12px;
font-weight: 900;
display: inline-flex;
position: static;
top: auto;
right: auto;
}
.view-all-btn:hover {
color: #fff;
background-color: #1a2b4c;
border-color: #1a2b4c;
}
.view-all-btn:focus-visible, .view-all-btn[data-wf-focus-visible] {
color: #fff;
background-color: #1a2b4c;
border-color: #1a2b4c;
box-shadow: 0 0 0 3px #1a2b4c4d;
}
.related-card-image {
color: #8b93a1;
letter-spacing: .1em;
text-transform: uppercase;
background-image: linear-gradient(135deg, #e8e2d6, #d9d1c3);
justify-content: center;
align-items: center;
width: 100%;
height: 160px;
margin-bottom: 16px;
font-size: 11px;
display: flex;
}
.body-18 {
box-sizing: border-box;
background-image: radial-gradient(circle at 7% 0%, #8b6f1f1f, transparent 31%), radial-gradient(circle at 92% 8%, #0f1a2e14, transparent 35%), linear-gradient(180deg, #fcf9f2 0%, var(--bg) 58%, var(--bg2) 100%);
min-height: 100vh;
color: var(--text);
letter-spacing: .01em;
margin: 0;
padding: 36px 24px 52px;
font-family: Inter, Noto Sans JP, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
line-height: 1.75;
}
.page-4 {
box-sizing: border-box;
width: min(1180px, 100%);
margin: 0 auto;
padding: 0;
}
.topbar-4 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
align-items: center;
margin: 0 0 24px;
padding: 0;
display: flex;
}
.brand-5 {
box-sizing: border-box;
grid-column-gap: 13px;
grid-row-gap: 13px;
align-items: center;
min-width: 0;
margin: 0;
padding: 0;
display: flex;
}
.brand-mark-5 {
box-sizing: border-box;
width: 42px;
height: 42px;
color: var(--gold);
letter-spacing: .06em;
background-color: #ffffffb8;
border: 1px solid #8b6f1f57;
border-radius: 999px;
flex: none;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 950;
display: grid;
}
.xc12ug {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.brand-name-5 {
box-sizing: border-box;
color: var(--navy);
letter-spacing: .03em;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 950;
line-height: 1.25;
}
.brand-sub-5 {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .12em;
text-transform: uppercase;
margin: 2px 0 0;
padding: 0;
font-size: 10px;
line-height: 1.45;
}
.topbar-status-4 {
box-sizing: border-box;
color: var(--muted);
text-align: right;
letter-spacing: .14em;
text-transform: uppercase;
white-space: nowrap;
margin: 0;
padding: 0;
font-size: 11px;
}
.shell {
box-sizing: border-box;
border: 1px solid var(--line);
border-radius: var(--r-xl);
box-shadow: var(--shadow);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background-color: #ffffffd6;
margin: 0;
padding: 0;
overflow: hidden;
}
.hero-5 {
box-sizing: border-box;
background-image: linear-gradient(135deg, #fffffffa, #fdfbf7f5);
grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
margin: 0;
padding: 0;
display: grid;
}
.hero-main-5 {
box-sizing: border-box;
margin: 0;
padding: 60px 58px 52px;
}
.eyebrow-6 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--gold);
width: 42px;
height: 1px;
color: var(--gold);
letter-spacing: .18em;
text-transform: uppercase;
content: "";
align-items: center;
margin: 0 0 22px;
padding: 0;
font-size: 11px;
font-weight: 950;
display: inline-flex;
}
.c4sj6e {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.045em;
margin: 0 0 22px;
padding: 0;
font-size: clamp(34px, 4.1vw, 54px);
font-weight: 950;
line-height: 1.26;
}
.num-2 {
box-sizing: border-box;
color: var(--gold);
letter-spacing: -.06em;
margin: 0 .04em 0 0;
padding: 0;
font-size: 1.23em;
}
.hwkv5i, ._2jrj6j {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.subline-2 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: var(--gold);
width: 52px;
height: 1px;
color: var(--gold);
letter-spacing: .16em;
text-transform: uppercase;
content: "";
align-items: center;
margin: 0 0 24px;
padding: 0;
font-size: 12px;
font-weight: 900;
display: inline-flex;
}
.lead-4 {
box-sizing: border-box;
color: #364255;
text-align: left;
max-width: 760px;
margin: 0 0 30px;
padding: 0;
font-size: 14.5px;
line-height: 2.05;
}
._1gsv28 {
box-sizing: border-box;
color: var(--gold);
margin: 0;
padding: 0;
font-weight: 950;
}
.hero-points-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: repeat(3, 1fr);
margin: 26px 0 0;
padding: 0;
display: grid;
}
.point-chip-2 {
box-sizing: border-box;
border: 1px solid var(--line);
background-color: #ffffffd1;
border-radius: 18px;
min-height: 116px;
margin: 0;
padding: 16px;
}
.point-kicker-2 {
box-sizing: border-box;
color: var(--gold);
letter-spacing: .14em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.point-title-2 {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 6px;
padding: 0;
font-size: 14px;
font-weight: 950;
line-height: 1.55;
}
.point-text-2, .point-text-3, .point-text-4 {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 11.5px;
line-height: 1.65;
}
.hero-side-5 {
box-sizing: border-box;
background-image: linear-gradient(#faf7f0b8, #f6f3ec85);
align-items: stretch;
min-width: 0;
margin: 0;
padding: 58px 46px 46px;
display: flex;
}
.flow-card-2 {
box-sizing: border-box;
grid-column-gap: 26px;
grid-row-gap: 26px;
border: 1px solid var(--line);
border-radius: var(--r-lg);
width: 100%;
box-shadow: var(--shadow2);
text-align: left;
background-color: #fffffff5;
flex-direction: column;
justify-content: space-between;
margin: 0;
padding: 32px;
display: flex;
}
._7b03h0 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.flow-kicker-2 {
box-sizing: border-box;
color: var(--gold);
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
}
.flow-title-2 {
box-sizing: border-box;
color: var(--navy);
letter-spacing: -.02em;
margin: 0 0 12px;
padding: 0;
font-size: 22px;
font-weight: 950;
line-height: 1.48;
}
.flow-text-2 {
box-sizing: border-box;
color: #4d5c73;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.85;
}
.flow-steps-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
margin: 0;
padding: 0;
display: grid;
}
.flow-step-2 {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
border: 1px solid var(--line2);
background-color: var(--soft);
border-radius: 18px;
grid-template-columns: 38px 1fr;
align-items: start;
margin: 0;
padding: 16px;
display: grid;
}
.step-number-2 {
box-sizing: border-box;
background-color: var(--navy);
color: #fff;
border-radius: 999px;
width: 38px;
height: 38px;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 950;
display: grid;
}
._719o7v, .iet056, .g02ttk {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.flow-step-3 {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
border: 1px solid var(--line2);
background-color: var(--soft);
border-radius: 18px;
grid-template-columns: 38px 1fr;
align-items: start;
margin: 0;
padding: 16px;
display: grid;
}
.step-number-3 {
box-sizing: border-box;
background-color: var(--navy);
color: #fff;
border-radius: 999px;
width: 38px;
height: 38px;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 950;
display: grid;
}
.wmwa01, ._0xjv62, .b06u1p, .jlptx4, ._20cxbt, .u0nt3g {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.stats-grid-2 {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--line);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--line);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--line);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--line);
background-color: var(--line);
border-radius: 18px;
grid-template-columns: repeat(3, 1fr);
margin: 0;
padding: 0;
display: grid;
overflow: hidden;
}
.stat-11 {
box-sizing: border-box;
text-align: center;
background-color: #fffdf8;
margin: 0;
padding: 16px 12px;
}
.mn29hu {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 5px;
padding: 0;
font-size: 10px;
font-weight: 800;
display: block;
}
.r0p75w {
box-sizing: border-box;
color: var(--gold);
margin: 0;
padding: 0;
font-size: 24px;
font-weight: 950;
line-height: 1;
}
.n4kojv {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 0 2px;
padding: 0;
font-size: 12px;
font-weight: 800;
}
.stat-12 {
box-sizing: border-box;
text-align: center;
background-color: #fffdf8;
margin: 0;
padding: 16px 12px;
}
.fhycl2 {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 5px;
padding: 0;
font-size: 10px;
font-weight: 800;
display: block;
}
._2pregw {
box-sizing: border-box;
color: var(--gold);
margin: 0;
padding: 0;
font-size: 24px;
font-weight: 950;
line-height: 1;
}
.x0p9vm {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 0 2px;
padding: 0;
font-size: 12px;
font-weight: 800;
}
._28rdn4 {
box-sizing: border-box;
color: var(--muted);
letter-spacing: .08em;
text-transform: uppercase;
margin: 0 0 5px;
padding: 0;
font-size: 10px;
font-weight: 800;
display: block;
}
.zjsoj9 {
box-sizing: border-box;
color: var(--gold);
margin: 0;
padding: 0;
font-size: 24px;
font-weight: 950;
line-height: 1;
}
.content-3 {
box-sizing: border-box;
background-color: #ffffffe6;
margin: 0;
padding: 50px 58px;
}
.section-head-3 {
box-sizing: border-box;
text-align: left;
max-width: 820px;
margin: 0 0 28px;
padding: 0;
}
.section-kicker-11 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: var(--gold);
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
display: block;
}
.section-title-71 {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.03em;
margin: 0 0 10px;
padding: 0;
font-size: clamp(23px, 3vw, 31px);
font-weight: 950;
line-height: 1.45;
}
.section-lead-4 {
box-sizing: border-box;
color: #526177;
text-align: left;
margin: 0;
padding: 0;
font-size: 13.5px;
line-height: 1.85;
}
.problem-grid {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-columns: repeat(3, 1fr);
margin: 0 0 44px;
padding: 0;
display: grid;
}
.problem {
box-sizing: border-box;
border: 1px solid var(--line2);
background-color: var(--soft);
text-align: left;
border-radius: 24px;
min-height: 220px;
margin: 0;
padding: 24px;
}
.problem-icon {
box-sizing: border-box;
width: 48px;
height: 48px;
color: var(--gold);
background-color: #fff;
border: 1px solid #8b6f1f40;
border-radius: 999px;
margin: 0 0 18px;
padding: 0;
font-size: 22px;
font-weight: 950;
display: grid;
box-shadow: 0 10px 26px #0f1a2e0d;
}
.wvb0hq {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 10px;
padding: 0;
font-size: 17px;
font-weight: 950;
line-height: 1.55;
}
._17hoe8 {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.85;
}
.xkgt29 {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 10px;
padding: 0;
font-size: 17px;
font-weight: 950;
line-height: 1.55;
}
.masxz4 {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.85;
}
.aem20z {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 10px;
padding: 0;
font-size: 17px;
font-weight: 950;
line-height: 1.55;
}
.as30zt {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12.5px;
line-height: 1.85;
}
.calc-section {
box-sizing: border-box;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: minmax(0, 1fr) minmax(310px, .72fr);
align-items: stretch;
margin: 0;
padding: 0;
display: grid;
}
.calc-card {
box-sizing: border-box;
border: 1px solid var(--line);
border-radius: var(--r-lg);
box-shadow: var(--shadow2);
text-align: left;
background-color: #fffffff0;
margin: 0;
padding: 28px;
}
.section-kicker-12 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: var(--gold);
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
display: block;
}
.section-title-72 {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.03em;
margin: 0 0 10px;
padding: 0;
font-size: clamp(23px, 3vw, 31px);
font-weight: 950;
line-height: 1.45;
}
.section-lead-5 {
box-sizing: border-box;
color: #526177;
text-align: left;
margin: 0;
padding: 0;
font-size: 13.5px;
line-height: 1.85;
}
.input-list {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: repeat(2, 1fr);
margin: 18px 0 0;
padding: 0;
display: grid;
}
.input-item {
box-sizing: border-box;
border: 1px solid var(--line2);
background-color: var(--soft);
border-radius: 18px;
margin: 0;
padding: 16px;
}
.nw9bss {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.xr6sai {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.i7ilyg {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.fkrppu {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
._53lg4j {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.oozvg7 {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.wwrmon {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.ge9e1e {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.preview-panel {
box-sizing: border-box;
pointer-events: none;
color: #fff;
content: "";
background-image: radial-gradient(circle, #b5963d42, #0000 66%);
border-radius: 50%;
width: 240px;
height: 240px;
margin: 18px 0 0;
padding: 28px;
position: absolute;
overflow: hidden;
}
.preview-label {
z-index: 1;
box-sizing: border-box;
color: #ffffffb8;
margin: 0 0 12px;
padding: 0;
font-size: 12px;
font-weight: 800;
position: relative;
}
.preview-number {
z-index: 1;
box-sizing: border-box;
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
align-items: baseline;
margin: 0 0 16px;
padding: 0;
display: flex;
position: relative;
}
.e1e4y0 {
box-sizing: border-box;
letter-spacing: -.06em;
margin: 0;
padding: 0;
font-size: clamp(46px, 5vw, 70px);
font-weight: 950;
line-height: 1;
}
.bon042 {
box-sizing: border-box;
color: #ffffffc7;
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 800;
}
.preview-note {
z-index: 1;
box-sizing: border-box;
color: #ffffffa3;
margin: 0;
padding: 14px 0 0;
font-size: 12px;
line-height: 1.75;
position: relative;
}
.section-kicker-13 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: var(--gold);
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
display: block;
}
.section-title-73 {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.03em;
margin: 0 0 10px;
padding: 0;
font-size: clamp(23px, 3vw, 31px);
font-weight: 950;
line-height: 1.45;
}
.result-list {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
margin: 18px 0 0;
padding: 0;
display: grid;
}
.result-item {
box-sizing: border-box;
border: 1px solid var(--line2);
background-color: var(--soft);
border-radius: 18px;
margin: 0;
padding: 16px;
}
.blctxs {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.wkbmeb {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.dj84rb {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
._4p1m87 {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.igc211 {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
.d3bnqw {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.q7hfe9 {
box-sizing: border-box;
color: var(--navy);
margin: 0 0 4px;
padding: 0;
font-size: 13px;
font-weight: 950;
display: block;
}
._7o7bp5 {
box-sizing: border-box;
color: var(--muted);
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.save-block {
box-sizing: border-box;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: minmax(0, 1fr) minmax(310px, .72fr);
align-items: stretch;
margin: 44px 0 0;
padding: 0;
display: grid;
}
.save-card {
box-sizing: border-box;
border: 1px solid var(--line);
border-radius: var(--r-lg);
box-shadow: var(--shadow2);
text-align: left;
background-color: #fffffff0;
margin: 0;
padding: 28px;
}
.section-kicker-14 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: var(--gold);
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 950;
display: block;
}
.section-title-74 {
box-sizing: border-box;
color: var(--navy);
text-align: left;
letter-spacing: -.03em;
margin: 0 0 10px;
padding: 0;
font-size: clamp(23px, 3vw, 31px);
font-weight: 950;
line-height: 1.45;
}
.section-lead-6 {
box-sizing: border-box;
color: #526177;
text-align: left;
margin: 0;
padding: 0;
font-size: 13.5px;
line-height: 1.85;
}
.save-panel-3 {
box-sizing: border-box;
background-color: #fdfbf7e0;
border: 1px solid #8b6f1f6b;
border-radius: 22px;
margin: 0;
padding: 22px;
}
.save-panel-title-2 {
box-sizing: border-box;
color: var(--gold);
letter-spacing: .04em;
margin: 0 0 12px;
padding: 0;
font-size: 12px;
font-weight: 950;
}
.save-list-3 {
box-sizing: border-box;
color: #536176;
margin: 0;
padding: 0 0 0 18px;
font-size: 12.5px;
line-height: 1.85;
}
.wzln13, .u9xreg, .qrqqfk, ._3hhzc2 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.cta-section-3 {
box-sizing: border-box;
background-color: #ffffffe6;
margin: 0;
padding: 0 58px 54px;
}
.cta-card-2 {
box-sizing: border-box;
grid-column-gap: 34px;
grid-row-gap: 34px;
color: #fff;
text-align: left;
background-image: linear-gradient(135deg, #0f1a2efc, #18243cfc);
border-radius: 30px;
grid-template-columns: minmax(0, 1fr) minmax(310px, .52fr);
align-items: center;
margin: 0;
padding: 38px;
display: grid;
box-shadow: 0 24px 56px #0f1a2e2e;
}
._56o0cw {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.cta-label-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #ffffff94;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 10px;
padding: 0;
font-size: 10px;
font-weight: 950;
display: block;
}
.cta-title-2 {
box-sizing: border-box;
letter-spacing: -.03em;
margin: 0 0 12px;
padding: 0;
font-size: clamp(24px, 3vw, 33px);
font-weight: 950;
line-height: 1.35;
}
.cta-text-2 {
box-sizing: border-box;
color: #ffffffc2;
text-align: left;
margin: 0 0 20px;
padding: 0;
font-size: 13px;
line-height: 1.85;
}
.cta-list-2 {
box-sizing: border-box;
grid-column-gap: 9px;
grid-row-gap: 9px;
margin: 0;
padding: 0;
display: grid;
}
.cta-list-item-2 {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--gold2);
color: #ffffffe0;
content: "";
border-radius: 999px;
grid-template-columns: 16px 1fr;
width: 6px;
height: 6px;
margin: 9px 0 0;
padding: 0;
font-size: 12.5px;
line-height: 1.65;
display: grid;
box-shadow: 0 0 0 4px #b5963d1f;
}
.cta-box-4 {
box-sizing: border-box;
text-align: center;
background-color: #ffffff13;
border: 1px solid #ffffff24;
border-radius: 22px;
margin: 0;
padding: 24px;
}
.btn-main-4 {
box-sizing: border-box;
background-color: var(--gold2);
width: 100%;
transition: transform .18s ease, undefined undefined box-shadow;
color: #fff;
text-align: center;
border-radius: 13px;
justify-content: center;
align-items: center;
margin: 0;
padding: 16px 22px;
font-size: 15px;
font-weight: 950;
line-height: 1.45;
text-decoration: none;
display: inline-flex;
box-shadow: 0 12px 25px #b5963d33;
}
.btn-main-4:hover {
background-color: var(--gold);
transform: translateY(-1px);
box-shadow: 0 16px 30px #0f1a2e2e;
}
.security-note-2 {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #ffffffa6;
justify-content: center;
align-items: center;
margin: 18px 0 0;
padding: 0;
font-size: 12px;
display: flex;
}
.cta-note-4 {
box-sizing: border-box;
color: #ffffff8c;
text-align: center;
margin: 14px 0 0;
padding: 0;
font-size: 11px;
line-height: 1.6;
}
.disclaimer-4 {
box-sizing: border-box;
color: var(--muted);
text-align: right;
margin: 14px 8px 0;
padding: 0;
font-size: 11px;
line-height: 1.7;
}
.button-2 {
box-sizing: border-box;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #8b6f1f;
border: 1px solid #8b6f1f;
border-radius: 4px;
align-items: center;
padding: 16px 28px;
line-height: 1.5;
text-decoration: none;
display: inline-flex;
}
.button-2:hover {
background-color: #a88845;
border-color: #a88845;
}
.button-2.is-small, .button-2.is-small.header-button-new {
padding: 10px 20px;
}
.button-2.is-secondary {
color: #fff;
background-color: #0000;
border-color: #fff;
}
.button-2.is-secondary:hover {
color: #fff;
background-color: #ffffff1f;
}
.button-2.is-link {
background-color: var(--\);
color: var(--\);
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none;
}
.button-2.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.navbar5_dropdown-content-right {
flex: 1;
max-width: 35rem;
padding: 2rem 0 2rem 2rem;
display: flex;
position: relative;
}
.navbar5_menu-left {
align-items: center;
display: flex;
}
.navbar5_link {
white-space: nowrap;
padding: 1.5rem 1rem;
text-decoration: none;
}
.navbar5_link.w--current {
color: var(--\);
}
.navbar5_link.is-navy {
color: var(--text--white);
}
.navbar5_link.is-navy:hover {
color: var(--brand--gold);
}
.navbar5_dropdown-content {
width: 100%;
display: flex;
}
.navbar5_menu-button {
padding: 0;
}
.navbar5_dropdown-background-layer {
background-color: var(--\);
min-width: 100vw;
position: absolute;
inset: 0% auto 0% 0%;
}
.navbar5_menu-right {
grid-column-gap: .75rem;
align-items: center;
display: flex;
}
.icon-embed-xxsmall-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.navbar5_blog-list {
grid-column-gap: 0rem;
grid-row-gap: .5rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: grid;
}
.navbar5_menu {
background-color: #1a2b4c;
flex: 1;
justify-content: space-between;
align-items: center;
height: 100%;
margin-left: 1.5rem;
display: flex;
position: static;
}
.navbar5_menu.is-navy {
background-color: var(--brand--navy-dark);
color: var(--text--white);
}
.navbar5_dropdown-content-left {
grid-column-gap: 2rem;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 2rem 2rem 2rem 0;
display: grid;
}
.button-group-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.text-style-link {
text-decoration: underline;
}
.navbar5_large-item-content {
flex-direction: column;
flex: auto;
justify-content: flex-start;
display: flex;
}
.navbar5_dropdown-link-list {
grid-column-gap: 0px;
grid-row-gap: 1rem;
grid-template-rows: max-content;
grid-template-columns: 1fr;
grid-auto-rows: max-content;
grid-auto-columns: 1fr;
display: grid;
}
.navbar5_dropdown-list {
padding-top: 24px;
}
.navbar5_dropdown-list.w--open {
border-bottom: var(--\) solid var(--\);
background-color: var(--\);
width: 100vw;
max-width: 100%;
padding-left: 5%;
padding-right: 5%;
position: absolute;
inset: 100% 0% auto;
overflow: hidden;
}
.navbar5_container {
z-index: 1000;
justify-content: space-between;
align-items: center;
width: 100%;
min-width: auto;
max-width: 100%;
height: 100%;
min-height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: sticky;
top: 0;
}
.navbar5_menu-dropdown {
position: static;
}
.navbar5_dropdown-toggle {
grid-column-gap: .5rem;
white-space: nowrap;
align-items: center;
padding: 1.5rem 1rem;
display: flex;
}
.navbar5_dropdown-toggle.is-navy {
color: #fff;
}
.navbar5_item-right {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.navbar5_component {
width: 100%;
min-height: 4.5rem;
color: #fff;
background-color: #1a2b4c;
align-items: center;
width: 100%;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.navbar5_dropdown-link {
grid-column-gap: .75rem;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding-top: .5rem;
padding-bottom: .5rem;
text-decoration: none;
display: flex;
}
.navbar5_icon-wrapper {
flex: none;
}
.navbar5_blog-image-wrapper {
border-radius: var(--\);
flex: 1 0 40%;
width: 100%;
overflow: hidden;
}
.navbar5_logo-link {
padding-left: 0;
}
.navbar5_blog-image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.navbar5_blog-item {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .6fr 1fr;
grid-auto-columns: 1fr;
padding-top: .5rem;
padding-bottom: .5rem;
text-decoration: none;
display: flex;
}
.navbar5_dropdown-content-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.navbar5_dropdown-content-wrapper.z-index-1 {
grid-auto-rows: max-content;
width: 100%;
}
.icon-embed-xxsmall-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.navbar6_dropdown-blog-item-wrapper {
flex-direction: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
}
.navbar6_dropdown-content-left {
grid-column-gap: 2rem;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 2rem 2rem 2rem 0;
display: grid;
}
.navbar6_menu-dropdown {
position: static;
}
.navbar6_dropdown-list {
background-color: var(--\);
}
.navbar6_dropdown-list.w--open {
border-bottom: var(--\) solid var(--\);
width: 100vw;
max-width: 100%;
padding-left: 5%;
padding-right: 5%;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.navbar6_dropdown-toggle {
grid-column-gap: .5rem;
align-items: center;
padding: 1.5rem 1rem;
display: flex;
}
.navbar6_blog-item {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
padding-top: .5rem;
padding-bottom: .5rem;
text-decoration: none;
display: flex;
}
.icon-embed-xxsmall-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.navbar6_blog-image {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
height: 100%;
}
.navbar6_menu-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.navbar6_menu {
flex: 1;
justify-content: space-between;
align-items: center;
margin-left: 1.5rem;
display: flex;
position: static;
}
.navbar6_icon-wrapper {
flex: none;
}
.navbar6_dropdown-link-list {
grid-column-gap: 0px;
grid-row-gap: 1rem;
grid-template-rows: max-content;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.navbar6_dropdown-background-layer {
background-color: var(--\);
min-width: 100vw;
position: absolute;
inset: 0% auto 0% 0%;
}
.navbar6_menu-button {
padding: 0;
}
.navbar6_dropdown-content-wrapper {
grid-template-rows: auto max-content;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.navbar6_dropdown-content-wrapper.z-index-1 {
grid-row-gap: 1rem;
}
.navbar6_dropdown-link {
grid-column-gap: .75rem;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding-top: .5rem;
padding-bottom: .5rem;
text-decoration: none;
display: flex;
}
.navbar6_blog-image-wrapper {
border-radius: var(--\);
width: 100%;
overflow: hidden;
}
.navbar6_link {
padding: 1.5rem 1rem;
}
.navbar6_link.w--current {
color: var(--\);
}
.navbar6_item-right {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.navbar6_dropdown-content-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: max-content auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 20rem;
padding: 2rem;
position: relative;
}
.navbar6_component {
border-bottom: 0px solid var(--\);
background-color: var(--\);
width: 100%;
min-height: 4.5rem;
color: var(--\);
align-items: center;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.navbar6_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navbar6_blog-content {
flex-direction: column;
justify-content: flex-start;
max-width: 18rem;
display: flex;
}
.navbar6_dropdown-content {
width: 100%;
display: flex;
}
.navbar6_logo-link {
padding-left: 0;
}
.navbar25_dropdown-content {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
display: flex;
}
.navbar25_link-small {
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .875rem;
text-decoration: none;
display: block;
}
.navbar25_link-list {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.navbar25_menu-dropdown {
position: static;
}
.navbar25_dropdown-background {
z-index: 0;
background-color: var(--\);
width: 100vw;
position: absolute;
inset: 0% auto 0% 0%;
}
.navbar25_menu {
background-color: var(--\);
flex: 1;
justify-content: space-between;
align-items: center;
margin-left: 1.5rem;
display: flex;
position: static;
}
.navbar25_link-column {
text-align: left;
}
.navbar25_dropdown-header {
max-width: 30rem;
position: relative;
}
.navbar25_menu-button {
padding: 0;
}
.heading-style-h4-2 {
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.navbar25_dropdown-content-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
place-items: start stretch;
width: 100%;
max-width: 64rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
display: grid;
position: relative;
}
.navbar25_image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.navbar25_link {
padding: 1.5rem 1rem;
}
.navbar25_link.w--current {
color: #000;
}
.navbar25_image-wrapper {
border-radius: var(--\);
width: 100%;
position: relative;
overflow: hidden;
}
.navbar25_component {
border-bottom: var(--\) solid var(--\);
background-color: var(--\);
width: 100%;
min-height: 4.5rem;
color: var(--\);
align-items: center;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.navbar25_menu-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.navbar25_dropdown-list.w--open {
border-bottom: var(--\) solid var(--\);
background-color: var(--\);
width: 100vw;
max-width: 100%;
padding-left: 5%;
padding-right: 5%;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.navbar25_logo-link {
padding-left: 0;
}
.navbar25_dropdown-content-left {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
width: 100%;
max-width: 25rem;
padding-top: 2rem;
padding-bottom: 2rem;
display: grid;
}
.navbar25_dropdown-toggle {
grid-column-gap: .5rem;
align-items: center;
padding: 1.5rem 1rem;
display: flex;
}
.navbar25_container {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.icon-embed-xxsmall-5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.jc_navbar-5-breakpint3-19 {
background-color: #1a2b4c;
border: 0 solid #000;
border-bottom-width: 1px;
border-radius: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-15 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 72px;
padding-left: 64px;
padding-right: 64px;
display: flex;
overflow: hidden;
}
.container-128 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-348 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.company-logo-17 {
overflow: hidden;
}
.column-149 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
overflow: hidden;
}
.nav-link-dropdown-15 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.link-text-14 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-71 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-205 {
grid-column-gap: 8px;
border: 1px solid #eee;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.button-style-206 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-207 {
grid-column-gap: 8px;
background-color: #8b6f1f;
border: 1px solid #fff;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 8px 20px;
text-decoration: none;
display: flex;
}
.mega-menu-15 {
background-color: #1a2b4c;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.menu-15 {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
text-decoration: none;
display: flex;
}
.menu-list-15 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.page-group-one-15 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.menu-item-43 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.content-style-349 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
text-decoration: none;
display: flex;
}
.page-one-15 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-15 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.menu-item-44 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 61px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.content-style-350 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.blog-15 {
grid-row-gap: 16px;
background-color: #1a2b4c;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 547px;
padding: 32px 64px 32px 32px;
text-decoration: none;
display: flex;
}
.blog-list-15 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.blog-item-15 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
display: flex;
}
.placeholder-image-22 {
object-fit: cover;
}
.content-style-351 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.read-more-15 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.text-weight-semibold-parent.text-weight-semibold {
font-weight: 600;
}
.inline-div-0-1-2-3-4-5-6-7 {
display: none;
}
.jc-hover-bridge {
background-color: #0000;
width: 100%;
height: 32px;
position: absolute;
top: -28px;
left: 0;
}
.navbar5_menu-dropdown-1 {
position: relative;
}
.navbar5_dropdown-list-1 {
position: absolute;
}
.jc-css-anchor.inline-div-0, .jc-mega-fix.inline-div-0 {
display: none;
}
.navbar5_menu-dropdown-1-2 {
position: relative;
}
.navbar5_dropdown-list-1-2, ._w-dropdown-list {
transition: opacity .2s;
}
.jc-mega-css.inline-div-0, .jc-mega-js.inline-div-0 {
display: none;
}
.navbar5_menu-1 {
background-color: #0000;
}
.jc-navy-fix.inline-div-0, .jc-hdr-navy.inline-div-0 {
display: none;
}
.jc-services-link {
white-space: nowrap;
color: inherit;
font-family: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: none;
}
.navbar5_component-1 {
background-color: #1a2b4c;
padding: 0;
display: block;
}
.jc-sec-navy.inline-div-0 {
display: none;
}
.navbar5_component-1-2 {
background-color: #1a2b4c;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
._w-nav {
background-color: #1a2b4c;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.jc-hdr-fix.inline-div-0, .jc-hdr-fix-js.inline-div-0, .jc-btn-size.inline-div-0 {
display: none;
}
.jc-legal-body-only {
box-sizing: border-box;
background-color: var(--jc-paper);
color: var(--jc-ink);
letter-spacing: .015em;
padding: 36px 16px 60px;
font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Yu Gothic, Meiryo, system-ui, sans-serif;
line-height: 1.95;
}
.jc-legal-body-only__inner {
width: 100%;
max-width: 920px;
margin: 0 auto;
}
.jc-legal-body-only__content {
border: 1px solid var(--jc-line);
background-color: var(--jc-white);
padding: 30px 18px;
box-shadow: 0 18px 44px #1018280e;
}
.jc-legal__enum {
padding-left: 2.55em;
position: relative;
}
.jc-legal__bullet-list {
margin: 8px 0 24px;
padding-left: 1.35em;
}
.jc-legal__info {
border-left-style: solid;
border-left-width: 4px;
border-left-color: var(--jc-gold);
background-color: #fcfaf5;
margin: 30px 0;
padding: 24px;
}
.jc-legal__note {
color: #475467;
font-size: 14px;
}
.jc-legal__dates {
border-top: 1px solid var(--jc-line);
color: #475467;
margin-top: 34px;
padding-top: 22px;
}
.header-65-desktop-13 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622f59bf88a1d19fbf37_privacy-policy-hero-legal-documents.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-129 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-37 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-75 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-54 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-59 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-352 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-196 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-196.privacypolicy-h1 {
font-size: 48px;
}
.text-197 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-198 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.header-65-desktop-14 {
grid-row-gap: 80px;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fb9680f5d29777278_cookie-policy-hero-secure-data.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-130 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-38 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-76 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-55 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-60 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-353 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-7 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-26 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-199 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.header-65-desktop-15 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fed8e3baca39a78e6_ai-transparency-hero-governance-interface.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-131 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-39 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-77 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-56 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-61 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-354 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-8 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-27 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-200 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.header-65-desktop-16 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fcc85d4fb5ec5fb56_terms-of-service-hero-legal-documents.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-132 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-40 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.section-title-78 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-wrapper-57 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tagline-62 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-355 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-9 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.untitled-28 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-201 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.component-41 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 768px;
text-decoration: none;
display: flex;
}
.text-202 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.section-title-79 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1040px;
text-decoration: none;
display: flex;
}
.tagline-63 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-133 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-356 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-65-desktop-17 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622fdba994cb2dbd6377_services-hero-marops-interface.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-203 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.text-204 {
color: #fff;
text-align: center;
width: 1000px;
max-width: 1000px;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.component-42 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.header-65-desktop-18 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14623610ee0dc251d555eb_ai-transparency-section-approval-workflow.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-357 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 966px;
text-decoration: none;
display: flex;
}
.section-title-80 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.container-134 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.tagline-64 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.text-205 {
color: #fff;
text-align: center;
width: 1240px;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-205.method-h1 {
font-size: 42px;
}
.content-style-358 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-81 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-65-desktop-19 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a14622f1cea6987dab03a42_method-hero-method-architecture.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tagline-65 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-135 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-43 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-359 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.container-136 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-44 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.tagline-66 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.privacy-policy-10 {
color: #fff;
text-align: center;
width: 1100px;
max-width: 1100px;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 56px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.privacy-policy-10.whynow-h1 {
width: 143%;
font-size: 38px;
}
.section-title-82 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-65-desktop-20 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146237b9680f5d297775e3_candidate-abstract-editorial-report-cover.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-137 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.component-45 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.content-style-360 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-83 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-67 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.header-65-desktop-21 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a15a8cbf0fc084e79bec4df_thank-you-hero-consultation-received.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.section-title-84 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-11 {
color: #fff;
text-align: center;
width: 1040px;
max-width: 1040px;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.content-style-361 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-68 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.component-46 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.untitled-29 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 170%;
text-decoration: none;
}
.untitled-29.aboutus-h1below {
font-size: 18px;
font-weight: 400;
}
.container-138 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.header-65-desktop-22 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a15a8cbf0fc084e79bec4df_thank-you-hero-consultation-received.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.section-title-85 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-policy-12 {
color: #fff;
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-362 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-69 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-139 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.header-65-desktop-23 {
grid-row-gap: 80px;
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146237b9680f5d297775e3_candidate-abstract-editorial-report-cover.webp");
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 420px;
min-height: 420px;
padding: 112px 64px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-65-desktop-23.contact-herosection {
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a24faedf9cbac0dbfe577c3_contact-consultation-hero-japan-consulting.webp");
}
.container-140 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.content-style-363 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.untitled-30 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 170%;
text-decoration: none;
}
.section-title-86 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tagline-70 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.image-4 {
aspect-ratio: 4 / 5;
object-fit: cover;
border: 1px solid #0f1f351f;
border-radius: 4px;
width: 100%;
max-width: 340px;
margin-top: 32px;
box-shadow: 0 14px 28px #0003;
}
.footer-divider {
color: #ffffff73;
-webkit-text-stroke-color: white;
background-color: #fff;
width: 100%;
height: 1px;
margin-top: 0;
margin-bottom: 5px;
}
.brand-name-6 {
box-sizing: border-box;
color: #0f1a2e;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.brand-mark-6 {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .06em;
background-color: #fff;
border: 1px solid #c8b36b;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 800;
display: grid;
}
.brand-sub-6 {
box-sizing: border-box;
color: #6b7280;
letter-spacing: .12em;
text-transform: uppercase;
margin: 3px 0 0;
padding: 0;
font-size: 10px;
line-height: 1.4;
}
.breadcrumb-divider-4 {
box-sizing: border-box;
color: #8b6f1f;
margin: 0;
padding: 0;
font-weight: 800;
}
.hero-main-6 {
box-sizing: border-box;
margin: 0;
padding: 56px 56px 48px;
}
.section-kicker-15 {
box-sizing: border-box;
color: #ffffff94;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.final-button-3 {
box-sizing: border-box;
color: #0f1a2e;
background-color: #fff;
justify-content: center;
align-items: center;
min-width: 240px;
margin: 0;
padding: 14px 20px;
font-size: 13px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.brand-6 {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
color: inherit;
align-items: center;
margin: 0;
padding: 0;
text-decoration: none;
display: flex;
}
.hero-side-6 {
box-sizing: border-box;
background-color: #faf7f0;
flex-direction: column;
margin: 0;
padding: 42px 38px;
display: flex;
}
.side-button-3 {
color: #fff;
text-align: center;
background-color: #b5963d;
justify-content: center;
align-items: center;
width: 100%;
padding: 12px 14px;
font-size: 12.5px;
font-weight: 900;
display: flex;
}
.side-button-3.secondary {
box-sizing: border-box;
color: #fff;
text-align: center;
background-color: #b5963d;
justify-content: center;
align-items: center;
width: 100%;
margin: 10px 0 0;
padding: 12px 14px;
font-size: 12.5px;
font-weight: 900;
text-decoration: none;
display: flex;
}
.side-button-3.secondary:hover {
color: #fff;
background-color: #1a2b4c;
}
.side-button-3.secondary:focus-visible, .side-button-3.secondary[data-wf-focus-visible] {
color: #fff;
background-color: #1a2b4c;
box-shadow: 0 0 0 3px #1a2b4c4d;
}
.hero-6 {
box-sizing: border-box;
background-color: #fff;
grid-template-columns: minmax(0, 1.05fr) minmax(340px, .72fr);
width: 100%;
margin: 0;
padding: 0;
display: grid;
}
.final-button-4 {
color: #0f1a2e;
background-color: #fff;
justify-content: center;
align-items: center;
min-width: 240px;
padding: 14px 20px;
font-size: 13px;
font-weight: 900;
display: inline-flex;
}
.final-button-4.gold {
box-sizing: border-box;
color: #0f1a2e;
background-color: #fff;
justify-content: center;
align-items: center;
min-width: 240px;
margin: 0;
padding: 14px 20px;
font-size: 13px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.sidebar-title-4 {
box-sizing: border-box;
color: #8b6f1f;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 14px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.author-image-3 {
box-sizing: border-box;
color: #8b6f1f;
background-color: #fffdf8;
border: 1px solid #c8b36b;
width: 52px;
height: 52px;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 800;
display: grid;
}
.author-image-3.article-author-img {
position: relative;
overflow: hidden;
}
.eyebrow-7 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #8b6f1f;
letter-spacing: .18em;
text-transform: uppercase;
align-items: center;
margin: 0 0 18px;
padding: 0;
font-size: 11px;
font-weight: 800;
display: flex;
}
.sidebar-card-3 {
box-sizing: border-box;
word-break: normal;
writing-mode: horizontal-tb;
background-color: #fff;
border: 1px solid #e2d9c9;
width: auto;
height: auto;
margin: 0;
padding: 20px;
box-shadow: 0 12px 34px #0f1a2e0d;
}
.sidebar-title-5 {
box-sizing: border-box;
color: #ffffff9e;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 14px;
padding: 0;
font-size: 10px;
font-weight: 900;
}
.breadcrumb-divider-5 {
box-sizing: border-box;
color: #8b6f1f;
margin: 0;
padding: 0;
font-weight: 800;
}
.menu-16 {
grid-column-gap: 32px;
grid-column-gap: 32px;
background-color: #1a2b4c;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
font-size: 12px;
text-decoration: none;
display: flex;
}
.menu-16.is-navy {
color: #fff;
background-color: #0f1a2e;
}
.menu-list-16 {
grid-row-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
font-size: 12px;
text-decoration: none;
display: flex;
}
.jc-services-link-2 {
white-space: nowrap;
color: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: none;
}
.content-style-364 {
color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 10px 12px;
text-decoration: none;
display: block;
}
.content-style-364:hover {
color: #a88845;
}
.content-style-365 {
color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
padding: 10px 12px;
text-decoration: none;
transition: color .2s;
display: block;
}
.content-style-365:hover {
color: #a88845;
}
.navbar5_link-2 {
white-space: nowrap;
padding: 1.5rem 1rem;
text-decoration: none;
}
.navbar5_link-2.is-navy {
color: #fff;
}
.navbar5_link-2.is-navy:hover {
color: #8b6f1f;
}
.navbar5_component-2 {
color: #fff;
background-color: #1a2b4c;
align-items: center;
width: 100%;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.page-group-one-16 {
color: #c4a45a;
letter-spacing: .08em;
text-transform: uppercase;
letter-spacing: .08em;
text-transform: uppercase;
width: 100%;
margin-top: 0;
margin-bottom: 12px;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.navbar5_dropdown-list-2 {
padding-top: 24px;
}
.navbar5_dropdown-list-2.w--open {
border-bottom-style: solid;
width: 100vw;
max-width: 100%;
padding-left: 5%;
padding-right: 5%;
position: absolute;
inset: 100% 0% auto;
overflow: hidden;
}
.page-one-16 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 4px;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: color .2s;
display: block;
}
.page-one-16:hover {
color: #8b6f1f;
}
.navbar5_menu-2 {
background-color: #1a2b4c;
flex: 1;
justify-content: space-between;
align-items: center;
height: 100%;
margin-left: 1.5rem;
display: flex;
position: static;
}
.navbar5_menu-2.is-navy {
color: #fff;
background-color: #0f1a2e;
}
.navbar5_menu-button-2 {
padding: 0;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-16 {
color: #ffffffad;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
display: block;
}
.menu-17 {
grid-column-gap: 32px;
grid-column-gap: 32px;
background-color: #1a2b4c;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 32px 32px 32px 64px;
font-size: 12px;
text-decoration: none;
display: flex;
}
.menu-17.is-navy {
color: #fff;
background-color: #0f1a2e;
}
.menu-list-17 {
grid-row-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
font-size: 12px;
text-decoration: none;
display: flex;
}
.jc-services-link-3 {
white-space: nowrap;
color: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: none;
}
.content-style-366 {
color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 10px 12px;
text-decoration: none;
display: block;
}
.content-style-366:hover {
color: #a88845;
}
.content-style-367 {
color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 340px;
padding: 10px 12px;
text-decoration: none;
transition: color .2s;
display: block;
}
.content-style-367:hover {
color: #a88845;
}
.navbar5_component-3 {
color: #fff;
background-color: #1a2b4c;
align-items: center;
width: 100%;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.page-group-one-17 {
color: #c4a45a;
letter-spacing: .08em;
text-transform: uppercase;
letter-spacing: .08em;
text-transform: uppercase;
width: 100%;
margin-top: 0;
margin-bottom: 12px;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.navbar5_dropdown-list-3 {
padding-top: 24px;
}
.navbar5_dropdown-list-3.w--open {
border-bottom-style: solid;
width: 100vw;
max-width: 100%;
padding-left: 5%;
padding-right: 5%;
position: absolute;
inset: 100% 0% auto;
overflow: hidden;
}
.page-one-17 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 4px;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: color .2s;
display: block;
}
.page-one-17:hover {
color: #8b6f1f;
}
.lorem-ipsum-dolor-sit-amet-consectetur-elit-17 {
color: #ffffffad;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
display: block;
}
.insight-section-body-richtext {
color: #3f4d63;
box-sizing: border-box;
margin-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
line-height: 2;
}
.insight-section-body-richtext.paragraph {
margin-top: 0;
margin-bottom: 20px;
}
.insight-section-body-richtext.heading-3 {
color: #1a2b4c;
margin-top: 28px;
margin-bottom: 10px;
font-size: 15px;
font-weight: 600;
}
.perspective-eyebrow {
color: #8b6f1f;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
.checklist-body-richtext {
color: #3f4d63;
margin-top: 8px;
font-size: 14px;
line-height: 2;
}
.comparison-block {
border-top: 1px solid #d8d2c2;
margin-top: 32px;
margin-bottom: 32px;
padding-top: 24px;
}
.comparison-title {
color: #1a2b4c;
margin-bottom: 16px;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
}
.comparison-grid {
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 16px;
display: grid;
}
.comparison-col {
background-color: #f7f5ef;
border-radius: 4px;
padding: 16px 20px;
}
.comparison-col-title {
color: #8b6f1f;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.comparison-col-body {
color: #3f4d63;
font-size: 14px;
line-height: 1.9;
}
.section-10, .section-11, .section-12 {
display: none;
}
.cover-hero-img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
min-height: 320px;
display: block;
position: absolute;
top: 0;
left: 0;
}
.author-image-img {
z-index: 2;
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.related-readtime {
color: #536176;
margin-top: 8px;
padding: 8px 18px 14px;
font-size: 12px;
font-weight: 500;
display: none;
}
.related-cms-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: repeat(3, 1fr);
width: 100%;
margin-top: 30px;
display: grid;
}
.related-thumb-img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 200px;
display: block;
}
.related-divider {
background-color: #d8c9ae;
width: 100%;
height: 1px;
margin-top: 20px;
margin-bottom: 32px;
display: block;
}
.related-title-row {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.hero-divider {
background-color: #d8c9ae;
width: 100%;
height: 1px;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.author-profile-img {
object-fit: cover;
object-position: center 10%;
border: 2px solid #8b6f1f;
border-radius: 50%;
flex-shrink: 0;
width: 72px;
height: 72px;
display: block;
}
.jc-load-more-btn {
color: #fff;
letter-spacing: .04em;
cursor: pointer;
background-color: #1a2b4c;
border: 2px solid #1a2b4c;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 14px 40px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
}
.jc-load-more-wrap {
justify-content: center;
margin-top: 40px;
margin-bottom: 60px;
display: flex;
}
.home-insights-compact-date {
color: #1a2b4ca6;
background-color: #f9f6f0cc;
border: 1px solid #c8b27a4d;
border-radius: 4px;
align-items: center;
padding: 3px 8px;
font-family: Noto Sans JP, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
display: inline-flex;
}
.home-insights-compact-read-time-wrap {
display: inline-flex;
}
.jc-insights-meta-row {
flex-wrap: wrap;
align-items: center;
gap: 10px;
display: flex;
}
.jc-insights-meta-category {
color: #8b6f1f;
background: none;
border: none;
padding: 0;
font-size: 11px;
font-weight: 600;
line-height: 1.5;
}
.jc-insights-meta-date {
color: #1a2b4ca6;
white-space: nowrap;
background-color: #f9f6f0cc;
border: 1px solid #c8b27a4d;
border-radius: 4px;
align-items: center;
padding: 3px 8px;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
display: inline-flex;
}
.jc-insights-meta-readtime {
color: #1a2b4ca6;
white-space: nowrap;
background-color: #f9f6f0cc;
border: 1px solid #c8b27a4d;
border-radius: 4px;
align-items: center;
gap: 2px;
padding: 3px 8px;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
display: inline-flex;
}
.result-preview-mini {
border-top: 1px solid #e3ded3;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-top: 14px;
margin-bottom: 14px;
padding-top: 14px;
display: grid;
}
.result-preview-item {
background-color: #fdfbf7e6;
border: 1px solid #efe8da;
border-radius: 10px;
padding: 10px 12px;
}
.result-preview-label {
color: #8b6f1f;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 3px;
font-size: 9px;
font-weight: 700;
}
.result-preview-value {
color: #0f1a2ea6;
font-size: 11px;
font-weight: 500;
line-height: 1.4;
}
.six-area-section {
background-color: #ffffffe6;
padding: 48px 58px;
}
.six-area-kicker {
color: #8b6f1f;
letter-spacing: .15em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 10px;
font-weight: 700;
}
.six-area-title {
color: #0f1a2e;
margin-bottom: 28px;
font-size: 22px;
font-weight: 800;
line-height: 1.4;
}
.six-area-grid {
grid-template-columns: 1fr 1fr 1fr;
gap: 14px;
display: grid;
}
.six-area-card {
background-color: #fdfbf7e6;
border: 1px solid #efe8da;
border-radius: 16px;
padding: 20px 22px;
}
.six-area-card-title {
color: #0f1a2e;
margin-bottom: 6px;
font-size: 14px;
font-weight: 700;
}
.six-area-card-desc {
color: #5d6470;
margin-bottom: 12px;
font-size: 12px;
line-height: 1.65;
}
.six-area-bar-track {
background-color: #efe8da;
border-radius: 999px;
height: 4px;
overflow: hidden;
}
.six-area-bar-fill {
background-color: #a8884599;
border-radius: 999px;
width: 45%;
height: 4px;
}
.six-area-card-tag {
color: #8b6f1f;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 9px;
font-weight: 700;
}
.sample-score-card {
background: linear-gradient(135deg, #0f1a2e, #1a2b4c);
border-radius: 16px;
margin-top: 14px;
padding: 20px 24px;
}
.sample-score-label {
color: #c8b27acc;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 10px;
font-weight: 700;
}
.sample-score-number {
color: #fff;
margin-bottom: 12px;
font-size: 36px;
font-weight: 900;
line-height: 1.1;
}
.sample-score-bar-track {
background-color: #ffffff26;
border-radius: 999px;
height: 6px;
margin-bottom: 12px;
overflow: hidden;
}
.sample-score-bar-fill {
background: linear-gradient(90deg, #8b6f1f, #c8b27a);
border-radius: 999px;
width: 75%;
height: 6px;
}
.sample-score-note {
color: #ffffffa6;
font-size: 11.5px;
line-height: 1.65;
}
.max-impact-block {
background-image: linear-gradient(135deg, #8b6f1f14, #8b6f1f0a);
border: 1px solid #8b6f1f40;
border-radius: 12px;
margin-top: 64px;
margin-bottom: 0;
padding: 28px 32px;
}
.max-impact-kicker {
color: #8b6f1f;
letter-spacing: .15em;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 10px;
font-weight: 700;
}
.max-impact-title {
color: #0f1a2e;
margin: 0 0 12px;
font-size: clamp(20px, 2vw, 24px);
font-weight: 800;
line-height: 1.35;
}
.max-impact-body {
color: #1a2b4cc7;
font-size: 14px;
line-height: 1.85;
}
.primary-cta-block {
background-image: linear-gradient(135deg, #0f1a2e, #1a2b4c);
border-radius: 12px;
margin: 24px 0 0;
padding: 32px 40px;
}
.primary-cta-block:hover {
background-color: #0d1828;
}
.primary-cta-inner {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.primary-cta-text {
color: #fff;
flex: 1;
min-width: 200px;
font-size: clamp(16px, 1.6vw, 18px);
font-weight: 700;
line-height: 1.5;
}
.primary-cta-btn {
color: #fff;
letter-spacing: .02em;
white-space: nowrap;
background-color: #a88845;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 14px 28px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: background .2s;
display: inline-flex;
box-shadow: 0 8px 20px #8b6f1f40;
}
.save-notice-bar {
background-color: #ffffffb3;
border-top: 1px solid #e3ded3;
padding: 14px 58px;
}
.save-notice-text {
color: #1a2b4c73;
text-align: center;
font-size: 12px;
line-height: 1.6;
}
.value-cta-btn {
color: #fff;
text-align: center;
letter-spacing: .02em;
background-color: #a88845;
border-radius: 8px;
width: 100%;
margin-top: 14px;
padding: 11px 16px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: block;
box-shadow: 0 6px 16px #8b6f1f38;
}
.value-cta-btn:hover {
background-color: #8b6f1f;
transform: translateY(-1px);
box-shadow: 0 10px 24px #8b6f1f59;
}
.hs-form-frame {
width: 100%;
}
.jc-marquee-wrap {
width: 100%;
padding: 16px 0;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, #0000 0%, #000 10% 90%, #0000 100%);
mask-image: linear-gradient(to right, #0000 0%, #000 10% 90%, #0000 100%);
}
.jc-marquee-track {
grid-column-gap: 48px;
grid-row-gap: 48px;
gap: 80px;
width: max-content;
animation: 30s linear infinite jc-scroll;
display: flex;
}
.jc-marquee-logo {
opacity: 1;
filter: grayscale(0%);
object-fit: contain;
width: auto;
min-width: 80px;
max-width: 160px;
height: 48px;
transition: opacity .2s, filter .2s;
}
@media screen and (min-width: 1280px) {
.component-34 {
grid-column-gap: 24px;
justify-content: space-between;
align-items: stretch;
max-width: 100%;
}
.column-one-2 {
flex-flow: column;
justify-content: center;
align-items: baseline;
width: 58%;
max-width: 660px;
margin-right: 0;
}
.heading-110.home-hero-heading {
width: 100%;
min-width: 680px;
margin-bottom: 40px;
padding-top: 80px;
font-size: 48px;
line-height: 1.2;
}
.column-two-2 {
flex-flow: column;
order: 0;
justify-content: flex-start;
align-items: flex-end;
width: 36%;
min-width: 480px;
max-width: 600px;
margin-left: auto;
}
.content-style-225 {
grid-column-gap: 0px;
width: 100%;
min-width: 0;
max-width: 600px;
margin-left: auto;
}
.text-130 {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: stretch;
width: 100%;
min-width: 0;
max-width: none;
padding-top: 40px;
font-size: 20px;
line-height: 1.75;
display: flex;
}
.navbar5_menu, .navbar5_component, .navbar5_component-2, .navbar5_menu-2, .navbar5_component-3 {
background-color: #1a2b4c;
}
}
@media screen and (min-width: 1440px) {
.layout._42 {
-webkit-text-stroke-color: white;
}
.heading-6 {
margin-bottom: 20px;
}
.logo._2 {
color: #fff;
padding-bottom: 60px;
}
.text-22 {
color: #000;
}
.heading-17 {
line-height: 130%;
}
.stats-5._25 {
background-color: #f5f1e8;
max-width: none;
}
.text-23 {
color: #000;
}
.heading-8 {
line-height: 140%;
}
.layout-2._55 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: none;
height: auto;
}
.heading-12 {
line-height: 140%;
}
.layout-4._623 {
max-width: none;
height: auto;
padding-bottom: 112px;
}
.heading-14 {
line-height: 140%;
}
.layout-5._611 {
border: 1px solid #8b6f1f;
border-bottom-style: none;
height: auto;
padding-bottom: 20px;
}
.layout-5._611.layout-5-is-home-insights-section {
max-width: none;
padding-top: 96px;
padding-bottom: 48px;
}
.home-insights-header-b {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 220px;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-items: end;
max-width: none;
display: grid;
}
.home-insights-lead-b {
color: #0f1a2e;
margin-top: 10px;
font-size: 18px;
line-height: 150%;
}
.home-insights-heading-b {
margin-bottom: 40px;
line-height: 120%;
}
.home-insights-content {
max-width: 820px;
display: block;
}
.timeline._19-desktop {
max-width: none;
}
.tagline-7 {
padding-bottom: 20px;
}
.heading-19 {
color: #1a1a1a;
font-size: 40px;
line-height: 130%;
}
.layout-6._19 {
background-color: #0f1a2e;
max-width: none;
}
.button-style-25 {
color: #fff;
background-color: #0f1a2e;
border-color: #fff;
}
.button-style-25.is-home-insights {
background-color: #8b6f1f;
border-color: #8b6f1f;
justify-content: center;
align-items: center;
min-width: 184px;
height: 46px;
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 24px;
font-size: 14px;
font-weight: 700;
line-height: 1px;
transition: box-shadow .18s, transform .18s, background-color .18s;
}
.button-style-25.is-home-insights:hover {
-webkit-text-fill-color: inherit;
background-color: #a88845;
background-clip: border-box;
border-color: #a88845;
transform: translate(0, -2px);
}
.button-style-25.is-home-insights:focus-visible, .button-style-25.is-home-insights[data-wf-focus-visible] {
outline-color: #8b6f1f;
}
.cta-27-cta27breakpoint3 {
max-width: none;
}
.column-17 {
width: 150px;
}
.links {
grid-column-gap: 32px;
grid-row-gap: 16px;
background-color: #0000;
border: 0 #000;
border-radius: 0;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-36 {
line-height: 170%;
}
.jc_footer._14-breakpoint4 {
background-color: #0f1a2e;
padding-top: 80px;
padding-left: 60px;
padding-right: 60px;
}
.heading-23 {
line-height: 130%;
}
.layout-7._376-layout376desktop {
background-color: #f5f1e8;
max-width: none;
}
.row-6 {
align-items: stretch;
}
.card {
grid-column-gap: 48px;
grid-row-gap: 48px;
border-color: #0000;
border-radius: 0;
width: 90%;
height: 100%;
font-family: Noto Sans JP, sans-serif;
overflow: hidden;
}
.content-style-39 {
grid-row-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 394px;
height: auto;
padding: 24px;
}
.placeholder-image-4 {
width: 100%;
height: 100%;
max-height: none;
margin-top: 0;
}
.column-20 {
width: 100%;
}
.pricing._5-pricing5pricing5breakpoint3, .layout-8._123-breakpoint3 {
max-width: none;
}
.tagline-wrapper-7 {
border: 1px solid #0f1a2e;
}
.pricing-2._5-pricing5pricing5breakpoint3 {
max-width: none;
}
.heading-31 {
width: auto;
}
.layout-9._123-breakpoint3 {
max-width: none;
}
.tagline-wrapper-9 {
border: 1px solid #0f1a2e;
}
.tagline-wrapper-10 {
color: #0f1a2e;
border: 1px #0f1a2e;
}
.tagline-15 {
border: 0 #000;
}
.heading-35 {
flex-flow: column;
display: flex;
}
.tagline-19 {
border: 0 #000;
}
.comparison._11-comparison11breakpoint3 {
max-width: none;
}
.row-8 {
align-items: stretch;
}
.cta-27-cta27breakpoint3-2, .timeline-2._19-desktop {
max-width: none;
}
.date-3, .date-5 {
font-family: Noto Sans JP, sans-serif;
}
.layout-67, .layout-68, .layout-69, .layout-70, .layout-71, .layout-72, .faq-2._12, .cta-27-cta27breakpoint3-3, .timeline-10._19-desktop {
max-width: none;
}
.tagline-31 {
padding-bottom: 20px;
}
.heading-66 {
font-size: 40px;
}
.button-style-79:focus-visible, .button-style-79[data-wf-focus-visible] {
color: #1a2b4c;
}
.layout-73 {
max-width: none;
}
.tagline-33 {
font-size: 16px;
}
.tagline-33.tagline-our {
font-size: 48px;
}
.layout-74, .layout-75, .layout-76, .layout-77, .layout-78._19 {
max-width: none;
}
.button-style-84 {
color: #fff;
background-color: #1a2b4c;
border-color: #1a2b4c;
font-family: Noto Sans JP, sans-serif;
}
.button-style-84:hover {
border-color: #fff;
font-family: Noto Sans JP, sans-serif;
}
.button-style-84:focus-visible, .button-style-84[data-wf-focus-visible] {
color: #fff;
text-align: left;
}
.button-style-84:lang(ja-jp) {
background-color: #243d6b;
}
.cta-27-cta27breakpoint3-4 {
max-width: none;
}
.header-65-desktop-4 {
max-width: none;
line-height: 1.2;
}
.layout-79._1, .layout-80._363, .stats._55-stats55desktop, .layout-81._671, .layout-82._611, .cta-27-cta27breakpoint3-5, .layout-84._623-layout623layout623breakpoint3 {
max-width: none;
}
.layout-85._237 {
max-width: none;
height: 700px;
max-height: 700px;
}
.tagline-45 {
padding-bottom: 20px;
}
.heading-98 {
font-size: 40px;
}
.row-15 {
height: auto;
}
.layout-86._278, .layout-87._623-layout623layout623breakpoint3, .timeline-14._1, .stats-10._31, .layout-88._278, .cta-27-cta27breakpoint3-6 {
max-width: none;
}
.privacy-policy-3 {
font-size: 48px;
}
.row-20 {
grid-row-gap: 64px;
flex-flow: row;
}
.content-style-208 {
grid-column-gap: 40px;
width: 1280px;
}
.question-4 {
width: 240px;
}
.text-123 {
width: 810px;
}
.button.is-link.is-icon {
margin-top: 0;
}
.button.is-link.is-icon.blog-featured-readinsight-button {
padding-top: 0;
padding-left: 30px;
}
.section-2 {
width: 100%;
max-width: none;
}
.overlay {
width: auto;
max-width: none;
height: auto;
max-height: none;
}
.page-wrapper {
max-width: none;
height: auto;
max-height: none;
}
.header-114 {
aspect-ratio: 2;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a146012852a06de764876ae_home-hero-earth-night.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
justify-content: center;
align-items: center;
max-width: none;
height: auto;
min-height: 100vh;
max-height: none;
}
.component-34 {
line-height: 1.7px;
}
.column-one-2 {
width: 80%;
height: auto;
margin-top: 320px;
}
.heading-110 {
width: 1024px;
max-width: 100%;
height: 37.281%;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
line-height: 130%;
}
.heading-110.home-hero-heading {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 760px;
max-width: 820px;
margin-left: 0;
padding-top: 0;
font-size: 54px;
display: flex;
}
.button-style-103, .button-style-103:hover, .button-style-103.is-home-hero-primary-cta:hover {
color: #fff;
}
.button-style-104.is-home-hero-primary-cta:hover {
color: var(--jc-white);
}
.button-style-105 {
color: #fff;
background-color: #0000;
}
.column-two-2 {
color: #fff;
justify-content: flex-start;
width: 40%;
height: auto;
margin-left: auto;
position: absolute;
right: 0;
}
.content-style-225 {
flex-flow: column;
}
.text-130 {
text-align: left;
flex-flow: column;
align-items: flex-start;
width: 100%;
max-width: 420em;
height: 100.005%;
line-height: 2;
display: flex;
}
.b2b-aicrmbi-2 {
line-height: 140%;
}
.text-170 {
font-size: 48px;
}
.paragraph-5 {
width: 1400px;
max-width: 1400px;
}
.jos-section-1, .pit-section-1 {
font-size: 14px;
}
.stats-12._25 {
max-width: none;
}
.heading-123 {
font-size: 28px;
}
.text-180, .text-183 {
font-size: 48px;
}
.insights-grid-container {
max-width: 1200px;
}
.grid-card {
background-color: #1a2b4c;
border-radius: 12px;
width: 100%;
display: flex;
overflow: hidden;
}
.tag {
background-color: #0000;
padding-left: 0;
}
.tag.is-home-insights-category {
color: #8b6f1f;
align-items: center;
padding-top: 0;
padding-bottom: 0;
padding-left: .5px;
font-family: Noto Sans JP, sans-serif;
font-size: 12px;
line-height: .02;
display: flex;
}
.tag.is-home-insights-category.tag-is-home-insights-compact-tag {
padding-left: 0;
}
.padding-global {
background-color: #fff;
}
.padding-global.blogpost-hero-bg {
padding-left: 0%;
padding-right: 0%;
overflow: hidden;
}
.container-large {
background-color: #fff;
border-bottom: 1px solid #b08d3c;
margin-left: auto;
margin-right: auto;
padding: 15px 0;
display: flex;
}
.padding-section-large {
background-color: #fff;
padding-top: 7px;
padding-bottom: 0;
}
.padding-section-large.padding-section-related {
background-color: #fff;
padding-top: 0;
}
.padding-section-large.blogpost-hero-padding {
border-top: 1px solid #e3ded3;
width: 100%;
height: 100%;
padding-top: 48px;
padding-bottom: 48px;
}
.padding-section-large.blogpost-hero-padding.blogpost-hero-container {
padding-top: 24px;
padding-left: 80px;
padding-right: 70px;
}
.margin-bottom.margin-xsmall {
align-items: center;
margin-bottom: 0;
display: flex;
}
.margin-bottom.margin-xsmall.is-home-insights-featured-meta-space {
margin-bottom: 0;
display: block;
}
.margin-bottom.margin-small {
margin-bottom: 32px;
}
.margin-bottom.margin-small.blog2_image-column {
justify-content: flex-start;
width: 100%;
min-width: 0;
max-width: 320px;
height: 31%;
min-height: 0;
margin-bottom: 0;
display: flex;
overflow: hidden;
}
.margin-bottom.margin-small.is-home-insights-image-reset {
margin-bottom: 0;
}
.margin-bottom.margin-xxsmall {
padding-left: 0;
}
.text-align-center {
text-align: left;
}
.text-align-center.related-insights {
text-align: left;
border-bottom: 1px solid #b08d3c;
border-right: 1px #000;
justify-content: space-between;
align-items: center;
padding-bottom: 5px;
font-family: Noto Sans JP, sans-serif;
line-height: 20%;
display: flex;
}
.max-width-large.align-center {
color: #8b6f1f;
width: 100%;
max-width: 1280px;
}
.insights-title {
color: #1a2b4c;
}
.blog2_list-wrapper {
width: 100%;
}
.blog2_list-wrapper.blog2_list-wrapper-is-insights-list-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: none;
display: block;
}
.blog2_item.is-home-insights-card {
min-height: 220px;
}
.blog2_item.blog2_item-is-insights-list-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #0000;
border: 1px solid #d6c8a3;
grid-template-rows: auto;
grid-template-columns: 260px 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-height: 220px;
margin-bottom: 20px;
display: grid;
}
.blog2_item.blog2_item-is-insights-list-card.position-relative {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
transition: border-color .2s cubic-bezier(.25, .46, .45, .94), box-shadow .2s cubic-bezier(.25, .46, .45, .94), transform .2s cubic-bezier(.25, .46, .45, .94);
}
.blog2_item.blog2_item-is-insights-list-card.position-relative:hover {
-webkit-backdrop-filter: none;
backdrop-filter: none;
transform: translate(0, -4px);
}
.blog2_item-link {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border: 2px solid #d6c8a3;
border-radius: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
overflow: hidden;
}
.blog2_item-link.is-home-insights-link {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 260px 1fr;
grid-auto-columns: 1fr;
min-width: 0;
min-height: 220px;
display: grid;
}
.blog2_item-link.blog2_item-link-is-insights-list-card-link {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
border-width: 1px;
grid-template-rows: auto;
grid-template-columns: 260px 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.blog2_image-wrapper {
min-width: 100%;
height: 100%;
min-height: 220px;
}
.blog2_image-wrapper.blog2_image-wrapper-is-insights-list-image-wrapper {
min-width: 0%;
height: auto;
min-height: 0;
}
.blog2_image {
max-width: none;
min-height: 0;
overflow: visible;
}
.blog2_image.blog2_image-is-insights-list-image {
aspect-ratio: auto;
height: 300px;
display: block;
}
.blog2_meta-wrapper {
margin-top: 15px;
padding-bottom: 0;
padding-left: 10px;
}
.blogpost-related-category-tag {
text-align: right;
border: 1px #8a8170;
border-radius: 4px;
width: auto;
padding: 8px;
}
.blogpost-related-category-tag.text-weight-semibold {
color: #6b7280;
align-items: center;
padding-left: 0;
font-size: 14px;
}
.blogpost-related-category-tag.text-weight-semibold.blogpost-related-cat {
text-align: left;
padding-left: 0;
font-size: 14px;
}
.blogpost-related-category-tag.text-color-white.blogpost-meta-mono.blogpost-meta-pill {
-webkit-text-stroke-color: #faf7f0;
border: 1px solid #e3ded3;
border-radius: 3px;
justify-content: center;
align-items: center;
width: auto;
padding: 8px 12px;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
display: flex;
}
.blogpost-related-category-tag.text-color-white.blogpost-meta-pill {
text-align: right;
background-color: #faf7f0;
border: 1px #e3ded3;
border-radius: 3px;
padding: 8px 0 8px 12px;
font-size: 14px;
}
.blogpost-related-category-tag.blogpost-related-meta {
-webkit-text-stroke-color: #faf7f0;
background-color: #faf7f0;
border-style: solid;
border-color: #e3ded3;
justify-content: center;
align-items: center;
padding-left: 8px;
padding-right: 8px;
font-family: Noto Sans JP, sans-serif;
font-size: 10px;
font-weight: 500;
display: flex;
}
.heading-style-h5.blogpost-related-title {
margin-top: 20px;
}
.heading-style-h5.heading-style-h5-is-home-insights-compact-title {
color: #0f1a2e;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 20px;
line-height: 1.45;
}
.heading-style-h5.heading-style-h5-is-insights-list-title-is-line-clamp-2 {
padding-left: 10px;
padding-right: 10px;
font-family: Noto Sans JP, sans-serif;
font-size: 24px;
line-height: 1.5;
}
.text-size-regular {
color: #000;
-webkit-text-stroke-color: #1a2b4c;
height: 60px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
overflow: hidden;
}
.text-size-regular.is-home-insights-featured-excerpt {
color: #5c6678;
padding-left: 0;
font-size: 15px;
line-height: 1.8;
}
.text-size-regular.text-size-regular-is-insights-list-excerpt-is-line-clamp-3 {
padding-left: 10px;
padding-right: 10px;
}
.margin-top.margin-small {
padding-bottom: 0;
}
.margin-top.margin-small.is-home-insights-read-link-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
margin-top: 0;
padding-bottom: 20px;
padding-left: 0;
}
.button-group {
padding-left: 0;
}
.button-group.is-center {
flex-flow: row;
flex: 0 auto;
order: 0;
align-self: center;
margin-top: 0;
padding: 12px 48px;
display: flex;
}
.button-group.button-group-is-home-insights-read-link-wrap {
padding-left: 0;
}
.heading-style-h2 {
text-align: left;
font-family: Noto Sans JP, sans-serif;
font-size: 28px;
line-height: 1.5;
}
.heading-style-h2.text-color-white.blogpost-hero-title {
color: #0f1a2e;
}
.heading-style-h2.text-color-white.blogpost-hero-title.blogpost-meta-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #0f1a2e;
text-transform: uppercase;
border-top: 1px solid #fff;
margin-bottom: 20px;
padding-bottom: 22px;
font-size: 36px;
font-weight: 700;
line-height: 1.4px;
display: flex;
}
.tag-5 {
padding: 0;
}
.text-rich-text {
color: #1a2b4c;
align-items: center;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
display: flex;
}
.container-small {
max-width: 80rem;
margin-left: 0;
margin-right: 0;
}
.content30_component.blogpost-layout-grid {
background-color: #fff;
border-radius: 8px;
grid-template-rows: auto;
grid-auto-columns: minmax(2px, 1fr);
padding: 10px 0 0;
font-family: Noto Sans JP, sans-serif;
}
.content30_component.blogpost-layout-grid.insights-layout-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.content30_component.blogpost-layout-grid.insights-layout-grid.is-insights-index {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.breadcrumb_component {
margin-bottom: 40px;
font-family: Inter, sans-serif;
font-size: 14px;
}
.content30_author-text {
padding-right: 24px;
}
.heading-style-h4 {
background-color: #fff;
}
.heading-style-h4.is-home-insights-featured-title {
color: #0f1a2e;
margin-bottom: 16px;
font-size: 30px;
line-height: 1.45;
}
.blog-post2-header_title-wrapper.blogpost-hero-section {
-webkit-text-stroke-color: #faf7f0;
background-color: #faf7f0;
border-width: 3px;
max-width: none;
margin-left: 0;
margin-right: 0;
font-family: JetBrains Mono, sans-serif;
font-size: 12px;
font-weight: 700;
}
.blog-post2-header_author-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px #e3ded3;
flex-flow: wrap;
margin-top: 30px;
padding-top: 24px;
}
.blog-post2-header_author-text.blogpost-hero-left {
-webkit-text-stroke-color: white;
background-color: #fff;
border: 1px solid #8b6f1f;
border-left-width: 4px;
width: auto;
height: 500px;
margin-top: 0;
margin-bottom: 0;
padding: 48px 52px 48px 25px;
line-height: .08px;
}
.blog-post2-header_date-wrapper.blogpost-meta-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #e3ded3;
flex-flow: wrap;
justify-content: flex-start;
margin-top: 30px;
padding: 24px 0 0;
}
.blog-post2-header_background-image-wrapper.blogpost-overlay {
background-color: #0f1a2e8c;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0, 0 0;
background-size: auto, auto;
width: 100%;
height: 500px;
}
.blog-post2-header_background-image {
border-top: 1px solid #1a2b4c;
}
.section_blog-post2-related {
background-color: #0f1a2e;
}
.blog-post2-related5_item-link {
transition: border-color .2s, box-shadow .2s, transform .2s;
}
.blog-post2-related5_item-link:hover {
transform: translate(0, -4px);
}
.blog-post2-related5_item-link.w--current {
transition: border-color .2s, box-shadow .2s, transform .2s;
}
.blog-post2-related_date-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px #8b6f1f;
border-radius: 0;
width: 100%;
padding: 8px;
}
.insights-hero-wrapper {
color: #1a2b4c;
text-align: left;
-webkit-text-stroke-color: #1a2b4c;
}
.insights-filter-menu {
border-top: 1px solid #b08d3c;
border-bottom: 1px solid #b08d3c;
margin-bottom: 20px;
padding-top: 30px;
padding-bottom: 30px;
}
.insights-filter-menu.is-insights-filter-mobile.is-mobile-filter-btn {
transition: opacity .2s;
}
.insights-filter-btn {
-webkit-text-stroke-color: #1a2b4c;
background-color: #1a2b4c;
justify-content: center;
min-width: 180px;
font-family: Noto Sans JP, sans-serif;
font-weight: 500;
transition: border-color .2s, box-shadow .2s, transform .2s;
display: flex;
}
.insights-filter-btn:hover {
background-color: var(--brand--gold-hover);
color: var(--text--white);
transform: scale(1.02);
}
.insights-filter-btn:active {
background-color: var(--brand--gold-hover);
color: var(--text--white);
}
.collection-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list.collection-list-is-insights-list {
grid-template-columns: 1fr;
display: block;
}
.collection-list-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.tldr-box {
margin-top: 24px;
}
.tldr-box.key-points-box {
margin-bottom: 24px;
padding: 20px 24px;
}
.tldr-box.key-points-box.blogpost-tldr-richtext {
background-color: #faf7f0;
padding-bottom: 0;
}
.tldr-heading {
font-size: 18px;
}
.tldr-heading.blogpost-tldr-heading {
color: #fff;
margin-bottom: 40px;
padding-top: 10px;
font-size: 18px;
}
.text-block-2 {
padding: 20px 24px;
font-size: 18px;
}
.read-more-blog {
padding-left: 10px;
font-size: 16px;
}
.text-block-3 {
color: #8b6f1f;
padding-right: 20px;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
}
.section-6 {
padding-top: 20px;
padding-bottom: 0;
display: none;
}
.heading-125 {
margin-top: 24px;
}
.heading-126.blogpost-ref-heading {
align-items: center;
margin-top: 0;
padding-left: 12px;
display: flex;
}
.cta-27-cta27breakpoint3-7 {
max-width: none;
}
.heading-129 {
width: 1200px;
margin-bottom: 32px;
}
.heading-129.blogpost-related-heading {
border: 2px #000;
border-bottom-color: #b08d3c;
justify-content: flex-start;
width: auto;
margin-bottom: 20px;
}
.button-view-all {
border-bottom-color: #8b6f1f;
align-self: center;
min-width: 180px;
min-height: 44px;
}
.button-view-all:hover {
background-color: #1a2b4c;
border-color: #1a2b4c;
}
.button-view-all:focus-visible, .button-view-all[data-wf-focus-visible] {
color: #1a2b4c;
background-color: #0000;
border-color: #1a2b4c;
}
.rich-text-block {
padding-top: 20px;
font-size: 16px;
}
.rich-text-block.blogpost-tldr-richtext {
color: #0f1a2e;
border-style: none;
border-width: 1px;
padding-top: 0;
}
.rich-text-block-2 {
font-size: 16px;
}
.rich-text-block-2.blogpost-body {
color: #0f1a2e;
margin-left: 10px;
}
.text-block-6 {
line-height: 26px;
}
.text-block-9 {
font-family: Noto Sans JP, sans-serif;
font-size: 12px;
}
.logpost-sidebar {
margin-top: 0;
position: static;
}
.logpost-sidebar.sidebar-cta-dark {
margin-top: 0;
}
.logpost-sidebar.sidebar-cta-dark.sidebar-sticky-wrap {
position: sticky;
}
.div-block-2.sidebar-cta-dark, .div-block-2.sidebar-cta-light {
margin-bottom: 20px;
}
.sidebar-body.sidebar-body-2 {
margin-bottom: 10px;
}
.sidebar-kicker-nl {
color: #8b6f1f;
}
.blogpost-cat-label {
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 11px;
line-height: 14em;
}
.blogpost-hero-title {
color: #fff;
font-family: Noto Sans JP, sans-serif;
font-size: 40px;
line-height: 1.42px;
}
.blogpost-cat-tag {
color: #8b6f1f;
text-align: left;
text-transform: uppercase;
margin-top: 18px;
padding-bottom: 20px;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: .08px;
}
.blogpost-hero-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.6fr .7fr;
grid-auto-columns: 1fr;
display: grid;
}
.blogpost-hero-right {
background-color: #fff;
border-left: 4px solid #0f1a2e;
padding: 0;
overflow: hidden;
}
.image-3 {
object-fit: cover;
background-color: #0f1a2e;
width: 100%;
height: 100%;
}
.blogpost-hero-lead {
color: #0f2040;
-webkit-text-stroke-color: transparent;
margin-top: 40px;
margin-bottom: 22px;
padding-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.9px;
overflow: visible;
}
.div-block-3 {
display: flex;
}
.div-block-3.blogpost-meta-pill {
background-color: #faf7f0;
border: 1px solid #e3ded3;
border-radius: 3px;
padding: 8px 12px;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
}
.text-block-10 {
color: #0f1a2e;
text-align: left;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
}
.text-block-10.blogpost-hero-lead {
line-height: 1.9;
}
.bold-text {
color: #0f1a2e;
}
.bold-text-2 {
color: #8b6f1f;
}
.faq-section {
justify-content: space-between;
align-items: center;
margin-left: 10px;
display: block;
}
.blogpost-faq-heading {
margin-top: 40px;
}
.faq-item {
flex-flow: row;
display: block;
}
.faq-question {
border: 1px #e0d9cc;
border-bottom-style: solid;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
display: flex;
}
.faq-answer {
background-color: #f5f0e8;
border-bottom: 1px solid #f5f0e8;
padding-top: 0;
padding-bottom: 0;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
display: none;
position: static;
overflow: visible;
}
.text-block-11 {
background-color: #f5f0e8;
padding: 12px 24px;
}
.faq-a-text {
display: block;
overflow: visible;
}
.dropdown-toggle {
border-bottom: 1px solid #e0d9cc;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding: 12px 0;
display: flex;
}
.dropdown-toggle.faq-question {
flex-flow: row;
display: block;
}
.perspective-box {
background-color: #1a2b4c;
border-left: 4px solid #8b6f1f;
border-radius: 0;
margin-top: 40px;
padding: 32px 40px;
}
.perspective-label {
color: #c9a84c;
font-family: Noto Sans JP, sans-serif;
font-size: 12px;
font-weight: 700;
}
.perspective-heading {
color: #c9a84c;
padding-top: 8px;
padding-bottom: 16px;
font-size: 14px;
}
.perspective-text {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
}
.text-block-12 {
color: #fff;
padding-bottom: 20px;
font-size: 24px;
}
.div-block-4 {
color: #f5f0e8;
}
.div-block-4.ref-box {
border-left: 4px solid #c9a84c;
margin-top: 48px;
padding: 12px 24px 12px 12px;
}
.text-block-13 {
color: #8b6f1f;
text-align: center;
-webkit-text-stroke-color: #8b6f1f;
flex-flow: row;
align-self: flex-start;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 2px;
display: block;
position: absolute;
}
.div-block-5 {
display: flex;
}
.text-block-14 {
text-align: left;
}
.div-block-6 {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: #faf7f0;
border: 1px solid #e3ded3;
justify-content: center;
align-items: center;
margin-left: 10px;
margin-right: 0;
padding: 2px 8px;
font-size: 10px;
font-weight: 500;
display: flex;
}
.bold-text-3 {
color: #8b6f1f;
}
.text-block-15 {
color: #fff;
text-align: center;
background-color: #0000;
border: 1px #8b6f1f;
justify-content: center;
align-items: center;
padding: 8px;
font-size: 14px;
font-weight: 700;
display: flex;
}
.div-block-7 {
grid-column-gap: 4px;
grid-row-gap: 4px;
text-align: center;
background-color: #1a2b4c;
justify-content: center;
align-items: center;
width: 100px;
min-width: 72px;
height: 40px;
min-height: 26px;
margin-left: 15px;
margin-right: 0;
padding: 6px 4px;
line-height: 1;
display: flex;
}
.div-block-7.related-read-button:hover {
background-color: #243d6b;
border: 4px solid #fff;
border-radius: 0;
}
.div-block-7.related-read-button:active {
background-color: #1a2b4c;
border-color: #8b6f1f;
}
.bold-text-4 {
color: #0f1a2e;
}
.rich-text-block-3 {
font-size: 16px;
}
.rich-text-block-3.blogpost-body {
margin-left: 10px;
}
.div-block-8 {
color: #f5f0e8;
}
.div-block-8.ref-box {
border-left: 4px solid #c9a84c;
margin-top: 48px;
padding: 12px 24px 12px 12px;
}
.heading-132.blogpost-ref-heading {
align-items: center;
margin-top: 0;
padding-left: 12px;
display: flex;
}
.div-block-9.sidebar-cta-dark, .div-block-9.sidebar-cta-light {
margin-bottom: 20px;
}
.collection-item-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border: 1px #d6c8a3;
border-radius: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: block;
overflow: hidden;
}
.blog2_item-content {
flex-flow: row;
padding: 0 20px;
}
.blog2_item-content.blog2_item-content-is-insights-list-card-content {
background-color: #fff;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 0;
display: flex;
}
.div-block-10 {
align-items: center;
font-size: 14px;
}
.text-block-16 {
align-items: center;
font-size: 14px;
display: flex;
}
.next {
color: #fff;
background-color: #8b6f1f;
border-color: #8b6f1f;
justify-content: center;
align-items: center;
width: 220px;
height: 44px;
display: flex;
}
.pagination-prev-hidden {
display: none;
}
.pagination {
flex-flow: row;
align-items: center;
margin-top: 32px;
margin-bottom: 56px;
}
.div-block-11 {
border-bottom: 1px solid #b08d3c;
justify-content: flex-start;
align-items: center;
width: 1280px;
height: 25px;
display: flex;
}
.home-insights-component {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
max-width: 1280px;
max-height: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.home-insights-header {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
width: 100%;
margin-top: 48px;
display: grid;
}
.text-block-17 {
color: #0f1a2e;
max-width: 760px;
font-size: 12px;
font-weight: 700;
line-height: 1.2px;
}
.home-insights-heading {
color: #0f1a2e;
max-width: 760px;
font-size: 48px;
line-height: 1.2;
}
.home-insights-lead {
color: #333;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 460px;
line-height: 1.8;
display: flex;
}
.home-insights-lead-wrap {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 460%;
display: flex;
}
.home-insights-divider {
border-bottom: 1px solid #8b6f1f;
width: 1280px;
display: flex;
}
.home-insights-eyebrow-bb {
color: #000;
margin-bottom: 20px;
font-weight: 700;
line-height: 150%;
}
.button-group-b.button-group-is-home-insights {
justify-content: center;
align-items: flex-end;
display: flex;
}
.is-home-insights {
order: 0;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.home-insights-divider-b {
border-bottom: 1px solid #8b6f1f;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 1px;
margin-top: 28px;
margin-bottom: 60px;
display: flex;
}
.layout-89._611 {
font-size: 48px;
}
.layout-90._611 {
max-width: none;
font-size: 48px;
}
.insights-card-area {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 36px;
display: block;
}
.collection-list-wrapper-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #d6c8a3;
border: 1px solid #d6c8a3;
border-radius: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: hidden;
}
.tag-9 {
padding-top: 0;
padding-bottom: 0;
}
.text-block-18 {
font-family: Noto Sans JP, sans-serif;
}
.collection-list-wrapper-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #d6c8a3;
border: 1px solid #d6c8a3;
border-radius: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: hidden;
}
.tag-10 {
padding-top: 0;
padding-bottom: 0;
}
.text-block-20 {
font-family: Noto Sans JP, sans-serif;
}
.collection-list-wrapper-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog10_featured-blog {
grid-row-gap: 32px;
grid-template-columns: 1.15fr .85fr;
width: 100%;
}
.blog10_featured-blog.blog10_featured-blog-is-home-insights-layout {
width: 100%;
}
.blog10_featured-blog.is-home-insights-layout {
grid-column-gap: 32px;
grid-row-gap: 0px;
align-items: stretch;
margin-bottom: 80px;
}
.blog10_main-post {
padding-bottom: 40px;
}
.blog10_main-list-wrapper {
padding-bottom: 20px;
}
.blog10_item-link.is-home-insights-featured-link {
color: #0f1a2e;
-webkit-text-stroke-color: white;
border: 1px solid #0000;
padding: 0 0 30px;
transition: border-color .1s, box-shadow .1s, transform .1s;
overflow: hidden;
}
.blog10_item-link.is-home-insights-featured-link:hover {
transform: translate(0, -4px);
}
.blog10_image-wrapper.is-home-insights-featured-image-wrap {
height: 320px;
}
.blog10_image-wrapper.is-home-insights-compact-image-wrap {
aspect-ratio: auto;
background-color: #f0f0f0;
width: 100%;
height: 100%;
}
.blog10_image.is-home-insights-featured-image {
display: block;
}
.blog10_meta-wrapper {
grid-column-gap: 14px;
grid-row-gap: 14px;
font-size: 18px;
line-height: 1.45px;
}
.blog10_meta-wrapper.is-home-insights-meta-row {
margin-bottom: 12px;
}
.text-size-small.text-weight-semibold {
color: #6b7280;
padding-left: 0;
font-size: 18px;
}
.text-size-small.text-weight-semibold.is-home-insights-read-time {
color: #5c6678;
align-items: center;
height: 100%;
padding-right: 10px;
font-size: 14px;
font-weight: 400;
line-height: 1.45px;
}
.text-size-small.text-weight-semibold.is-home-insights-read-time.is-home-insights-category {
text-align: center;
padding-right: 0;
font-size: 12px;
font-weight: 400;
line-height: 1.4px;
}
.text-size-small.text-weight-semibold.home-insights-read-time-number {
color: #5c6678;
font-size: 12px;
line-height: 1.4px;
}
.blog10_featured-list.is-home-insights-compact-list {
grid-column-gap: 1.125rem;
width: 100%;
}
.blog10_featured-item.blog10_featured-item-is-home-insights-compact-card {
max-height: none;
margin-bottom: 20px;
padding-bottom: 0;
}
.blog10_featured-item-link.is-home-insights-compact-link {
grid-column-gap: 0rem;
grid-row-gap: 0px;
color: #0f1a2e;
background-color: #fff;
border: 1px solid #8b6f1f6b;
grid-template-rows: auto;
grid-template-columns: 150px 1fr;
grid-auto-columns: 1fr;
height: 100%;
min-height: 174px;
margin-bottom: 8px;
transition: border-color .1s, box-shadow .1s, transform .1s;
display: grid;
overflow: hidden;
}
.blog10_featured-item-link.is-home-insights-compact-link:hover {
transform: translate(0, -4px);
}
.blog10_featured-item-content.is-home-insights-compact-content {
background-color: #fff;
min-height: auto;
padding: 10px 26px 24px 28px;
}
.text-block-22 {
color: #8b6f1f;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
line-height: .02;
}
.text-block-23, .text-block-24, .text-block-25 {
font-size: 14px;
}
.home-insights-featured-content {
background-color: #fff;
flex-flow: column;
justify-content: flex-start;
padding: 28px 32px 24px;
display: flex;
}
.text-block-26 {
color: #5c6678;
font-size: 14px;
}
.home-insights-read-time-wrap {
align-items: center;
display: flex;
}
.text-block-27 {
color: #5c6678;
padding-left: 10px;
font-size: 12px;
font-weight: 500;
line-height: 1.4px;
}
.text-block-28 {
font-size: 11px;
}
.text-block-29 {
color: #5c6678;
align-items: center;
padding-left: 10px;
font-size: 11px;
line-height: 1.4px;
display: flex;
}
.text-block-30 {
color: #5c6678;
align-items: center;
padding-left: 10px;
padding-right: 0;
font-size: 12px;
line-height: 1.4px;
display: flex;
}
.text-block-31 {
color: #5c6678;
align-items: center;
padding-left: 10px;
font-size: 11px;
line-height: 1.4px;
display: flex;
}
.text-block-32, .text-block-33, .published-date-wrap.home-insights-published-date-wrap {
align-items: center;
display: flex;
}
.text-block-34 {
align-items: center;
font-size: 14px;
display: flex;
}
.collection-list-3 {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-3.blog10_featured-list {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-color: #0000;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 0;
}
.collection-list-wrapper-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.collection-item-5 {
margin-bottom: 0;
}
.collection-list-wrapper-7, .collection-list-4, .collection-item-6 {
width: 100%;
}
.text-style-tagline-parent.text-style-tagline {
justify-content: flex-start;
align-items: center;
padding-top: 32px;
font-family: Noto Sans JP, sans-serif;
display: flex;
}
.topbar {
margin-bottom: 0;
}
.package-text {
font-family: Noto Sans JP, sans-serif;
}
.cta-note {
text-align: left;
font-family: Noto Sans JP, sans-serif;
}
.topbar-2 {
justify-content: space-between;
margin-bottom: 0;
padding-right: 60px;
}
.brand-name-2 {
font-size: 20px;
}
.brand-sub-2 {
font-size: 16px;
}
.topbar-status-2 {
font-family: Noto Sans JP, sans-serif;
font-size: 24px;
}
.subline {
width: 100%;
}
.hero-side-2 {
margin-top: 0;
padding-top: 20px;
padding-bottom: 40px;
}
.flow-title {
margin-bottom: 20px;
}
.flow-text {
color: #0f1a2e;
margin-bottom: 20px;
}
.flow-step {
padding-bottom: 20px;
}
.rbfl2a, .btfsjb, ._9tbr72 {
margin-top: 10px;
}
.stats-grid {
grid-column-gap: 2px;
place-items: center;
margin-top: 0;
}
.j61p0i {
width: 100svh;
}
.cta-card {
border-radius: 0;
}
.cta-title {
text-align: center;
font-family: Noto Sans JP, sans-serif;
font-size: clamp(24px, 3vw, 33px);
}
.cta-text {
text-align: center;
white-space: nowrap;
width: 100%;
min-width: auto;
max-width: none;
font-family: Noto Sans JP, sans-serif;
}
.cta-list {
text-align: center;
}
.btn-main-2 {
background-color: #a88845;
display: inline-flex;
}
.hero-title {
display: block;
}
.hero-summary {
margin-bottom: 0;
}
.meta-row {
margin-top: 48px;
margin-bottom: 0;
padding-top: 20px;
}
.final-cta {
display: none;
}
.navbar5_menu.is-navy {
background-color: var(--color-background-primary);
}
.navbar5_container {
height: 100%;
}
.navbar5_component {
padding-top: 0%;
padding-bottom: 0;
}
.jc-legal__bullet-list {
margin-left: 0;
}
.header-65-desktop-13, .header-65-desktop-14, .header-65-desktop-15, .header-65-desktop-16, .header-65-desktop-17, .header-65-desktop-18, .header-65-desktop-19 {
max-width: none;
}
.privacy-policy-10.whynow-h1 {
line-height: 1.4;
}
.header-65-desktop-20, .header-65-desktop-21 {
max-width: none;
}
.privacy-policy-11 {
font-size: 48px;
}
.header-65-desktop-22 {
max-width: none;
}
.privacy-policy-12 {
font-size: 48px;
}
.privacy-policy-12.thanks-h1below {
font-size: 18px;
}
.header-65-desktop-23 {
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/6a12e4a1c155f7705d2c0809/6a24faedf9cbac0dbfe577c3_contact-consultation-hero-japan-consulting.webp");
}
.header-65-desktop-23.contact-herosection {
max-width: none;
}
.section-9 {
width: 100vw;
max-width: 100vw;
}
.hero-main-6 {
padding-bottom: 80px;
}
.navbar5_component-2 {
padding-top: 0%;
padding-bottom: 0;
}
.navbar5_menu-2.is-navy {
background-color: #1a2b4c;
}
.navbar5_component-3 {
padding-top: 0%;
padding-bottom: 0;
}
.section-10, .section-11, .section-12 {
display: none;
}
.result-preview-mini {
margin-bottom: 40px;
}
.result-preview-label {
color: #0f1a2e;
font-size: 12px;
}
.result-preview-value {
font-size: 13px;
}
.six-area-section {
padding-top: 0;
}
}
@media screen and (max-width: 991px) {
.btn-primary-navy {
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
}
.logo-wide-1.footer-jclogo {
max-width: 160%;
display: block;
}
.heading-6 {
margin-bottom: 20px;
}
.logo._2 {
padding-bottom: 40px;
}
.heading-17 {
font-size: 36px;
}
.container-11.footer-contena {
grid-column-gap: 16px;
grid-row-gap: 7px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.text-23 {
font-size: 30px;
}
.text-26 {
font-size: 28px;
}
.heading-8 {
font-size: 36px;
}
.container-12 {
width: auto;
}
.layout-4._623 {
width: auto;
height: auto;
}
.row-3 {
flex-flow: column;
}
.list-item-3 {
flex-flow: row;
}
.home-insights-header-b {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.home-insights-lead-b {
font-size: 16px;
}
.home-insights-heading-b {
width: 100%;
font-size: 36px;
}
.date-2 {
display: flex;
}
.container-13 {
flex-flow: column;
}
.button-style-25 {
border-color: #fff;
margin-bottom: 40px;
}
.component-5 {
flex-flow: column;
}
.heading-22 {
font-size: 36px;
}
.links.footer-text-area {
grid-column-gap: 40px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-36 {
margin-bottom: 40px;
}
.jc_footer._14-breakpoint4 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 56px;
padding-bottom: 56px;
display: flex;
}
.heading-23 {
font-size: 24px;
}
.row-5.footer-logo {
justify-content: center;
align-items: flex-start;
margin-bottom: 40px;
display: flex;
}
.company-logo-2 {
order: 0;
justify-content: center;
align-items: center;
display: flex;
}
.column-18 {
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.heading-24 {
font-size: 36px;
}
.component-7 {
height: auto;
}
.row-6 {
flex-flow: column;
}
.heading-25 {
font-size: 24px;
}
.text-43 {
font-size: 36px;
}
.price, .heading-28, .aipl, .price-2, .price-3, .price-4 {
font-size: 24px;
}
.heading-44, .text-56 {
font-size: 36px;
}
.text-60 {
font-size: 48px;
}
.heading-50 {
font-size: 32px;
}
.date-3, .date-5 {
font-size: 18px;
}
.heading-52, .date-9 {
font-size: 24px;
}
.heading-53 {
font-size: 18px;
}
.heading-54, .heading-55, .date-10 {
font-size: 24px;
}
.heading-56 {
font-size: 18px;
}
.heading-57, .date-11 {
font-size: 24px;
}
.heading-58 {
font-size: 18px;
}
.heading-59, .date-12 {
font-size: 24px;
}
.heading-60 {
font-size: 18px;
}
.timeline-8._1 {
height: auto;
}
.heading-61, .date-13 {
font-size: 24px;
}
.heading-62 {
font-size: 18px;
}
.heading-63, .date-14 {
font-size: 24px;
}
.heading-64 {
font-size: 18px;
}
.text-74 {
font-size: 24px;
}
.text-75 {
text-align: center;
}
.content-style-128 {
justify-content: flex-start;
align-items: center;
}
.heading-65 {
font-size: 28px;
}
.heading-66 {
font-size: 32px;
}
.date-15 {
font-size: 18px;
}
.heading-67, .date-17 {
font-size: 24px;
}
.heading-68 {
font-size: 18px;
}
.heading-69, .heading-70, .date-18 {
font-size: 24px;
}
.heading-71 {
font-size: 18px;
}
.heading-72, .heading-73, .date-19 {
font-size: 24px;
}
.heading-74 {
font-size: 18px;
}
.heading-75, .heading-76, .date-20 {
font-size: 24px;
}
.heading-77 {
font-size: 18px;
}
.heading-78, .heading-79 {
font-size: 24px;
}
.date-21, .heading-80 {
font-size: 18px;
}
.heading-81 {
font-size: 32px;
}
.component-24 {
flex-flow: column;
}
.content-style-162 {
justify-content: flex-start;
align-items: center;
}
.heading-82 {
font-size: 24px;
}
.placeholder-image-8 {
margin-top: 40px;
}
.container-60 {
justify-content: flex-start;
align-items: center;
}
.text-90 {
font-size: 24px;
}
.text-91 {
text-align: center;
}
.content-style-165 {
justify-content: flex-start;
align-items: center;
}
.heading-83 {
font-size: 24px;
}
.component-26 {
flex-flow: column;
height: auto;
}
.heading-84, .heading-85 {
font-size: 36px;
}
.content-style-174 {
flex-flow: column;
}
.heading-87 {
font-size: 36px;
}
.text-97 {
margin-bottom: 40px;
}
.text-98 {
font-size: 60px;
}
.layout-81._671 {
flex-flow: column;
}
.card-6 {
flex-flow: column;
height: auto;
}
.content-style-177 {
height: auto;
}
.heading-88, .heading-89 {
font-size: 32px;
}
.content-style-180 {
justify-content: flex-start;
align-items: center;
}
.heading-91, .date-22, .heading-93 {
font-size: 36px;
}
.privacy-policy-2 {
font-size: 32px;
}
.privacy-policy-2.aboutus-h1 {
width: auto;
max-width: none;
font-size: 36px;
}
.untitled-4 {
line-height: 1.5;
}
.heading-94 {
font-size: 32px;
}
.heading-95 {
font-size: 18px;
}
.heading-96, .heading-98, .heading-100, .heading-102 {
font-size: 32px;
}
.timeline-14._1 {
height: auto;
}
.heading-104 {
font-size: 32px;
}
.text-115 {
margin-bottom: 40px;
}
.date-23 {
font-size: 34px;
}
.heading-105 {
font-size: 18px;
}
.content-style-201 {
flex-flow: column;
}
.heading-106 {
font-size: 32px;
}
.text-116 {
font-size: 40px;
}
.heading-107 {
font-size: 32px;
}
.heading-109 {
font-size: 36px;
}
.header-65-desktop-6 {
height: 320px;
min-height: 320px;
}
.privacy-policy-3 {
font-size: 24px;
}
.untitled-5 {
font-size: 16px;
}
.text-122 {
font-size: 28px;
}
.component-34 {
grid-column-gap: 32px;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 640px;
height: auto;
min-height: 680px;
}
.column-one-2 {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-bottom: 0;
}
.heading-110 {
font-size: 48px;
}
.heading-110.home-hero-heading {
text-align: center;
justify-content: center;
max-width: 640px;
margin-right: auto;
font-size: 34px;
}
.actions-39 {
flex-flow: column;
align-items: center;
display: flex;
}
.button-style-103.is-home-hero-primary-cta {
grid-column-gap: 12px;
width: 100%;
margin-bottom: 60px;
}
.button-style-105 {
flex-flow: column;
width: 100%;
}
.column-two-2 {
width: 100%;
min-width: 0;
max-width: 640px;
height: auto;
margin-right: auto;
}
.text-130 {
flex-flow: row;
justify-content: flex-end;
align-items: center;
}
.link-text-2, .actions-40 {
display: none;
}
.mega-menu-2 {
flex-flow: column;
}
.mega-menu-2.is-navy {
background-color: var(--brand--navy-dark);
}
.blog-2 {
display: none;
}
.menu-5, .blog-13 {
font-size: 12px;
}
.b2b-aicrmbi-2 {
font-size: 48px;
}
.b2b-aicrmbi-2.h1-services {
width: auto;
max-width: none;
font-size: 36px;
line-height: 1.5;
}
.text-170 {
font-size: 36px;
}
.jos-section-1, .pit-section-1 {
font-size: 1.3vw;
}
.heading-123 {
font-size: 18px;
}
.grid-layout.tablet-1-column, .grid-layout.desktop-1-column {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.paragraph-s {
font-size: .875rem;
}
.utility-margin-bottom-0 {
margin-bottom: 0;
}
.utility-padding-all-0 {
padding: 0;
}
.eyebrow {
font-size: .9rem;
}
.tag.is-home-insights-category.tag-is-home-insights-compact-tag {
padding-left: 0;
}
.container-122 {
flex-flow: column;
align-items: center;
}
.top-post-item {
flex-wrap: wrap;
}
.container-123, .container-124 {
flex-flow: column;
align-items: center;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h1 {
font-size: 3.25rem;
}
.insights-title {
font-size: 17px;
}
.blog2_list {
grid-template-columns: 1fr 1fr;
}
.blog2_item.blog2_item-is-insights-list-card {
flex-flow: column;
display: flex;
}
.blog2_item-link.blog2_item-link-is-insights-list-card-link {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog2_meta-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
font-size: 11px;
line-height: 1.3;
}
.blogpost-related-category-tag.text-weight-semibold {
font-size: 9px;
line-height: 1.3;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h2 {
font-size: 2.75rem;
}
.blog-post-header2_image-wrapper {
margin-bottom: 3rem;
}
.navbar1_menu {
border-bottom: 1px solid var(--\);
background-color: var(--\);
-webkit-text-fill-color: inherit;
background-clip: border-box;
padding: 1rem 5% 2rem;
position: absolute;
overflow: auto;
}
.navbar1_link {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.navbar1_menu-dropdown {
width: 100%;
font-size: 1.125rem;
}
.navbar1_dropdown-toggle {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
display: flex;
}
.dropdown-chevron {
inset: auto 0% auto auto;
}
.navbar1_dropdown-list {
position: static;
overflow: hidden;
}
.navbar1_dropdown-list.w--open {
border-style: none;
padding: 0;
}
.navbar1_dropdown-link {
width: auto;
padding: .75rem 0 .75rem 5%;
}
.navbar1_menu-buttons {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
margin-top: 1.5rem;
margin-left: 0;
}
.navbar1_menu-button.w--open {
background-color: #0000;
}
.menu-icon1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon1_line-top {
background-color: var(--\);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-middle {
background-color: var(--\);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon_line-middle-inner {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-bottom {
background-color: var(--\);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.blog3-header_featured-blog {
grid-row-gap: 3.5rem;
grid-template-columns: 1fr;
margin-bottom: 4rem;
}
.heading-medium-4 {
font-size: 1.75rem;
}
.blog3-header_featured-list {
grid-row-gap: 3.5rem;
}
.blog3-header_list {
grid-template-columns: 1fr 1fr;
}
.blog3-newsletter_component {
grid-column-gap: 3rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.blog3-newsletter_content {
margin-right: 0;
}
.blog3-category_heading-wrapper {
grid-column-gap: 3rem;
}
.blog3-category_heading {
margin-right: 3rem;
}
.blog3-category_button-row {
flex: none;
}
.blog3-category_list {
grid-template-columns: 1fr 1fr;
}
.blog3-cta_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer1_top-wrapper {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.blog62_heading-wrapper {
grid-column-gap: 3rem;
}
.blog62_heading {
margin-right: 3rem;
}
.blog62_list {
grid-column-gap: 2rem;
grid-template-columns: 1fr;
}
.tag-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
font-family: Noto Sans JP, sans-serif;
font-size: 11px;
line-height: 1.3;
display: block;
}
.blog5-header_component {
grid-column-gap: 3rem;
grid-template-columns: .25fr 1fr;
}
.blog5-header_featured-list, .blog5-header_list {
grid-column-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.blog5-newsletter_component {
grid-column-gap: 3rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.blog5-newsletter_content {
margin-right: 0;
}
.blog5-latest_heading-wrapper {
grid-column-gap: 3rem;
}
.blog5-latest_heading {
margin-right: 3rem;
}
.blog5-latest_button-row {
flex: none;
}
.blog5-latest_list {
grid-column-gap: 2rem;
grid-template-columns: 1fr;
}
.blog-post1-header_title-wrapper {
margin-bottom: 4rem;
}
.blog-post1-header_image-wrapper {
margin-bottom: 3rem;
padding-top: 56.25%;
}
.blog-post1-content_content {
margin-bottom: 3rem;
}
.blog-post1-related_list {
grid-template-columns: 1fr 1fr;
}
.content30_content {
margin-bottom: 3rem;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.faq7_list {
grid-row-gap: 3rem;
}
.heading-style-h4 {
font-size: 1.75rem;
}
.heading-style-h4.is-home-insights-featured-title {
font-size: 18px;
}
.comparison3_top-row-title {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.comparison3_top-row-content {
padding: 1.5rem 1rem;
}
.blog-post2-content_content {
margin-bottom: 3rem;
}
.blog-post2-related_list {
grid-template-columns: 1fr 1fr;
}
.insights-hero-wrapper {
font-size: 28px;
}
.insights-filter-btn:hover {
transform: none;
}
.collection-list {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list.collection-list-is-insights-list {
grid-template-columns: 1fr;
}
.menu-btn {
flex: 0 auto;
order: 9999;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
display: flex;
position: static;
}
.mobile-menu {
z-index: 999;
color: #fff;
background-color: #0d1b3e;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100vh;
height: 100px;
display: none;
position: fixed;
top: 0;
left: 0;
}
.link, .link-2, .link-3, .link-4, .link-5, .link-6 {
color: #fff;
}
.heading-131 {
font-size: 36px;
}
.text-block-16 {
font-size: 11px;
line-height: 1.3;
display: block;
}
.home-insights-component {
flex-flow: column;
display: flex;
}
.actions-70 {
justify-content: center;
align-items: center;
}
.layout-90._611 {
height: auto;
}
.content-style-346 {
justify-content: flex-start;
align-items: center;
}
.blog10_featured-blog {
grid-row-gap: 3.5rem;
grid-template-columns: 1fr;
}
.blog10_featured-blog.is-home-insights-layout {
grid-template-columns: 1.15fr;
display: flex;
}
.blog10_item-link.is-home-insights-featured-link:hover {
transform: none;
}
.blog10_image-wrapper.is-home-insights-compact-image-wrap {
flex-basis: 100px;
}
.blog10_meta-wrapper {
flex-flow: column;
}
.text-size-small.text-weight-semibold.home-insights-read-time-number {
line-height: 1.7;
}
.blog10_featured-list {
grid-row-gap: 3.5rem;
}
.blog10_featured-item.blog10_featured-item-is-home-insights-compact-card {
margin-bottom: 0;
}
.blog10_featured-item-link.is-home-insights-compact-link:hover {
transform: none;
}
.blog10_list {
grid-template-columns: 1fr 1fr;
}
.text-block-22 {
font-size: 1px;
}
.text-block-22.read-time-tablet {
color: #8b6f1f;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
line-height: 1.7;
}
.text-block-26 {
line-height: 1.7;
}
.text-block-26.read-publish-date-tablet {
color: #5c6678;
}
.text-block-27 {
line-height: 1.7;
}
.text-block-27.tablet-read-text {
font-size: 10px;
}
.hero-title {
font-size: clamp(34px, 4.1vw, 54px);
}
.article-layout {
display: block;
}
.sidebar-inner.is-sticky {
position: static;
}
.related {
padding-bottom: 64px;
}
.navbar5_dropdown-content-right {
align-items: flex-start;
max-width: none;
}
.navbar5_menu-left {
flex-flow: column;
}
.navbar5_link {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.navbar5_dropdown-content {
flex-direction: column;
}
.navbar5_menu-button.w--open {
background-color: var(--\);
}
.navbar5_dropdown-background-layer {
min-width: 100%;
}
.navbar5_menu-right {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
margin-top: 1.5rem;
}
.navbar5_blog-list {
width: 100%;
}
.navbar5_menu {
border-bottom: 1px solid var(--\);
-webkit-text-fill-color: inherit;
background-color: #1a2b4c;
background-clip: border-box;
align-items: flex-start;
height: 100dvh;
margin-left: 0;
padding: 1rem 5% 6.5rem;
transition: height .5s;
position: absolute;
overflow: auto;
}
.navbar5_dropdown-content-left {
align-content: start;
align-items: start;
padding-left: 0;
padding-right: 0;
}
.navbar5_large-item-content {
width: 100%;
}
.menu-icon1_line-top-2 {
background-color: var(--\);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar5_dropdown-list {
position: relative;
overflow: hidden;
}
.navbar5_dropdown-list.w--open {
border-style: none;
align-items: flex-start;
min-width: auto;
margin-bottom: 1.5rem;
padding: 0 0 0;
position: relative;
top: 0;
left: 0;
right: 0;
}
.menu-icon1_line-bottom-2 {
background-color: var(--\);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar5_container {
z-index: 1000;
min-height: 72px;
position: sticky;
top: 0;
}
.navbar5_menu-dropdown {
width: 100%;
position: relative;
}
.navbar5_dropdown-toggle {
justify-content: center;
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
font-size: 1.125rem;
display: flex;
}
.navbar5_component {
background-color: #1a2b4c;
display: flex;
}
.navbar5_blog-item {
width: 100%;
}
.menu-icon1_line-middle-2 {
background-color: var(--\);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar5_dropdown-content-wrapper {
width: 100%;
}
.menu-icon1_line-middle-inner {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-bottom-3 {
background-color: var(--\);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar6_dropdown-content-left {
padding-left: 0;
padding-right: 0;
}
.navbar6_menu-dropdown {
width: 100%;
}
.menu-icon5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar6_dropdown-list {
inset: 0% 0% auto;
overflow: hidden;
}
.navbar6_dropdown-list.w--open {
border-style: none;
align-items: flex-start;
padding: 0 0 0;
position: relative;
top: 0;
}
.navbar6_dropdown-toggle {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
font-size: 1.125rem;
display: flex;
}
.navbar6_menu-right {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
margin-top: 1.5rem;
}
.navbar6_menu {
border-bottom: 1px solid var(--\);
background-color: var(--\);
-webkit-text-fill-color: inherit;
background-clip: border-box;
align-items: flex-start;
height: 100dvh;
margin-left: 0;
padding: 1rem 5% 6.5rem;
transition: height .5s;
position: absolute;
overflow: auto;
}
.navbar6_dropdown-background-layer {
min-width: 100%;
}
.navbar6_menu-button.w--open {
background-color: var(--\);
}
.navbar6_link {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.navbar6_dropdown-content-right {
max-width: 50rem;
margin-bottom: 1rem;
}
.navbar6_dropdown-content {
flex-direction: column;
}
.navbar25_dropdown-content {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
grid-template-columns: 1fr;
}
.navbar25_menu-dropdown, .navbar25_dropdown-background {
width: 100%;
}
.navbar25_menu {
background-color: var(--\);
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-bottom: 1px solid #000;
align-items: flex-start;
height: 100dvh;
margin-left: 0;
padding: 1rem 5% 6.5rem;
transition: height .5s;
position: absolute;
overflow: auto;
}
.navbar25_menu-button.w--open {
background-color: #0000;
}
.heading-style-h4-2 {
font-size: 1.75rem;
}
.navbar25_dropdown-content-right {
border-radius: var(--\);
padding-left: 2rem;
padding-right: 2rem;
}
.navbar25_link {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.navbar25_menu-right {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
margin-top: 1.5rem;
}
.navbar25_dropdown-list {
position: relative;
overflow: hidden;
}
.navbar25_dropdown-list.w--open {
border-bottom-style: none;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
position: relative;
top: 0;
}
.navbar25_dropdown-content-left {
max-width: none;
}
.navbar25_dropdown-toggle {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
font-size: 1.125rem;
display: flex;
}
.text-196.privacypolicy-h1 {
font-size: 38px;
}
.privacy-policy-9 {
font-size: 28px;
}
.text-202, .text-203 {
line-height: 1.5;
}
.text-204 {
font-size: 48px;
}
.text-204.services-h1 {
width: auto;
max-width: none;
font-size: 36px;
}
.text-205 {
font-size: 36px;
}
.text-205.method-h1 {
width: auto;
font-size: 30px;
}
.privacy-policy-10.whynow-h1 {
width: auto;
max-width: none;
font-size: 38px;
}
.header-65-desktop-21 {
height: 320px;
min-height: 320px;
}
.privacy-policy-11 {
font-size: 24px;
}
.privacy-policy-11.abputs-h1 {
width: 100%;
}
.untitled-29 {
font-size: 16px;
}
.untitled-29.aboutus-h1below {
font-size: 17px;
line-height: 1.5;
}
.untitled-29.thanks-h1 {
font-size: 28px;
}
.header-65-desktop-22 {
height: 320px;
min-height: 320px;
}
.privacy-policy-12 {
font-size: 24px;
}
.privacy-policy-12.thanks-h1below {
font-size: 16px;
}
.untitled-30 {
font-size: 17px;
}
.heading-138, .heading-139, .heading-140, .heading-141, .heading-142, .heading-143, .heading-144, .heading-145, .heading-146, .heading-147, .heading-148, .heading-149, .heading-150, .heading-151, .heading-152, .heading-153, .heading-154, .heading-155, .heading-156 {
font-size: 24px;
}
.heading-157 {
font-size: 18px;
}
.heading-158, .heading-159, .heading-160 {
font-size: 24px;
}
.heading-161, .heading-162, .heading-163, .heading-164, .heading-165, .heading-166, .heading-167 {
font-size: 18px;
}
.heading-168, .heading-169, .heading-170, .heading-171, .heading-172, .heading-173, .heading-174, .heading-175, .heading-176, .heading-177 {
font-size: 24px;
}
.heading-178 {
font-size: 18px;
}
.heading-179, .heading-180, .heading-181, .heading-182, .heading-183, .heading-184, .heading-185, .heading-186, .heading-187, .heading-188, .heading-189 {
font-size: 24px;
}
.heading-190 {
font-size: 18px;
}
.heading-191, .heading-192, .heading-193, .heading-194, .heading-196, .heading-197, .heading-198, .heading-199, .heading-200, .heading-201, .heading-202, .heading-203, .heading-204, .heading-205, .heading-206, .heading-207, .heading-208, .heading-209, .heading-210, .heading-211, .heading-212 {
font-size: 24px;
}
.heading-213 {
font-size: 18px;
}
.heading-214 {
font-size: 24px;
}
.menu-icon1_line-bottom-4, .menu-icon1_line-top-3 {
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar5_link-2 {
width: auto;
padding: .75rem 0;
font-size: 1.125rem;
}
.menu-icon1_line-middle-3 {
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar5_component-2 {
background-color: #1a2b4c;
display: flex;
}
.navbar5_dropdown-list-2 {
position: relative;
overflow: hidden;
}
.navbar5_dropdown-list-2.w--open {
border-style: none;
align-items: flex-start;
min-width: auto;
margin-bottom: 1.5rem;
padding: 0 0 0;
position: relative;
top: 0;
left: 0;
right: 0;
}
.navbar5_menu-2 {
-webkit-text-fill-color: inherit;
background-color: #1a2b4c;
background-clip: border-box;
border-bottom-style: solid;
border-bottom-width: 1px;
align-items: flex-start;
height: 100dvh;
margin-left: 0;
padding: 1rem 5% 6.5rem;
transition: height .5s;
position: absolute;
overflow: auto;
}
.menu-icon1_line-bottom-5, .menu-icon1_line-top-4 {
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon1_line-middle-4 {
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar5_component-3 {
background-color: #1a2b4c;
display: flex;
}
.navbar5_dropdown-list-3 {
position: relative;
overflow: hidden;
}
.navbar5_dropdown-list-3.w--open {
border-style: none;
align-items: flex-start;
min-width: auto;
margin-bottom: 1.5rem;
padding: 0 0 0;
position: relative;
top: 0;
left: 0;
right: 0;
}
.insight-section-body-richtext {
font-size: 14px;
line-height: 2;
}
}
@media screen and (max-width: 767px) {
.component-2 {
flex-flow: column;
}
.heading-5 {
margin-bottom: 40px;
font-size: 24px;
}
.content-style-20 {
flex-flow: column;
}
.heading-17 {
margin-bottom: 40px;
font-size: 24px;
}
.stats-6 {
flex-flow: column;
}
.container-11.footer-contena {
display: flex;
}
.text-24 {
text-align: center;
}
.text-23 {
font-size: 24px;
}
.text-26 {
text-align: center;
}
.heading-8 {
margin-bottom: 40px;
font-size: 24px;
}
.column-7 {
flex-flow: column;
}
.heading-12 {
margin-bottom: 40px;
font-size: 24px;
}
.layout-4._623 {
height: auto;
}
.section-title {
flex-flow: column;
}
.row-3 {
grid-column-gap: 0px;
grid-row-gap: 32px;
}
.list-item-3, .stats-7, .content-style-15 {
flex-flow: column;
}
.placeholder-image-2 {
align-self: center;
}
.stat-3 {
text-align: center;
display: none;
}
.text-17 {
font-size: 70px;
}
.stat-4 {
text-align: center;
}
.heading-14 {
margin-bottom: 40px;
font-size: 24px;
}
.stat-5 {
text-align: center;
}
.home-insights-header-b {
justify-content: center;
place-items: center;
display: flex;
}
.home-insights-heading-b {
font-size: 24px;
}
.date {
font-size: 18px;
}
.placeholder-image-3 {
display: none;
}
.container-13 {
display: flex;
}
.heading-19, .heading-21 {
font-size: 24px;
}
.button-style-25 {
margin-bottom: 40px;
}
.component-5 {
flex-flow: column;
}
.heading-22 {
font-size: 28px;
}
.text-35 {
font-size: 16px;
}
.links {
grid-column-gap: 0px;
grid-row-gap: 24px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-36 {
margin-bottom: 40px;
}
.button-style-30 {
font-size: 12px;
}
.heading-23 {
font-size: 18px;
}
.column-18 {
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.button-style-31 {
font-size: 12px;
}
.heading-24 {
font-size: 24px;
}
.card {
margin-bottom: 40px;
}
.heading-25 {
font-size: 18px;
}
.actions-9 {
justify-content: center;
align-items: center;
}
.text-43 {
font-size: 24px;
}
.heading-27, .price {
font-size: 18px;
}
.button-style-35 {
font-size: 14px;
}
.aipl {
font-size: 24px;
}
.heading-31, .price-2 {
font-size: 18px;
}
.button-style-37 {
font-size: 14px;
}
.heading-34, .price-3 {
font-size: 18px;
}
.button-style-39 {
font-size: 14px;
}
.heading-37, .price-4 {
font-size: 18px;
}
.button-style-41 {
font-size: 14px;
}
.heading-40 {
font-size: 18px;
}
.button-style-43 {
font-size: 14px;
}
.heading-42 {
font-size: 18px;
}
.button-style-45 {
font-size: 14px;
}
.heading-44 {
font-size: 24px;
}
.heading-45, .heading-46 {
font-size: 16px;
}
.heading-47, .text-55, .heading-48, .button-style-47 {
font-size: 14px;
}
.text-56 {
font-size: 24px;
}
.text-57 {
text-align: center;
}
.content-style-84 {
justify-content: flex-start;
align-items: center;
}
.heading-49 {
font-size: 24px;
}
.heading-50 {
font-size: 18px;
}
.timeline-progress-2 {
flex-flow: column;
}
.date-4 {
margin-bottom: 40px;
}
.heading-52, .date-9 {
font-size: 24px;
}
.heading-53 {
font-size: 18px;
}
.heading-54 {
font-size: 36px;
}
.heading-55, .date-10 {
font-size: 24px;
}
.heading-56 {
font-size: 18px;
}
.heading-57, .date-11 {
font-size: 24px;
}
.heading-58 {
font-size: 18px;
}
.heading-59, .date-12 {
font-size: 24px;
}
.heading-60 {
font-size: 18px;
}
.heading-61, .date-13 {
font-size: 24px;
}
.heading-62 {
font-size: 18px;
}
.heading-63, .date-14 {
font-size: 24px;
}
.heading-64 {
font-size: 18px;
}
.text-74 {
font-size: 24px;
}
.row-10 {
flex-flow: column;
}
.text-76 {
margin-bottom: 20px;
}
.heading-65 {
font-size: 24px;
}
.heading-66 {
font-size: 28px;
}
.heading-67, .date-17, .heading-69, .heading-70, .date-18, .heading-72, .heading-73, .date-19, .heading-75, .heading-76, .date-20, .heading-78, .heading-79, .date-21, .heading-81 {
font-size: 32px;
}
.component-24 {
flex-flow: column;
}
.content-style-162 {
justify-content: flex-start;
align-items: center;
margin-bottom: 40px;
}
.heading-82 {
font-size: 32px;
}
.text-91 {
text-align: center;
}
.content-style-165 {
justify-content: flex-start;
align-items: center;
}
.privacy-policy {
font-size: 36px;
}
.heading-84 {
font-size: 28px;
}
.placeholder-image-9 {
aspect-ratio: 1;
width: 100%;
max-width: none;
}
.heading-85, .heading-87 {
font-size: 28px;
}
.actions-33 {
justify-content: center;
align-items: center;
}
.heading-89, .heading-91, .date-22, .heading-93 {
font-size: 28px;
}
.privacy-policy-2 {
font-size: 24px;
}
.privacy-policy-2.aboutus-h1 {
font-size: 28px;
}
.untitled-4 {
font-size: 17px;
}
.heading-94, .heading-96, .heading-98 {
font-size: 24px;
}
.heading-99 {
font-size: 18px;
}
.heading-100 {
font-size: 24px;
}
.heading-101 {
font-size: 18px;
}
.heading-102, .heading-104, .date-23 {
font-size: 24px;
}
.heading-105 {
font-size: 18px;
}
.heading-106 {
font-size: 28px;
}
.text-116 {
font-size: 32px;
}
.heading-107, .heading-109 {
font-size: 28px;
}
.privacy-policy-3 {
font-size: 18px;
}
.untitled-5 {
font-size: 14px;
}
.header-114 {
grid-column-gap: 40px;
padding-left: 32px;
padding-right: 32px;
}
.component-34 {
box-sizing: content-box;
flex-flow: column;
height: auto;
min-height: 680px;
}
.column-one-2 {
margin-top: 40px;
}
.heading-110 {
font-size: 40px;
}
.actions-39 {
flex-flow: row;
justify-content: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.button-style-103 {
flex-flow: row;
flex: 1;
}
.button-style-105 {
flex: 1;
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.column-two-2 {
justify-content: center;
align-items: center;
height: auto;
}
.text-130 {
margin-top: 40px;
padding-top: 0;
}
.mega-menu-2.is-navy {
background-color: var(--brand--navy-dark);
}
.b2b-aicrmbi-2 {
font-size: 36px;
line-height: 140%;
}
.b2b-aicrmbi-2.h1-services {
font-size: 28px;
}
.jos-grid-1 {
grid-column-gap: 3.5em;
grid-row-gap: 3.5em;
}
.jos-section-1 {
padding: 5em 3em;
font-size: 1.69vw;
}
.pit-wrap-9 {
margin-right: 1.5em;
}
.pit-section-1 {
padding-left: 3em;
padding-right: 3em;
font-size: 1.69vw;
}
.heading-123 {
font-size: 16px;
}
.text-180 {
font-size: 18px;
}
.text-181 {
font-size: 16px;
}
.text-183 {
font-size: 18px;
}
.utility-padding-all-2rem {
padding: 1rem;
}
.paragraph-s {
font-size: .875rem;
}
.utility-margin-bottom-0 {
margin-bottom: 0;
}
.utility-margin-top-2rem {
margin-top: 1rem;
}
.utility-padding-all-0 {
padding: 0;
}
.utility-padding-top-4rem {
padding-top: 2rem;
}
.utility-padding-bottom-4rem {
padding-bottom: 2rem;
}
.utility-padding-all-4rem {
padding: 1.5rem;
}
.utility-margin-bottom-2rem {
margin-bottom: 1rem;
}
.utility-margin-bottom-4rem {
margin-bottom: 2rem;
}
.eyebrow {
font-size: .8rem;
}
.top-post {
margin-top: 0;
padding-top: 135px;
}
.padding-section-large {
padding-top: 48px;
padding-bottom: 48px;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.max-width-large.align-center {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: none;
display: flex;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.insights-title {
font-size: 18px;
line-height: 1.5;
}
.category-filter-menu {
width: 100vw;
margin-left: -5vw;
padding-left: 5vw;
overflow: scroll;
}
.category-filter-link.last-link {
margin-right: 2rem;
}
.blog2_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.blog2_item {
margin-bottom: 40px;
}
.blog2_item.blog2_item-is-insights-list-card {
flex-flow: column;
display: flex;
}
.heading-style-h5 {
font-size: 1.25rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h2 {
font-size: 2.25rem;
}
.blog-post-header2_image-wrapper {
margin-bottom: 2rem;
}
.blog-post-header2_content-bottom {
flex-direction: column;
}
.navbar1_component {
height: auto;
min-height: 4rem;
}
.navbar1_logo-link {
padding-left: 0;
}
.blog3-header_heading-wrapper {
margin-bottom: 1.5rem;
}
.blog3-header_featured-blog {
grid-template-columns: 1fr;
margin-bottom: 3rem;
}
.blog3-header_image-wrapper {
padding-top: 66%;
}
.heading-medium-4 {
font-size: 1.5rem;
line-height: 1.4;
}
.blog3-header_featured-list {
grid-row-gap: 2rem;
}
.blog3-header_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.blog3-newsletter_component {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.blog3-newsletter_content {
margin-right: 0;
}
.blog3-category_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.blog3-category_heading {
margin-right: 0;
}
.blog3-category_button-row {
justify-content: flex-start;
width: 100%;
}
.blog3-category_button-row.mobile-landscape {
margin-top: 2.5rem;
display: flex;
}
.blog3-category_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.blog3-cta_component {
grid-row-gap: 3rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer1_top-wrapper {
grid-row-gap: 3rem;
}
.footer1_menu-wrapper {
grid-column-gap: 1.5rem;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.footer1_bottom-wrapper {
flex-direction: column-reverse;
align-items: flex-start;
padding-bottom: 1rem;
}
.footer1_credit-text {
margin-top: 1.5rem;
}
.footer1_legal-list {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
grid-auto-flow: row;
}
.blog62_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.blog62_heading {
margin-right: 0;
}
.blog62_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.blog62_item-link {
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-columns: 1fr;
}
.blog62_image-wrapper {
height: 100%;
}
.show-mobile-landscape, .tag-5 {
display: block;
}
.blog5-header_component {
grid-template-columns: 1fr;
}
.blog5-header_category-menu {
overflow: scroll;
}
.blog5-header_featured-list {
grid-row-gap: 3.5rem;
grid-template-columns: 1fr;
margin-bottom: 3rem;
}
.blog5-header_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.blog5-newsletter_component {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.blog5-newsletter_content {
margin-right: 0;
}
.blog5-latest_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.blog5-latest_heading {
margin-right: 0;
}
.blog5-latest_button-row {
justify-content: flex-start;
width: 100%;
}
.blog5-latest_button-row.mobile-landscape {
margin-top: 2.5rem;
display: flex;
}
.blog5-latest_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.blog5-latest_item {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.blog5-latest_image-wrapper {
height: 100%;
}
.blog-post1-header_title-wrapper {
margin-bottom: 3rem;
}
.blog-post1-content_content {
margin-bottom: 2rem;
}
.blog-post1-content_divider {
margin-top: 2rem;
margin-bottom: 2rem;
}
.blog-post1-related_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.content30_component.blogpost-layout-grid.insights-layout-grid.is-insights-index {
grid-template-columns: 3fr;
}
.content30_content-top {
flex-flow: column;
margin-bottom: 2rem;
}
.content30_content {
margin-bottom: 2rem;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.content30_author-wrapper {
flex-flow: column;
flex: 0 auto;
padding: 24px;
position: sticky;
}
.content30_author-text {
display: block;
}
.faq7_list {
grid-row-gap: 2.5rem;
}
.heading-style-h4 {
font-size: 1.5rem;
line-height: 1.4;
}
.comparison3_top-row {
grid-template-columns: 1fr 1fr 1fr;
}
.comparison3_top-row-title {
display: none;
}
.heading-style-h6 {
font-size: 1.125rem;
}
.comparison3_row {
grid-template-columns: 1fr 1fr 1fr;
}
.comparison3_feature {
border-bottom: 1px solid var(--\);
padding-right: 1rem;
}
.comparison3_row-content {
padding-left: 1rem;
padding-right: 1rem;
}
.blog-post2-content_content-top, .blog-post2-content_content {
margin-bottom: 2rem;
}
.blog-post2-content_divider {
margin-top: 2rem;
margin-bottom: 2rem;
}
.blog-post2-related_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.insights-hero-wrapper {
font-size: 24px;
}
.insights-tab.last-link {
margin-right: 2rem;
}
.insights-filter-menu {
text-align: center;
}
.insights-filter-menu.is-insights-filter-mobile {
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 12px 20px;
}
.insights-filter-menu.is-insights-filter-mobile.is-mobile-filter-btn {
flex-flow: wrap;
flex: 0 auto;
}
.insights-filter-btn {
min-width: 112px;
height: 44px;
padding-left: 16px;
padding-right: 16px;
}
.collection-list {
display: block;
}
.text-block-7 {
text-align: left;
}
.menu-btn {
order: 0;
position: static;
top: 16px;
right: 16px;
}
.mobile-menu {
display: none;
}
.heading-131 {
font-size: 28px;
}
.text-191 {
font-size: 16px;
}
.heading-136 {
font-size: 36px;
}
.heading-137 {
font-size: 18px;
}
.text-size-medium {
font-size: 1rem;
}
.blog10_heading-wrapper {
margin-bottom: 1.5rem;
}
.blog10_featured-blog {
grid-template-columns: 1fr;
}
.blog10_featured-list {
grid-row-gap: 2rem;
}
.blog10_featured-item-link {
flex-flow: column;
}
.blog10_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.topbar {
align-items: flex-start;
}
.topbar-status {
display: none;
}
.result-shell {
border-radius: 26px;
}
.hero-main {
padding: 28px 20px;
}
.score-card {
border-radius: 22px;
padding: 24px 20px;
}
.score-top {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: flex-start;
}
.metrics-grid {
grid-template-columns: 1fr;
}
.hero-side {
padding: 28px 20px;
}
.summary-card {
padding: 24px 20px;
}
.content {
padding: 28px 20px;
}
.breakdown-top {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
}
.breakdown-status {
white-space: normal;
}
.package-section {
padding: 28px 20px;
}
.btn-main {
width: 100%;
min-width: 0;
}
.save-panel, .footer-cta {
padding: 28px 20px;
}
.btn-white {
width: 100%;
min-width: 0;
}
.disclaimer {
text-align: left;
}
.topbar-2 {
align-items: flex-start;
}
.topbar-status-2 {
display: none;
}
.diagnostic-shell {
border-radius: 26px;
}
.hero-main-2 {
padding: 28px 20px;
}
.eyebrow-3 {
letter-spacing: .12em;
}
.vwwh5k {
font-size: 31px;
}
.subline {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 36px;
}
.lead-2 {
font-size: 13.5px;
}
.point-chip {
min-height: auto;
}
.hero-side-2 {
padding: 28px 20px;
}
.flow-card {
padding: 24px 20px;
}
.stats-grid {
grid-template-columns: 1fr;
}
.content-2 {
padding: 28px 20px;
}
.score-preview {
border-radius: 22px;
padding: 24px 20px;
}
.cta-section-2 {
padding: 28px 20px;
}
.cta-card {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 28px 20px;
}
.btn-main-2 {
width: 100%;
min-width: 0;
}
.disclaimer-2 {
text-align: left;
}
.topbar-3 {
align-items: flex-start;
}
.topbar-status-3 {
display: none;
}
.result-shell-2 {
border-radius: 26px;
}
.hero-main-3 {
padding: 28px 20px;
}
.gain-strip {
grid-template-columns: 1fr;
}
.gain-item {
border-radius: 14px;
justify-content: flex-start;
}
.impact-panel {
border-radius: 22px;
padding: 24px 20px;
}
.impact-head {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: flex-start;
}
.metrics-grid-2 {
grid-template-columns: 1fr;
}
.hero-side-3 {
grid-template-columns: 1fr;
padding: 28px 20px;
}
.btn-main-3 {
width: 100%;
min-width: 0;
}
.section-7 {
padding: 28px 20px;
}
.breakdown-top-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
}
.breakdown-status-2, .breakdown-status-3, .breakdown-status-4, .breakdown-status-5 {
white-space: normal;
}
.section-8, .save-main, .save-side, .footer-cta-2 {
padding: 28px 20px;
}
.footer-buttons {
flex-direction: column;
}
.btn-white-2, .btn-secondary-2 {
width: 100%;
min-width: 0;
}
.disclaimer-3 {
text-align: left;
}
.container-127 {
width: calc(100% - 28px);
padding: 22px 0 38px;
}
.site-header {
align-items: flex-start;
}
.header-label {
display: none;
}
.hero-main-4 {
padding: 28px 20px;
}
.hero-title {
font-size: 32px;
}
.meta-row {
flex-direction: column;
align-items: flex-start;
}
.hero-side-4, .article-main {
padding: 28px 20px;
}
.section-heading {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.metric-grid, .metric-grid.optional-block, .checklist-grid, .author-footer {
grid-template-columns: 1fr;
}
.article-sidebar {
padding: 28px 20px;
}
.related {
padding: 28px 20px 48px;
}
.final-cta {
padding: 28px 20px;
}
.final-buttons {
flex-direction: column;
}
.final-button, .final-button.gold, .final-button-2 {
width: 100%;
min-width: 0;
}
.topbar-4 {
align-items: flex-start;
}
.topbar-status-4 {
display: none;
}
.shell {
border-radius: 26px;
}
.hero-main-5 {
padding: 28px 20px;
}
.eyebrow-6 {
letter-spacing: .12em;
}
.c4sj6e {
font-size: 31px;
}
.lead-4 {
font-size: 13.5px;
}
.point-chip-2 {
min-height: auto;
}
.hero-side-5 {
padding: 28px 20px;
}
.flow-card-2 {
padding: 24px 20px;
}
.stats-grid-2 {
grid-template-columns: 1fr;
}
.content-3 {
padding: 28px 20px;
}
.calc-card {
padding: 24px 20px;
}
.input-list {
grid-template-columns: 1fr;
}
.preview-panel {
border-radius: 22px;
padding: 24px 20px;
}
.save-card {
padding: 24px 20px;
}
.cta-section-3 {
padding: 28px 20px;
}
.cta-card-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 28px 20px;
}
.btn-main-4 {
width: 100%;
min-width: 0;
}
.disclaimer-4 {
text-align: left;
}
.navbar5_dropdown-content-right {
padding: 1.5rem;
}
.navbar5_menu {
padding-bottom: 6rem;
}
.navbar5_dropdown-content-left {
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.navbar5_dropdown-link-list {
grid-row-gap: .5rem;
max-width: none;
}
.navbar5_container {
z-index: 1000;
position: sticky;
top: 0;
}
.navbar5_component {
min-height: 4rem;
}
.navbar5_blog-item {
grid-template-columns: .6fr 1fr;
}
.navbar6_dropdown-content-left {
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.navbar6_menu {
padding-bottom: 6rem;
}
.navbar6_dropdown-link-list {
grid-row-gap: .5rem;
max-width: none;
}
.navbar6_dropdown-content-right {
padding: 1.5rem;
}
.navbar6_component {
min-height: 4rem;
}
.navbar25_menu {
padding-bottom: 6rem;
}
.heading-style-h4-2 {
font-size: 1.5rem;
line-height: 1.4;
}
.navbar25_dropdown-content-right {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
}
.navbar25_image-wrapper {
height: 100%;
}
.navbar25_component {
min-height: 4rem;
}
.navbar25_dropdown-content-left {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: none;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.privacy-policy-8 {
font-size: 28px;
}
.untitled-27 {
font-size: 17px;
}
.privacy-policy-9 {
font-size: 24px;
}
.untitled-28, .text-203 {
font-size: 17px;
}
.text-205.method-h1 {
font-size: 24px;
}
.privacy-policy-10 {
font-size: 36px;
}
.privacy-policy-10.whynow-h1 {
font-size: 28px;
}
.privacy-policy-11 {
font-size: 18px;
}
.untitled-29 {
font-size: 14px;
}
.privacy-policy-12 {
font-size: 18px;
}
.privacy-policy-12.thanks-h1below {
font-size: 15px;
}
.hero-main-6 {
padding: 28px 20px;
}
.final-button-3 {
width: 100%;
min-width: 0;
}
.hero-side-6 {
padding: 28px 20px;
}
.final-button-4, .final-button-4.gold {
width: 100%;
min-width: 0;
}
.navbar5_component-2 {
min-height: 4rem;
}
.navbar5_menu-2 {
padding-bottom: 6rem;
}
.navbar5_component-3 {
min-height: 4rem;
}
.insight-section-body-richtext {
font-size: 14px;
line-height: 1.9;
}
}
@media screen and (max-width: 479px) {
.footer-inner {
padding-bottom: 64px;
padding-left: 32px;
}
.container-4 {
flex-flow: column;
}
.component-2 {
grid-column-gap: 24px;
flex-flow: column;
}
.heading-5 {
margin-bottom: 16px;
font-size: 24px;
}
.text-2 {
margin-bottom: 0;
}
.component-3 {
flex-flow: wrap;
}
.heading-6 {
margin-bottom: 16px;
}
.row, .content-style-20 {
flex-flow: column;
}
.heading-17 {
margin-bottom: 40px;
font-size: 24px;
}
.stats-6 {
flex-flow: column;
}
.container-11.footer-contena {
align-items: center;
}
.text-23 {
font-size: 28px;
}
.container-8 {
flex: 0 auto;
}
.heading-8 {
margin-bottom: 40px;
font-size: 24px;
}
.column-7 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: auto;
}
.heading-12 {
margin-bottom: 40px;
font-size: 24px;
}
.section-title {
flex-flow: column;
}
.row-3 {
grid-column-gap: 24px;
}
.stats-7 {
flex-flow: column;
}
.heading-14 {
font-size: 24px;
}
.layout-5._611 {
height: auto;
}
.home-insights-header-b {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.button-style-12, .button-style-10 {
font-size: 14px;
}
.home-insights-heading-b {
font-size: 24px;
}
.row-4 {
flex-flow: column;
}
.placeholder-image-3 {
aspect-ratio: 1;
width: 100%;
max-width: none;
}
.timeline._19-desktop {
flex-flow: column;
}
.heading-19 {
font-size: 24px;
}
.timeline-progress {
flex-flow: column;
}
.heading-21 {
font-size: 24px;
}
.actions-6 {
aspect-ratio: 1;
border-style: none;
justify-content: center;
align-items: center;
width: 100%;
}
.button-style-26 {
text-align: center;
font-size: 14px;
}
.button-style-25 {
border-style: none;
}
.component-5 {
flex-flow: column;
}
.button-style-28 {
font-size: 14px;
}
.heading-22 {
font-size: 16px;
}
.text-35 {
font-size: 14px;
line-height: 170%;
}
.column-17 {
flex-flow: column;
}
.column-16 {
flex-flow: column;
justify-content: center;
align-items: center;
}
.links {
grid-template-columns: 1fr 1fr;
}
.links.footer-text-area {
grid-column-gap: 32px;
grid-template-columns: 1fr;
justify-content: start;
place-items: start;
}
.text-36 {
margin-bottom: 40px;
}
.jc_footer._14-breakpoint4 {
justify-content: center;
}
.column-15 {
grid-column-gap: 16px;
grid-row-gap: 80px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.button-style-30 {
font-size: 14px;
}
.heading-23 {
font-size: 18px;
}
.row-5.footer-logo {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.column-18 {
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.heading-24 {
font-size: 24px;
}
.row-6 {
grid-column-gap: 0px;
}
.heading-25 {
font-size: 24px;
}
.button-style-33 {
font-size: 12px;
}
.row-7 {
grid-row-gap: 32px;
flex-flow: column;
}
.content-style-41, .content-style-42, .content-style-43 {
height: auto;
}
.text-43 {
font-size: 18px;
}
.content-style-46 {
flex-flow: column;
}
.text-45 {
margin-bottom: 40px;
font-size: 14px;
}
.heading-27, .price {
font-size: 14px;
}
.check {
font-size: 12px;
}
.component-8 {
flex-flow: column;
}
.heading-28 {
font-size: 18px;
}
.text-46 {
margin-bottom: 40px;
}
.tagline-wrapper-8 {
flex-flow: column;
}
.aipl {
font-size: 18px;
}
.content-style-52 {
flex-flow: column;
}
.text-47 {
margin-bottom: 40px;
font-size: 14px;
}
.heading-31, .price-2 {
font-size: 14px;
}
.button-style-36 {
font-size: 10px;
}
.component-9, .content-style-58 {
flex-flow: column;
}
.text-48, .heading-34, .price-3 {
font-size: 14px;
}
.component-10, .content-style-64 {
flex-flow: column;
}
.text-49 {
margin-bottom: 40px;
font-size: 14px;
}
.heading-37 {
font-size: 14px;
}
.price-4 {
font-size: 16px;
}
.component-11 {
flex-flow: column;
}
.content-style-70 {
grid-row-gap: 32px;
flex-flow: column;
}
.content-style-71 {
flex-flow: column;
}
.text-50 {
margin-bottom: 40px;
font-size: 14px;
}
.heading-40 {
font-size: 16px;
}
.component-12, .content-style-76 {
flex-flow: column;
}
.text-52 {
font-size: 14px;
}
.component-13 {
flex-flow: column;
}
.heading-44 {
font-size: 18px;
}
.row-8 {
height: auto;
font-size: 11px;
}
.table-cell {
height: auto;
}
.heading-45 {
font-size: 14px;
}
.table-cell-2 {
height: auto;
}
.heading-46 {
font-size: 14px;
}
.table-cell-3 {
height: auto;
font-size: 8px;
}
.heading-47, .text-55, .heading-48 {
font-size: 12px;
}
.container-32 {
grid-row-gap: 32px;
}
.row-9 {
flex-flow: column;
}
.text-58 {
margin-bottom: 40px;
}
.button-style-49 {
font-size: 14px;
}
.heading-49, .text-60, .heading-50 {
font-size: 24px;
}
.button-style-54, .button-style-56 {
font-size: 14px;
}
.timeline-progress-2 {
flex-flow: column;
}
.content-style-97 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.content-style-98 {
text-align: center;
justify-content: center;
align-items: center;
}
.heading-52 {
font-size: 24px;
}
.button-style-61 {
text-align: center;
}
.date-9 {
text-align: center;
font-size: 24px;
}
.heading-53 {
text-align: center;
font-size: 18px;
}
.component-15 {
flex-flow: column;
}
.heading-54 {
text-align: center;
margin-bottom: 40px;
font-size: 18px;
}
.content-style-102 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.content-style-103 {
justify-content: center;
align-items: center;
}
.heading-55, .date-10 {
font-size: 24px;
}
.component-16 {
text-align: center;
flex-flow: column;
}
.content-style-107 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.content-style-108 {
justify-content: center;
align-items: center;
}
.heading-57, .date-11 {
font-size: 24px;
}
.heading-58 {
font-size: 18px;
}
.component-17 {
flex-flow: column;
}
.content-style-112 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.content-style-113 {
justify-content: center;
align-items: center;
}
.heading-59, .date-12 {
font-size: 24px;
}
.heading-60 {
font-size: 18px;
}
.timeline-8._1 {
height: auto;
}
.content-style-117 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.content-style-118 {
justify-content: center;
align-items: center;
}
.heading-61, .date-13 {
font-size: 24px;
}
.heading-62 {
font-size: 18px;
}
.timeline-9._1 {
height: auto;
}
.content-style-122 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.content-style-123 {
justify-content: center;
align-items: center;
}
.heading-63, .date-14 {
font-size: 24px;
}
.heading-64 {
font-size: 18px;
}
.text-74 {
font-size: 24px;
}
.row-10 {
flex-flow: column;
}
.button-style-74 {
font-size: 14px;
}
.heading-65, .heading-66 {
font-size: 24px;
}
.button-style-79, .button-style-81 {
font-size: 14px;
}
.timeline-progress-18 {
flex-flow: column;
}
.content-style-137 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.heading-67, .date-17 {
font-size: 24px;
}
.heading-68 {
font-size: 18px;
}
.component-19 {
flex-flow: column;
}
.heading-69 {
margin-bottom: 40px;
font-size: 24px;
}
.content-style-142 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.heading-70, .date-18 {
font-size: 24px;
}
.heading-71 {
font-size: 18px;
}
.component-20 {
flex-flow: column;
}
.heading-72 {
margin-bottom: 40px;
font-size: 24px;
}
.content-style-147 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.heading-73, .date-19 {
font-size: 24px;
}
.heading-74 {
font-size: 18px;
}
.component-21 {
flex-flow: column;
}
.heading-75 {
margin-bottom: 40px;
font-size: 24px;
}
.content-style-152 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.heading-76, .date-20 {
font-size: 24px;
}
.heading-77 {
font-size: 18px;
}
.component-22 {
flex-flow: column;
}
.heading-78 {
margin-bottom: 40px;
font-size: 24px;
}
.timeline-12._1 {
height: auto;
}
.content-style-157 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.heading-79, .date-21 {
font-size: 24px;
}
.heading-80 {
font-size: 18px;
}
.component-23 {
flex-flow: column;
}
.heading-81 {
margin-bottom: 40px;
font-size: 24px;
}
.layout-78._19 {
padding-bottom: 40px;
}
.component-24 {
flex-flow: column;
}
.heading-82 {
font-size: 24px;
}
.placeholder-image-8 {
aspect-ratio: 1;
width: 100%;
max-width: none;
height: 41%;
margin-top: 40px;
}
.text-90 {
font-size: 24px;
}
.row-11 {
flex-flow: column;
}
.text-92 {
margin-bottom: 40px;
}
.heading-83 {
font-size: 16px;
}
.privacy-policy {
font-size: 28px;
}
.placeholder-image-9 {
margin-bottom: 40px;
}
.button-style-87 {
margin-top: 40px;
}
.layout-80._363 {
height: auto;
}
.heading-85 {
font-size: 24px;
}
.row-12, .card-4 {
flex-flow: column;
}
.content-style-172 {
flex-flow: column;
height: auto;
}
.heading-87 {
font-size: 24px;
}
.stat {
margin-bottom: 40px;
}
.text-98 {
font-size: 40px;
}
.content-style-180 {
justify-content: flex-start;
align-items: center;
}
.row-13 {
flex-flow: column;
}
.text-102 {
margin-bottom: 83px;
}
.content-style-182 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.content-style-183 {
margin-bottom: 40px;
}
.timeline-date-16 {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.content-style-186 {
justify-content: flex-start;
align-items: center;
}
.privacy-policy-2 {
flex-flow: column;
width: 100%;
max-width: none;
font-size: 28px;
display: flex;
}
.privacy-policy-2.aboutus-h1 {
width: 100%;
font-size: 16px;
line-height: 1.7;
}
.untitled-4 {
font-size: 15px;
line-height: 1.7;
}
.content-style-190 {
flex-flow: column;
}
.heading-94 {
font-size: 28px;
}
.section-title-44 {
flex-flow: column;
}
.heading-96 {
margin-bottom: 40px;
font-size: 24px;
}
.row-14 {
flex-flow: column;
}
.heading-98 {
font-size: 24px;
}
.row-15 {
flex-flow: column;
height: auto;
}
.text-110 {
margin-bottom: 40px;
}
.section-title-46 {
flex-flow: column;
}
.heading-100 {
margin-bottom: 40px;
font-size: 22px;
}
.row-16, .section-title-47 {
flex-flow: column;
}
.heading-102 {
margin-bottom: 40px;
font-size: 24px;
}
.row-17 {
flex-flow: column;
}
.timeline-14._1 {
height: auto;
}
.content-style-196 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.heading-104 {
font-size: 24px;
}
.timeline-progress-31 {
height: auto;
}
.date-23, .heading-106 {
font-size: 24px;
}
.row-18 {
flex-flow: column;
}
.stat-8 {
margin-bottom: 40px;
}
.section-title-50 {
flex-flow: column;
}
.heading-107 {
font-size: 24px;
}
.row-19 {
flex-flow: column;
}
.untitled-5 {
font-size: 14px;
}
.row-20 {
flex-flow: column;
}
.content-style-208 {
grid-column-gap: 8px;
flex-flow: column;
}
.question-4 {
width: 100%;
}
.text-123 {
width: 290px;
max-width: 290px;
font-size: 15px;
}
.main-container {
padding-left: 1rem;
padding-right: 1rem;
}
.section_content-wrapper {
max-width: none;
}
.heading-style-404 {
font-size: 9rem;
}
.page-wrapper {
height: auto;
max-height: none;
}
.component-34 {
grid-column-gap: 12px;
flex-flow: column;
justify-content: flex-start;
max-width: 340px;
height: 550px;
min-height: 100px;
padding-bottom: 0;
}
.column-one-2 {
grid-row-gap: 24px;
max-width: 340px;
}
.heading-110 {
font-size: 30px;
}
.heading-110.home-hero-heading {
max-width: 340px;
margin-bottom: 40px;
margin-left: auto;
font-size: 24px;
line-height: 1.7;
}
.actions-39 {
width: 100%;
display: block;
}
.button-style-103 {
flex-flow: row;
flex: none;
padding-left: 16px;
padding-right: 16px;
}
.button-style-105 {
flex: none;
width: auto;
padding-left: 16px;
padding-right: 16px;
}
.column-two-2 {
max-width: 340px;
margin-top: -24px;
}
.content-style-225 {
width: auto;
max-width: 340px;
}
.text-130 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 0;
padding-right: 0;
font-size: 14px;
display: flex;
}
.content-style-226 {
justify-content: flex-start;
}
.page-one-2 {
font-size: 12px;
}
.b2b-aicrmbi-2 {
font-size: 24px;
}
.b2b-aicrmbi-2.h1-services {
font-size: 18px;
line-height: 1.8;
}
.text-170 {
font-size: 24px;
}
.jos-wrap-1 {
text-align: center;
}
.jos-grid-1 {
grid-column-gap: 5em;
grid-row-gap: 5em;
grid-template-columns: 1fr;
}
.jos-section-1 {
font-size: 2.5vw;
}
.pit-heading-1 {
font-size: 20px;
}
.pit-wrap-1 {
grid-column-gap: 5em;
grid-row-gap: 5em;
flex-direction: column;
}
.pit-wrap-2 {
padding-right: 0;
}
.pit-wrap-3 {
padding-left: 0;
}
.pit-wrap-9 {
margin-right: 4em;
}
.pit-section-1 {
font-size: 2.5vw;
}
.heading-123 {
line-height: 140%;
}
.stats-13, .stat-9 {
flex-flow: column;
}
.text-180, .text-181, .text-183 {
font-size: 18px;
}
.paragraph-s {
font-size: .875rem;
}
.utility-margin-bottom-0 {
margin-bottom: 0;
}
.utility-padding-all-0 {
padding: 0;
}
.eyebrow {
font-size: .8rem;
}
.top-post {
padding-top: 105px;
padding-bottom: 30px;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.insights-title {
font-size: 15px;
}
.blog2_list {
grid-row-gap: 3rem;
}
.blog2_item.blog2_item-is-insights-list-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.blog2_meta-wrapper {
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.blog-post-header2_content-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
}
.blog3-header_featured-item {
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.signup-form-wrapper {
grid-row-gap: .75rem;
flex-direction: column;
grid-template-columns: 1fr;
}
.blog3-cta_component {
grid-template-columns: 1fr;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer1_top-wrapper {
grid-row-gap: 48px;
}
.footer1_form {
grid-row-gap: 12px;
flex-direction: column;
grid-template-columns: 1fr;
}
.footer1_menu-wrapper {
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.blog62_item-link, .blog5-latest_item {
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.blog5-latest_image-wrapper {
padding-top: 66%;
}
.blog-post1-header_content-top {
flex-direction: column;
align-items: flex-start;
}
.blog-post1-header_author-wrapper {
margin-bottom: 1rem;
}
.blog-post1-content_content-bottom {
flex-direction: column;
align-items: flex-start;
}
.blog-post1-content_share-wrapper {
width: 100%;
margin-bottom: 2rem;
}
.blog-post1-content_tag-list-wrapper {
width: 100%;
}
.blog-post1-content_tag-list {
justify-content: flex-start;
}
.blog-post1-content_author-wrapper {
margin-bottom: 1rem;
}
.content30_content-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
}
.content30_share-wrapper {
justify-content: flex-start;
align-items: center;
}
.content30_tag-list-wrapper {
width: 100%;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.faq7_list {
grid-row-gap: 2.5rem;
}
.comparison3_top-row-title, .comparison3_top-row-content {
padding: 1rem .5rem;
}
.blog-post2-content_content-top {
flex-direction: column;
align-items: flex-start;
}
.blog-post2-content_share.content-top {
margin-top: 2rem;
}
.blog-post2-content_content-bottom {
flex-direction: column;
align-items: flex-start;
}
.blog-post2-content_share-wrapper {
width: 100%;
margin-bottom: 2rem;
}
.blog-post2-content_tag-list-wrapper {
width: 100%;
}
.blog-post2-content_tag-list {
justify-content: flex-start;
}
.blog-post2-related_item-content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.insights-hero-wrapper {
font-size: 18px;
}
.insights-filter-menu {
text-align: center;
flex-flow: column;
}
.collection-list {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.text-block-4 {
margin-bottom: 0;
}
.heading-127 {
font-size: 16px;
}
.heading-129, .collection-list-wrapper-2, .collection-list-2 {
flex-flow: column;
}
.text-block-7 {
text-align: center;
}
.menu-btn {
flex-flow: row;
order: 0;
}
.heading-131 {
font-size: 16px;
}
.text-191 {
font-size: 14px;
line-height: 170%;
}
.button-style-194, .button-style-196 {
font-size: 14px;
}
.row-35 {
flex-flow: column;
}
.button-style-198, .button-style-200 {
font-size: 14px;
}
.heading-136 {
font-size: 24px;
}
.row-36 {
flex-flow: column;
}
.text-195 {
margin-bottom: 20px;
}
.button-style-202, .button-style-204 {
font-size: 14px;
}
.row-34 {
flex-flow: column;
}
.button-style-194, .button-style-196 {
font-size: 14px;
}
.blog10_featured-blog.is-home-insights-layout {
flex-flow: column;
}
.blog10_item-link.is-home-insights-featured-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog10_image-wrapper.is-home-insights-featured-image-wrap {
height: 190px;
}
.blog10_featured-item-link {
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.text-block-22.read-time-tablet {
flex-flow: column;
justify-content: center;
display: flex;
}
.home-insights-featured-content {
padding: 24px 22px 28px;
}
.hero-title {
display: block;
}
.article-layout {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(320px, 340px);
grid-auto-columns: 1fr;
display: block;
}
.button-2.is-small.header-button-new {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
width: 0;
height: 10px;
margin-top: 0;
padding-top: 10px;
display: flex;
}
.button-2.is-secondary.is-small.header-button-new {
justify-content: center;
width: auto;
margin-top: 0;
}
.navbar5_menu-left {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.navbar5_menu-right {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
max-width: 420px;
margin-top: 24px;
}
.navbar5_blog-list {
grid-column-gap: 0px;
grid-row-gap: .5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.navbar5_dropdown-content-left {
grid-template-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar5_large-item-content {
margin-top: 1rem;
}
.navbar5_dropdown-list {
justify-content: center;
padding-top: 12px;
padding-bottom: 16px;
display: flex;
}
.navbar5_dropdown-list.w--open {
display: none;
}
.navbar5_container {
z-index: 1000;
position: sticky;
top: 0;
}
.navbar5_dropdown-toggle.is-navy {
padding-top: 6px;
padding-bottom: 6px;
padding-right: 0;
}
.navbar5_dropdown-link {
padding-left: 0;
}
.navbar5_blog-item {
flex-direction: column;
display: flex;
}
.navbar6_dropdown-blog-item-wrapper {
grid-column-gap: 0px;
grid-row-gap: .5rem;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: none;
display: grid;
}
.navbar6_dropdown-content-left {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar6_blog-item {
flex-direction: column;
display: flex;
}
.navbar6_dropdown-link-list {
grid-row-gap: .5rem;
}
.navbar6_dropdown-content-wrapper {
width: 100%;
}
.navbar6_dropdown-link {
padding-left: 0;
}
.navbar6_dropdown-content-right {
max-width: none;
}
.navbar6_blog-content {
margin-top: .5rem;
}
.navbar25_dropdown-content-right {
grid-template-columns: 1fr;
padding: 1.5rem;
}
.navbar25_dropdown-content-left {
grid-template-columns: 1fr;
}
.text-196.privacypolicy-h1 {
font-size: 24px;
}
.text-197 {
font-size: 16px;
}
.privacy-policy-7 {
font-size: 24px;
}
.untitled-26 {
font-size: 16px;
}
.privacy-policy-8 {
font-size: 18px;
}
.untitled-27 {
font-size: 15px;
}
.privacy-policy-9 {
font-size: 18px;
}
.untitled-28, .text-202, .text-203 {
font-size: 15px;
}
.text-204 {
font-size: 24px;
}
.text-204.services-h1 {
font-size: 20px;
}
.text-205 {
font-size: 24px;
}
.text-205.method-h1 {
font-size: 17px;
}
.privacy-policy-10 {
font-size: 28px;
}
.privacy-policy-10.whynow-h1 {
font-size: 18px;
}
.untitled-29 {
font-size: 14px;
}
.untitled-29.thanks-h1 {
font-size: 18px;
}
.privacy-policy-12.thanks-h1below {
max-width: none;
font-size: 14px;
}
.untitled-30 {
font-size: 15px;
}
.heading-138, .heading-139, .heading-140, .heading-141, .heading-142, .heading-143, .heading-144, .heading-145, .heading-146, .heading-147, .heading-148, .heading-149, .heading-150, .heading-151, .heading-152, .heading-153, .heading-154, .heading-155, .heading-156, .heading-157, .heading-158, .heading-159, .heading-160 {
font-size: 18px;
}
.heading-161, .heading-162, .heading-163, .heading-164, .heading-165, .heading-166, .heading-167 {
font-size: 16px;
}
.heading-168, .heading-169, .heading-170, .heading-171, .heading-172, .heading-173, .heading-174, .heading-175, .heading-176, .heading-177 {
font-size: 18px;
}
.heading-178 {
font-size: 17px;
}
.heading-179, .heading-180, .heading-181, .heading-182, .heading-183, .heading-184, .heading-185, .heading-186, .heading-187, .heading-188, .heading-189 {
font-size: 18px;
}
.heading-190 {
font-size: 17px;
}
.heading-191, .heading-192, .heading-193, .heading-194, .heading-195, .heading-196, .heading-197, .heading-198, .heading-199, .heading-200, .heading-201, .heading-202, .heading-203, .heading-204, .heading-205, .heading-206, .heading-207, .heading-208, .heading-209, .heading-210, .heading-211, .heading-212 {
font-size: 18px;
}
.heading-213 {
font-size: 17px;
}
.heading-214 {
font-size: 18px;
}
.hero-side-6 {
display: none;
}
.hero-6 {
grid-template-rows: auto;
width: 100%;
display: block;
}
.navbar5_dropdown-list-2 {
justify-content: center;
padding-top: 12px;
padding-bottom: 16px;
display: flex;
}
.navbar5_dropdown-list-2.w--open {
display: none;
}
.page-one-16 {
font-size: 12px;
}
.navbar5_dropdown-list-3 {
justify-content: center;
padding-top: 12px;
padding-bottom: 16px;
display: flex;
}
.navbar5_dropdown-list-3.w--open {
display: none;
}
.page-one-17 {
font-size: 12px;
}
.insight-section-body-richtext {
font-size: 14px;
line-height: 1.85;
}
}
#w-node-_2fa0746d-e9e1-6211-57e6-08fbd12f88f6-5d2c0810 {
place-self: end;
}
#w-node-_25a6a352-a02f-8da2-e9a7-fb3d0ed7515a-04b2e704, #w-node-cb61a09e-dc08-e345-3e0a-8756bc7bdc15-04b2e704 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0cad7817-7450-a2fe-44b6-911691b404f6-cc65071f, #w-node-_0cad7817-7450-a2fe-44b6-911691b404f6-638456fe {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-adac2d00-b134-ff9e-2aff-b4da4824544e-638456fe {
place-self: start stretch;
}
@media screen and (min-width: 1440px) {
#w-node-_085beec7-9de5-f8e1-5319-ecbc09959e04-061a6a56 {
place-self: stretch;
}
#w-node-_0cad7817-7450-a2fe-44b6-911691b404f6-638456fe {
grid-column: span 2 / span 2;
}
#w-node-_5349af16-5194-e175-0feb-bd1cb2f851e6-bb87c8ff, #w-node-_5349af16-5194-e175-0feb-bd1cb2f851e6-ab5f35e8 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 767px) {
#w-node-_198f458d-0ab3-3d5f-0282-6e793f60a042-04b2e704, #w-node-_198f458d-0ab3-3d5f-0282-6e793f60a04f-04b2e704, #w-node-_198f458d-0ab3-3d5f-0282-6e793f60a05c-04b2e704, #w-node-_198f458d-0ab3-3d5f-0282-6e793f60a069-04b2e704, #w-node-_198f458d-0ab3-3d5f-0282-6e793f60a076-04b2e704 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
}