::placeholder {
color: #ccc;
}
.sr{
display:none;
}
.pr{
display:block;
}
.content-area a{
word-break:break-word;
}
.single-case h2,
.single-post h2{
margin-bottom: 1.5rem;  
margin-top: 5rem;
}
.single-case h3,
.single-post h3{
margin-bottom: 1.5rem;
margin-top: 3rem;
}
.single-case h4,
.single-post h4{
margin-bottom: 1rem;  
margin-top: 2rem;
}
.elementor-heading-title p:last-child{
margin-bottom:0;
}
.f_menu a{
color:#FFFFFFC9;
}
.tag_list a:before{
content: "#";
}
.tag_list a{
font-weight:600;   
margin: 0 20px 20px 0;
}
.g_archive .ha-posts-carousel__title a,
.g_archive .elementor-widget-ha-post-carousel .ha-posts-carousel__title, .elementor-widget-ha-post-carousel .ha-posts-carousel__title a {
text-overflow: ellipsis;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.g_archive .ha-posts-carousel__content-position {
min-height: 161px;
}
.g_archive .elementor-post.elementor-grid-item{
background-color: #FFFFFF;
box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
}
.g_archive .elementor-post__text{
padding: 0px 20px 20px 20px;
}
.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
margin-bottom: 20px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #F2EFEF;
}
.g_archive .elementor-post__card .elementor-post__badge{
position: relative;
display: inline-block;
width: fit-content;
margin: 0 20px;
font-size: 12px;
padding: 10px 20px 10px 20px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 2em 2em 2em 2em;
font-family: "Noto Sans JP", Sans-serif;
font-weight: 500;
color: var( --e-global-color-accent );
background-color: #0C2340;
margin-bottom: 20px;
}
.g_archive .elementor-post__card .elementor-post__badge{
margin: 10px 30px 25px;
}
#pt-plus-dynamic-listing.dynamic-listing.dynamic-listing-style-2 .post-title{
text-overflow: ellipsis;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.dynamic-listing.dynamic-listing-style-2 .post-content-bottom {
min-height: 134px;
}
.g_case .dynamic-listing.dynamic-listing-style-2 .post-content-bottom {
min-height: 94px;
}
.menu-toggle-close .ahfb-svg-iconset svg {
width: 32px;
height: 48px;
}
.ast-mobile-popup-drawer.active .menu-toggle-close {
color: #fff;
}
.ast-header-break-point .ast-icon.icon-arrow svg {
margin: 0;
}
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
right: 0;
}
.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type {
display: none;
}
.ast-mobile-popup-drawer .main-header-bar-navigation .menu-item-has-children .sub-menu{
border-bottom-width: 1px;
border-color: #eaeaea;
border-style: solid;
padding: 20px 0;
}
.ast-header-break-point .ast-header-button-1[data-section="section-hb-button-1"] {
display: block;
text-align: center;
width: 80%;
margin: 0 auto;
}
.ast-mobile-popup-drawer .main-header-bar-navigation .menu-item-has-children .sub-menu li{
margin-left:20px;
}
.ast-mobile-popup-drawer .main-header-bar-navigation .menu-item-has-children .sub-menu li a{
border:none!important;
}
#ez-toc-container{
padding:2em;
box-shadow: none;
border-radius: 0;
}
.ez-toc-title-container{
margin-bottom:1em;
} .elementor-template-canvas a,
.elementor-template-canvas a:hover,
.elementor-template-canvas a:focus,
.elementor-template-canvas a:active{
color:#0068b7;
}
#gallery-1 img{
border:none!important;
}
.submit-wrap,
.cf_privacy{
text-align: center;
}
.cf_privacy{
padding:10px 0 15px;
}
.ff-custom_html a:hover,
.cf_privacy a:hover{
text-decoration:underline;
text-decoration-thickness: 0.05125rem;
text-underline-offset: 0.3125rem;
color:#0170B9;
}
.nf-form-content input:not([type=submit]):focus{
color:#000!important;
}
.nf-field-label,
.nf-error .nf-error-msg{
text-align:left;
}
.nf-field-container{
margin-bottom:15px!important;
}
.nf-form-content label,
.nf-error-msg{
font-size: 14px!important;
line-height: 1!important;
}
.ninja-forms-req-symbol{
font-size:0;
margin-left: 5px;
}
.ninja-forms-req-symbol:after,
.phone-wrap .nf-field-label:after{
content: "必須";
font-size: 10px;
background: #D32F2F;
color: #fff;
border-radius: 2px;
padding: 2px 6px 3px 6px;
position: relative;
bottom: 1px;
font-weight: 700;
}
.phone-wrap .nf-field-label:after{
content: "任意";
background: #aaa;
}
.nf-pass.field-wrap .nf-field-element:after {
font-size: 20px!important;
height: 42px!important;
line-height: 42px!important;
}
body .ff-default .ff_btn_style,
.nf-form-content input[type=submit]{
background:#0C2340!important;
padding: 18px 24px;
font-weight: 700;
width:180px!important;
border:1px solid #0C2340!important;
height: auto!important;
box-shadow:none;
border-radius:4px;
margin-top:15px;
border-radius:3rem!important;
}
body .ff-default .ff_btn_style:hover,
.nf-form-content input[type=submit]:hover{
background:#fff!important;
color:#0C2340!important;
}
.nf-form-fields-required,
.nf-error.field-wrap .nf-field-element:after,
.nf-form-errors{
display:none;
}
.nf-field-container.hidden-container {
margin: 0!important;
}
.nf-form-content input:not([type=submit]){
background:#fff!important;
color:#000!important;
height: 42px!important;
border-radius: 0px!important;
}
.nf-form-content textarea.ninja-forms-field{
background:#fff!important;
color:#000!important;
} .contact_form .item{
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex: 111px;
height: 48px;
background-color: #e5e5e5;
font-size: 0.875rem;
transition: .2s;
}
.contact_form .item.-current {
background-color: #0C2340;
color: #fff;
}
.contact_form .list {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 0;
counter-reset: progress;
}
.contact_form .item:before {
content:counter(progress) ".";
counter-increment: progress;
}
.contact_form .item:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
border: 24px solid transparent;
border-left-color: #0C2340;
transition: .2s;
}
.contact_form .item.-current+.item:after {
border-left-color: #0C2340;
}
body .fluentform .ff-el-group.ff-custom_html,
body .fluentform .ff-el-group:last-child{
border:none;
padding-bottom: 0;
}
body .fluentform,
body .ff-default .ff-el-form-control{
font-family: YakuHanJP, "Noto Sans JP", sans-serif;
font-size:16px;
line-height:1.5;
}
body .ff-default .ff-el-form-control{
border-radius:3px;
background:#fff;
}
body .fluentform select {
border: 0;
padding: 0 42px 0 16px;
height: 45px;
color: #312927;
font-size: 16px;
letter-spacing: 0.065em;
border: 1px solid #d1d1d1;
border-radius: 2px;
background: #ffffff;
appearance: none;
}
body .ff-default .ff-el-form-check label.ff-el-form-check-label span{
margin-left: 0;
padding-left: 30px;
position: relative;
font-size:14px;
font-weight:700;
}
body .fluentform input[type="checkbox"],
body .fluentform input[type="radio"] {
display: none;
-webkit-appearance: none;
-moz-appearance: none;
}
body .ff-default .ff-el-form-check label.ff-el-form-check-label span:before {
width: 20px;
height: 20px;
border-radius: 3px;
border: 1px solid #d1d1d1;
content: '';
display: block;
position: absolute;
left: 0;
top: 1px;
}
body .ff-default .ff_item_selected label.ff-el-form-check-label span:after {
position: absolute;
top: 4px;
left: 7px;
transform: rotate(45deg);
width: 7px;
height: 10px;
border: solid #1a1a1a;
border-width: 0 2px 2px 0;
content: '';
}
body .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
font-size: 10px;
position: relative;
bottom: 1px;
font-weight: 700;
border-radius: 2px;
margin-left: 3px;
padding: 1px 6px 2px;
content: "必須";
color: #ca353b;
background: #faeaeb;
}
body .ff-default .ff-el-input--label label{
font-weight:700;
font-size:14px;
}
body .ff-el-input--content{
position: relative;
}
body .input--select .ff-el-input--content::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 3px 0 3px;
border-color: #000 transparent transparent transparent;
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
pointer-events: none;
}
body .input--select .ff-el-form-control{
padding:11px 35px 11px 15px;
}
body .fluentform .text-danger{
color: #E53935;
}
body .fluentform .ff-el-is-error .ff-el-form-control {
border-color: #E53935;
background: #FFEBEE;
}
body .fluentform .ff_t_c p {
font-size: 14px;
}
body .fluentform .ff-el-is-error .ff-el-form-check-label,
body .fluentform .ff-el-is-error .ff-el-form-check-label a{
color:#E53935;
}
body .fluentform .ff-btn-submit:not(.ff_btn_no_style) {
line-height:1;
}
body .fluentform .iti__selected-flag{
border-radius:0;
}
body .iti__flag-container {
pointer-events: none;
} .page-numbers{
border:2px solid #ddd;
cursor: pointer;
display: inline-block;
border-radius: 100px;
height: 55px;
width: 55px;
line-height: 50px;
padding: 0;
text-align: center;
color:#888;
margin:0 0 5px;
}
.page-numbers.next,
.page-numbers.prev{
border-radius: 80px;
color: #0C2340;
font-size: 16px;
font-weight: 600;
padding: 11px 33px;
text-decoration: none;
white-space: nowrap;
width: auto;
line-height: 1.75;
}
.page-numbers.current{
background-color: #0C2340;
color: #fff;
}
.page-numbers.current,
.page-numbers.next,
.page-numbers.prev,
a.page-numbers:hover{
border-color: #0C2340;
}
a.page-numbers:hover{
background-color: #0C2340;
color:#fff;
}
.page-numbers.dots{
border:none;
color:#888;
}
.page-numbers.prev:not(a),
.page-numbers.next:not(a){
display: none;
}
.y__f{
color:#FFC100;
}
.y__line,
.y__line__h{
display:inline-block!important;
z-index: 1;
position: relative;
}
.f__34{
font-size: 34px;
line-height:1.5;
}
.y__line__h:after{
background-color: #FFC100; 
border-radius: 10px; 
content: "";
display: block;
height: 20px;
position:relative;
top:-20px;
z-index: -1;
}
.y__line:after{
background-color: #FFC100; 
border-radius: 5px; 
content: "";
display: block;
height: 10px;
position:relative;
top:-0.33em;
z-index: -1;
}
a:where(:not(.wp-element-button)).ast-custom-button-link,
.site-title a,
.ast-custom-button{
text-decoration:none;
}
.post-type-archive-contents .site-content,
.single-contents .site-content,
.contents .site-content,
.type-contents .site-content,
.contents-template .site-content{
max-width:1200px;
margin:0 auto;
padding:0 16px;
}
.guide-contents{
}
.single-contents .elementor-widget-theme-post-excerpt{
}
@media (max-width: 767px){
.sr{
display:block;
}
.pr{
display:none;
}
} body.single .entry-content .chapter-nav,
body.single-post .entry-content .chapter-nav,
body.single .post-content .chapter-nav {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 12px !important;
margin: 60px 0 !important;
flex-wrap: nowrap !important;
width: 100% !important;
} body.single .entry-content .chapter-nav > a.chapter-btn,
body.single-post .entry-content .chapter-nav > a.chapter-btn,
body.single .post-content .chapter-nav > a.chapter-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
padding: 0.8em 1.4em !important;
font-weight: 700 !important;
font-size: clamp(13px, 3.5vw, 16px) !important;
line-height: 1.2 !important;
background: #004aad !important;
color: #fff !important;
border-radius: 8px !important;
text-decoration: none !important;
transition: background .3s, transform .2s !important;
box-shadow: none !important;
} body.single .entry-content .chapter-nav > a.prev-btn { background: #666 !important; }
body.single .entry-content .chapter-nav > a.prev-btn:hover { background: #444 !important; }
body.single .entry-content .chapter-nav > a.next-btn { background: #004aad !important; }
body.single .entry-content .chapter-nav > a.next-btn:hover { background: #003080 !important; } @media (max-width: 480px) {
body.single .entry-content .chapter-nav { gap: 8px !important; margin: 40px 0 !important; }
body.single .entry-content .chapter-nav > a.chapter-btn {
padding: 0.65em 1.0em !important;
border-radius: 6px !important;
}
}
.x-scroll {
overflow: auto;
}
.x-scroll table{
width:100%;
}
.x-scroll::-webkit-scrollbar{
height: 12px; }
.x-scroll::-webkit-scrollbar-track{
background: #F1F1F1; }
.x-scroll::-webkit-scrollbar-thumb {
background: #d6d6d6; }
.x-scroll td, .x-scroll th{
white-space: nomal;　 }
.box27 {
position: relative;
   margin: 2em 3;
border: solid 3px #000959;
}
.box27 .box-title {
position: absolute;
display: inline-block;
   top: 0px;
left: -3px;
   padding: 10 9px;
   height: 30px;
   line-height: 35px;
   font-size: 12px;
background: #000959;
color: #ffffff;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.box27 p {
margin: 0; 
padding: 0;
}
.box {
border: 1px solid #d1d1d1;
padding: 1.5em;
margin: 0 0 1.75em;
}
.kadomaru-btn{
display: block;
width: 350px;
max-width: 100%;
margin: 40px auto 0;
padding: 25px;
background-color: #0f2350;
color: #fff;
box-shadow: 2px 2px 4px #ccc;
text-align: center;
font-size: 16px;
line-height: 24px;
text-decoration: none;
border-radius: 46px; }
.kadomaru-btn:hover{
   background-color: #000000;
　　 border-color: #444;
　 color: #444;
} .entry-content .chapter-nav {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 12px !important;
margin: 60px 0 !important;
flex-wrap: nowrap !important;
width: 100% !important;
} .entry-content .chapter-nav > a.chapter-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
padding: 0.8em 1.4em !important;
font-weight: 700 !important;
font-size: clamp(13px, 3.5vw, 16px) !important;
line-height: 1.2 !important;
color: #fff !important;
border-radius: 8px !important;
text-decoration: none !important;
transition: background .3s, transform .2s !important;
} .entry-content .chapter-nav > a.prev-btn { background: #666 !important; }
.entry-content .chapter-nav > a.prev-btn:hover { background: #444 !important; }
.entry-content .chapter-nav > a.next-btn { background: #004aad !important; }
.entry-content .chapter-nav > a.next-btn:hover { background: #003080 !important; } @media (max-width: 480px) {
.entry-content .chapter-nav { gap: 8px !important; margin: 40px 0 !important; }
.entry-content .chapter-nav > a.chapter-btn {
padding: 0.65em 1.0em !important;
border-radius: 6px !important;
}
} .entry-content #urusoko-xb-lp,
.wp-block-post-content #urusoko-xb-lp,
.is-layout-constrained #urusoko-xb-lp {
max-width: none !important;
width: 100% !important;
}
.entry-content #urusoko-xb-lp > *,
.wp-block-post-content #urusoko-xb-lp > *,
.is-layout-constrained #urusoko-xb-lp > * {
max-width: none !important;
}
#urusoko-xb-lp p,
#urusoko-xb-lp h1,
#urusoko-xb-lp h2,
#urusoko-xb-lp h3 {
margin-block-start: 0;
}
#urusoko-xb-lp img {
max-width: 100%;
height: auto;
}
が削除される場合は、
<style>～</style> の中身だけ「外観 > カスタマイズ > 追加CSS」へ移してください。
-->
<style> #urusoko-xb-lp {
--xb-navy: #123047;
--xb-blue: #176ea6;
--xb-cyan: #41b7c7;
--xb-green: #69b99d;
--xb-pale: #f4f9fa;
--xb-pale2: #edf6f7;
--xb-yellow: #f3c868;
--xb-text: #21313c;
--xb-muted: #657681;
--xb-line: #dce8ec;
--xb-white: #ffffff;
--xb-shadow: 0 16px 42px rgba(21, 60, 82, .10);
--xb-radius: 22px;
--xb-max: 1120px;
color: var(--xb-text);
font-family:
-apple-system, BlinkMacSystemFont, "Helvetica Neue",
"Hiragino Kaku Gothic ProN", "Hiragino Sans",
"Yu Gothic", YuGothic, Meiryo, sans-serif;
font-feature-settings: "palt";
line-height: 1.85;
letter-spacing: .02em;
background: #fff;
width: 100%;
max-width: none !important;
overflow: visible;
}
#urusoko-xb-lp * {
box-sizing: border-box;
}
#urusoko-xb-lp a {
color: inherit;
text-decoration: none;
}
#urusoko-xb-lp .xb-full {
position: relative;
left: 50%;
width: 100vw !important;
max-width: none !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
}
#urusoko-xb-lp .xb-inner {
width: min(var(--xb-max), calc(100% - 44px));
margin: 0 auto;
}
#urusoko-xb-lp .xb-section {
padding: 96px 0;
}
#urusoko-xb-lp .xb-section--soft {
background: var(--xb-pale);
}
#urusoko-xb-lp .xb-section--navy {
background:
radial-gradient(circle at 85% 15%, rgba(65,183,199,.22), transparent 28%),
linear-gradient(135deg, #102c42 0%, #173b53 100%);
color: #fff;
}
#urusoko-xb-lp .xb-eyebrow {
margin: 0 0 14px;
color: var(--xb-blue);
font-size: 13px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
#urusoko-xb-lp .xb-section--navy .xb-eyebrow {
color: #91e0e8;
}
#urusoko-xb-lp .xb-heading {
margin: 0;
color: var(--xb-navy);
font-size: clamp(30px, 4vw, 48px);
line-height: 1.35;
letter-spacing: .01em;
font-weight: 800;
}
#urusoko-xb-lp .xb-section--navy .xb-heading {
color: #fff;
}
#urusoko-xb-lp .xb-lead {
max-width: 760px;
margin: 24px auto 0;
color: var(--xb-muted);
font-size: 17px;
}
#urusoko-xb-lp .xb-section--navy .xb-lead {
color: rgba(255,255,255,.80);
}
#urusoko-xb-lp .xb-center {
text-align: center;
}
#urusoko-xb-lp .xb-em {
color: var(--xb-blue);
}
#urusoko-xb-lp .xb-section--navy .xb-em {
color: #8ee4ec;
} #urusoko-xb-lp .xb-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 62px;
padding: 14px 30px;
border-radius: 999px;
background: linear-gradient(135deg, var(--xb-blue), #0f88a9);
color: #fff;
font-size: 16px;
font-weight: 800;
line-height: 1.4;
box-shadow: 0 12px 26px rgba(23,110,166,.25);
transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
#urusoko-xb-lp .xb-cta:hover {
transform: translateY(-2px);
box-shadow: 0 16px 34px rgba(23,110,166,.32);
opacity: .96;
}
#urusoko-xb-lp .xb-cta::after {
content: "→";
margin-left: 12px;
font-size: 20px;
}
#urusoko-xb-lp .xb-cta--white {
background: #fff;
color: var(--xb-navy);
box-shadow: 0 12px 26px rgba(0,0,0,.12);
}
#urusoko-xb-lp .xb-note {
margin-top: 12px;
color: var(--xb-muted);
font-size: 13px;
}
#urusoko-xb-lp .xb-section--navy .xb-note {
color: rgba(255,255,255,.66);
} #urusoko-xb-lp .xb-hero {
position: relative;
padding: 88px 0 72px;
background:
radial-gradient(circle at 90% 20%, rgba(65,183,199,.18), transparent 26%),
radial-gradient(circle at 10% 82%, rgba(105,185,157,.12), transparent 28%),
linear-gradient(180deg, #ffffff 0%, #f7fbfc 100%);
}
#urusoko-xb-lp .xb-hero-grid {
display: grid;
grid-template-columns: 1.04fr .96fr;
gap: 58px;
align-items: center;
}
#urusoko-xb-lp .xb-hero-tag {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 22px;
padding: 8px 14px;
border: 1px solid #cce2e7;
border-radius: 999px;
background: rgba(255,255,255,.92);
color: var(--xb-blue);
font-size: 13px;
font-weight: 800;
}
#urusoko-xb-lp .xb-hero-title {
margin: 0;
color: var(--xb-navy);
font-size: clamp(39px, 5.6vw, 68px);
line-height: 1.24;
letter-spacing: -.02em;
font-weight: 900;
}
#urusoko-xb-lp .xb-hero-title .xb-now {
position: relative;
display: inline-block;
color: var(--xb-blue);
}
#urusoko-xb-lp .xb-hero-title .xb-now::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: 7px;
border-radius: 99px;
background: rgba(243,200,104,.75);
z-index: -1;
}
#urusoko-xb-lp .xb-hero-copy {
margin: 26px 0 0;
max-width: 650px;
color: #40545f;
font-size: 18px;
line-height: 1.9;
}
#urusoko-xb-lp .xb-hero-copy strong {
color: var(--xb-navy);
}
#urusoko-xb-lp .xb-hero-actions {
margin-top: 32px;
}
#urusoko-xb-lp .xb-hero-visual {
position: relative;
min-height: 470px;
}
#urusoko-xb-lp .xb-globe {
position: absolute;
width: 360px;
height: 360px;
right: 16px;
top: 44px;
border-radius: 50%;
background:
radial-gradient(circle at 34% 30%, rgba(255,255,255,.9), transparent 11%),
radial-gradient(circle at 50% 50%, #62c0c9 0%, #2b91ad 62%, #17658e 100%);
box-shadow: 0 26px 70px rgba(23,110,166,.22);
overflow: hidden;
}
#urusoko-xb-lp .xb-globe::before,
#urusoko-xb-lp .xb-globe::after {
content: "";
position: absolute;
inset: 10%;
border: 1px solid rgba(255,255,255,.33);
border-radius: 50%;
}
#urusoko-xb-lp .xb-globe::after {
inset: 0 35%;
border-top: 0;
border-bottom: 0;
}
#urusoko-xb-lp .xb-globe-lines {
position: absolute;
inset: 20% 0;
border-top: 1px solid rgba(255,255,255,.28);
border-bottom: 1px solid rgba(255,255,255,.28);
}
#urusoko-xb-lp .xb-market-card {
position: absolute;
display: flex;
align-items: center;
gap: 12px;
min-width: 180px;
padding: 15px 18px;
border: 1px solid rgba(23,110,166,.10);
border-radius: 16px;
background: rgba(255,255,255,.96);
box-shadow: var(--xb-shadow);
color: var(--xb-navy);
font-size: 13px;
font-weight: 800;
}
#urusoko-xb-lp .xb-market-card span:first-child {
display: grid;
width: 38px;
height: 38px;
place-items: center;
border-radius: 50%;
background: var(--xb-pale2);
font-size: 18px;
}
#urusoko-xb-lp .xb-market-card--1 { left: 0; top: 44px; }
#urusoko-xb-lp .xb-market-card--2 { left: 10px; bottom: 56px; }
#urusoko-xb-lp .xb-market-card--3 { right: 0; bottom: 6px; }
#urusoko-xb-lp .xb-route {
position: absolute;
left: 96px;
right: 72px;
top: 236px;
border-top: 2px dashed rgba(23,110,166,.32);
transform: rotate(-8deg);
} #urusoko-xb-lp .xb-cards-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-top: 46px;
}
#urusoko-xb-lp .xb-card {
height: 100%;
padding: 28px 24px;
border: 1px solid var(--xb-line);
border-radius: var(--xb-radius);
background: #fff;
box-shadow: 0 9px 28px rgba(20,60,82,.06);
}
#urusoko-xb-lp .xb-card-num {
display: inline-flex;
margin-bottom: 18px;
color: var(--xb-blue);
font-size: 12px;
font-weight: 900;
letter-spacing: .12em;
}
#urusoko-xb-lp .xb-card h3 {
margin: 0;
color: var(--xb-navy);
font-size: 19px;
line-height: 1.5;
}
#urusoko-xb-lp .xb-card p {
margin: 12px 0 0;
color: var(--xb-muted);
font-size: 14px;
line-height: 1.8;
}
#urusoko-xb-lp .xb-ending-line {
margin: 42px auto 0;
color: var(--xb-navy);
font-size: clamp(22px, 3vw, 32px);
font-weight: 900;
text-align: center;
}
#urusoko-xb-lp .xb-ending-line .xb-mark {
background: linear-gradient(transparent 58%, rgba(243,200,104,.58) 58%);
} #urusoko-xb-lp .xb-compare-stage {
display: grid;
grid-template-columns: 1fr 78px 1fr;
gap: 22px;
align-items: stretch;
margin-top: 48px;
}
#urusoko-xb-lp .xb-path {
padding: 30px;
border-radius: var(--xb-radius);
}
#urusoko-xb-lp .xb-path--old {
border: 1px solid var(--xb-line);
background: #fff;
}
#urusoko-xb-lp .xb-path--new {
border: 2px solid #83c9ce;
background: linear-gradient(180deg, #f6fcfc, #edf8f8);
}
#urusoko-xb-lp .xb-path-label {
margin-bottom: 20px;
font-size: 12px;
font-weight: 900;
letter-spacing: .12em;
}
#urusoko-xb-lp .xb-path--old .xb-path-label { color: #83929b; }
#urusoko-xb-lp .xb-path--new .xb-path-label { color: var(--xb-blue); }
#urusoko-xb-lp .xb-path-main {
color: var(--xb-navy);
font-size: 22px;
font-weight: 900;
line-height: 1.5;
}
#urusoko-xb-lp .xb-path-items {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 22px;
}
#urusoko-xb-lp .xb-pill {
padding: 8px 11px;
border-radius: 999px;
background: #f1f4f6;
color: #53646e;
font-size: 12px;
font-weight: 700;
}
#urusoko-xb-lp .xb-path--new .xb-pill {
background: #fff;
color: var(--xb-navy);
border: 1px solid #d4e9ea;
}
#urusoko-xb-lp .xb-arrow {
display: grid;
place-items: center;
color: var(--xb-blue);
font-size: 38px;
font-weight: 300;
} #urusoko-xb-lp .xb-services {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 48px;
}
#urusoko-xb-lp .xb-service {
position: relative;
padding: 30px 26px 28px;
border-radius: 20px;
background: #fff;
box-shadow: var(--xb-shadow);
overflow: hidden;
}
#urusoko-xb-lp .xb-service::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 100%;
background: linear-gradient(var(--xb-cyan), var(--xb-blue));
}
#urusoko-xb-lp .xb-service-en {
color: var(--xb-blue);
font-size: 11px;
font-weight: 900;
letter-spacing: .13em;
}
#urusoko-xb-lp .xb-service h3 {
margin: 8px 0 0;
color: var(--xb-navy);
font-size: 21px;
line-height: 1.45;
}
#urusoko-xb-lp .xb-service p {
margin: 12px 0 0;
color: var(--xb-muted);
font-size: 14px;
} #urusoko-xb-lp .xb-work-grid {
display: grid;
grid-template-columns: 1fr 64px 1.3fr;
gap: 24px;
align-items: stretch;
margin-top: 48px;
}
#urusoko-xb-lp .xb-work-box {
padding: 32px;
border-radius: var(--xb-radius);
}
#urusoko-xb-lp .xb-work-box--client {
border: 1px solid var(--xb-line);
background: #fff;
}
#urusoko-xb-lp .xb-work-box--us {
background: var(--xb-navy);
color: #fff;
}
#urusoko-xb-lp .xb-work-label {
margin-bottom: 20px;
font-size: 20px;
font-weight: 900;
}
#urusoko-xb-lp .xb-work-list {
display: grid;
gap: 12px;
}
#urusoko-xb-lp .xb-work-item {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14px;
}
#urusoko-xb-lp .xb-work-item::before {
content: "✓";
flex: 0 0 auto;
color: var(--xb-green);
font-weight: 900;
}
#urusoko-xb-lp .xb-work-box--us .xb-work-item::before {
color: #84e0cb;
}
#urusoko-xb-lp .xb-plus {
display: grid;
place-items: center;
color: var(--xb-blue);
font-size: 38px;
font-weight: 300;
} #urusoko-xb-lp .xb-reasons {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 46px;
}
#urusoko-xb-lp .xb-reason {
padding: 30px;
border: 1px solid rgba(255,255,255,.14);
border-radius: 20px;
background: rgba(255,255,255,.07);
}
#urusoko-xb-lp .xb-reason-no {
color: #8ee4ec;
font-size: 12px;
font-weight: 900;
}
#urusoko-xb-lp .xb-reason h3 {
margin: 10px 0 0;
color: #fff;
font-size: 21px;
}
#urusoko-xb-lp .xb-reason p {
margin: 12px 0 0;
color: rgba(255,255,255,.75);
font-size: 14px;
} #urusoko-xb-lp .xb-evidence {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-top: 32px;
}
#urusoko-xb-lp .xb-evidence-box {
padding: 22px;
border: 1px dashed rgba(255,255,255,.34);
border-radius: 16px;
color: rgba(255,255,255,.76);
font-size: 13px;
text-align: center;
} #urusoko-xb-lp .xb-price-grid {
display: grid;
grid-template-columns: 1.1fr .9fr;
gap: 30px;
margin-top: 48px;
align-items: stretch;
}
#urusoko-xb-lp .xb-comparison {
overflow: hidden;
border: 1px solid var(--xb-line);
border-radius: var(--xb-radius);
background: #fff;
}
#urusoko-xb-lp .xb-row {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
border-bottom: 1px solid var(--xb-line);
}
#urusoko-xb-lp .xb-row:last-child {
border-bottom: 0;
}
#urusoko-xb-lp .xb-row > div {
padding: 15px 16px;
font-size: 13px;
}
#urusoko-xb-lp .xb-row--head {
background: var(--xb-navy);
color: #fff;
font-weight: 900;
}
#urusoko-xb-lp .xb-row > div:nth-child(3) {
background: #f0f9f9;
font-weight: 800;
}
#urusoko-xb-lp .xb-price-card {
display: flex;
flex-direction: column;
justify-content: center;
padding: 38px;
border-radius: var(--xb-radius);
background: linear-gradient(135deg, var(--xb-navy), #1c4b63);
color: #fff;
box-shadow: var(--xb-shadow);
}
#urusoko-xb-lp .xb-price-kicker {
color: #8ee4ec;
font-size: 13px;
font-weight: 900;
letter-spacing: .1em;
}
#urusoko-xb-lp .xb-price-main {
margin-top: 10px;
font-size: clamp(34px, 5vw, 52px);
font-weight: 900;
line-height: 1.2;
}
#urusoko-xb-lp .xb-price-main small {
font-size: 16px;
font-weight: 700;
}
#urusoko-xb-lp .xb-price-plus {
margin: 10px 0;
color: rgba(255,255,255,.55);
font-size: 24px;
font-weight: 300;
}
#urusoko-xb-lp .xb-price-sub {
font-size: 22px;
font-weight: 900;
}
#urusoko-xb-lp .xb-price-desc {
margin-top: 18px;
color: rgba(255,255,255,.75);
font-size: 13px;
} #urusoko-xb-lp .xb-faq {
max-width: 850px;
margin: 42px auto 0;
}
#urusoko-xb-lp details {
border-top: 1px solid var(--xb-line);
background: #fff;
}
#urusoko-xb-lp details:last-child {
border-bottom: 1px solid var(--xb-line);
}
#urusoko-xb-lp summary {
position: relative;
padding: 22px 54px 22px 8px;
color: var(--xb-navy);
font-size: 16px;
font-weight: 800;
cursor: pointer;
list-style: none;
}
#urusoko-xb-lp summary::-webkit-details-marker {
display: none;
}
#urusoko-xb-lp summary::after {
content: "+";
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
color: var(--xb-blue);
font-size: 25px;
font-weight: 400;
}
#urusoko-xb-lp details[open] summary::after {
content: "−";
}
#urusoko-xb-lp .xb-faq-answer {
padding: 0 54px 22px 8px;
color: var(--xb-muted);
font-size: 14px;
} #urusoko-xb-lp .xb-final {
position: relative;
padding: 92px 0;
background:
radial-gradient(circle at 10% 20%, rgba(65,183,199,.22), transparent 24%),
radial-gradient(circle at 90% 85%, rgba(105,185,157,.18), transparent 28%),
linear-gradient(135deg, #102c42, #17475f);
color: #fff;
text-align: center;
}
#urusoko-xb-lp .xb-final-title {
margin: 0;
font-size: clamp(32px, 5vw, 54px);
line-height: 1.4;
font-weight: 900;
}
#urusoko-xb-lp .xb-final-copy {
max-width: 720px;
margin: 20px auto 30px;
color: rgba(255,255,255,.78);
font-size: 16px;
} #urusoko-xb-lp .xb-mobile-sticky {
display: none;
} @media (max-width: 920px) {
#urusoko-xb-lp .xb-hero-grid,
#urusoko-xb-lp .xb-price-grid {
grid-template-columns: 1fr;
}
#urusoko-xb-lp .xb-hero-visual {
min-height: 410px;
max-width: 570px;
width: 100%;
margin: 0 auto;
}
#urusoko-xb-lp .xb-cards-4 {
grid-template-columns: repeat(2, 1fr);
}
#urusoko-xb-lp .xb-services,
#urusoko-xb-lp .xb-reasons {
grid-template-columns: repeat(2, 1fr);
}
#urusoko-xb-lp .xb-work-grid {
grid-template-columns: 1fr;
}
#urusoko-xb-lp .xb-plus {
transform: rotate(90deg);
}
}
@media (max-width: 640px) {
#urusoko-xb-lp {
padding-bottom: 78px;
}
#urusoko-xb-lp .xb-inner {
width: min(var(--xb-max), calc(100% - 30px));
}
#urusoko-xb-lp .xb-section {
padding: 68px 0;
}
#urusoko-xb-lp .xb-hero {
padding: 54px 0 46px;
}
#urusoko-xb-lp .xb-hero-grid {
gap: 28px;
}
#urusoko-xb-lp .xb-hero-title {
font-size: clamp(38px, 12vw, 52px);
}
#urusoko-xb-lp .xb-hero-copy {
font-size: 16px;
}
#urusoko-xb-lp .xb-hero-visual {
min-height: 330px;
}
#urusoko-xb-lp .xb-globe {
width: 245px;
height: 245px;
right: 5%;
top: 34px;
}
#urusoko-xb-lp .xb-market-card {
min-width: 145px;
padding: 11px 12px;
font-size: 11px;
}
#urusoko-xb-lp .xb-market-card span:first-child {
width: 31px;
height: 31px;
font-size: 15px;
}
#urusoko-xb-lp .xb-market-card--1 { left: 0; top: 18px; }
#urusoko-xb-lp .xb-market-card--2 { left: 0; bottom: 26px; }
#urusoko-xb-lp .xb-market-card--3 { right: 0; bottom: 0; }
#urusoko-xb-lp .xb-route {
top: 170px;
left: 55px;
right: 48px;
}
#urusoko-xb-lp .xb-cards-4,
#urusoko-xb-lp .xb-services,
#urusoko-xb-lp .xb-reasons,
#urusoko-xb-lp .xb-evidence {
grid-template-columns: 1fr;
}
#urusoko-xb-lp .xb-compare-stage {
grid-template-columns: 1fr;
}
#urusoko-xb-lp .xb-arrow {
transform: rotate(90deg);
}
#urusoko-xb-lp .xb-row {
grid-template-columns: 1.25fr .9fr .9fr;
}
#urusoko-xb-lp .xb-row > div {
padding: 12px 8px;
font-size: 11px;
}
#urusoko-xb-lp .xb-price-card {
padding: 30px 24px;
}
#urusoko-xb-lp .xb-cta {
width: 100%;
padding-left: 18px;
padding-right: 18px;
font-size: 15px;
}
#urusoko-xb-lp .xb-mobile-sticky {
position: fixed;
z-index: 9999;
left: 0;
right: 0;
bottom: 0;
display: block;
padding: 10px 12px;
background: rgba(255,255,255,.94);
border-top: 1px solid var(--xb-line);
backdrop-filter: blur(10px);
}
#urusoko-xb-lp .xb-mobile-sticky .xb-cta {
min-height: 52px;
font-size: 14px;
}
}
@media (prefers-reduced-motion: reduce) {
#urusoko-xb-lp .xb-cta {
transition: none;
}
}  body:has(#urusoko-xb-v32) .site-content > .ast-container,
body:has(#urusoko-xb-v32) #primary,
body:has(#urusoko-xb-v32) .content-area,
body:has(#urusoko-xb-v32) .site-main,
body:has(#urusoko-xb-v32) .ast-article-single,
body:has(#urusoko-xb-v32) .entry-content,
body:has(#urusoko-xb-v32) .wp-block-post-content,
body:has(#urusoko-xb-v32) .wp-block-html{
width:100%!important;
max-width:none!important;
margin:0!important;
padding-left:0!important;
padding-right:0!important;
}
body:has(#urusoko-xb-v32) #primary{
float:none!important;
}
body:has(#urusoko-xb-v32) .ast-article-single{
border:0!important;
box-shadow:none!important;
}
body:has(#urusoko-xb-v32) .post-thumb,
body:has(#urusoko-xb-v32) .post-thumb-img-content,
body:has(#urusoko-xb-v32) .ast-blog-featured-section{
display:none!important;
}
html,
body:has(#urusoko-xb-v32){
overflow-x:hidden!important;
} #urusoko-xb-v32{
--navy:#0d3047;
--navy2:#174e65;
--blue:#0781bd;
--cyan:#52c4c5;
--yellow:#f4bf43;
--text:#203946;
--body:#425f6d;
--soft:#f4fafb;
--line:#d6e5e9;
--white:#fff;
--shadow:0 18px 48px rgba(13,48,71,.09);
--max:1120px;
width:100%;
overflow:hidden;
background:#fff;
color:var(--text);
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,sans-serif;
line-height:1.8;
letter-spacing:.01em;
font-feature-settings:"palt";
}
#urusoko-xb-v32 *,
#urusoko-xb-v32 *::before,
#urusoko-xb-v32 *::after{
box-sizing:border-box;
}
#urusoko-xb-v32 img,
#urusoko-xb-v32 svg{
max-width:100%;
}
#urusoko-xb-v32 h1,
#urusoko-xb-v32 h2,
#urusoko-xb-v32 h3,
#urusoko-xb-v32 p,
#urusoko-xb-v32 figure{
margin-top:0;
}
#urusoko-xb-v32 h1,
#urusoko-xb-v32 h2,
#urusoko-xb-v32 h3{
margin-bottom:0;
color:var(--navy);
font-weight:900;
}
#urusoko-xb-v32 h2{
font-size:clamp(34px,4vw,49px);
line-height:1.38;
letter-spacing:-.02em;
}
#urusoko-xb-v32 h2 span{
color:var(--blue);
}
#urusoko-xb-v32 a{
text-decoration:none!important;
}
#urusoko-xb-v32 .v32-shell{
width:calc(100% - 48px);
max-width:var(--max);
margin:0 auto;
}
#urusoko-xb-v32 .v32-section{
padding:72px 0;
}
#urusoko-xb-v32 .v32-soft{
background:var(--soft);
} #urusoko-xb-v32 .v32-head{
max-width:960px;
margin:0 auto 36px;
text-align:center;
}
#urusoko-xb-v32 .v32-head > p{
max-width:800px;
margin:20px auto 0;
color:var(--body);
font-size:18px;
}
#urusoko-xb-v32 .v32-pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
margin-bottom:15px;
padding:7px 16px;
border:1px solid #bddce4;
border-radius:999px;
background:#eef8fa;
color:#0878aa;
font-size:15px;
line-height:1.3;
font-weight:900;
}
#urusoko-xb-v32 .v32-pill--white{
border-color:rgba(255,255,255,.35);
background:rgba(255,255,255,.13);
color:#fff;
}
#urusoko-xb-v32 .v32-pill--dark{
border-color:rgba(255,255,255,.18);
background:rgba(255,255,255,.08);
color:#a6ece7;
} #urusoko-xb-v32 .v32-btn,
#urusoko-xb-v32 .v32-btn:visited{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
min-width:430px;
min-height:64px;
max-width:100%;
padding:0 30px!important;
overflow:hidden!important;
isolation:isolate;
border:0!important;
border-radius:999px!important;
background:linear-gradient(135deg,#0781bd,#1698bd)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:18px!important;
font-weight:900!important;
line-height:1!important;
text-align:center!important;
box-shadow:0 14px 34px rgba(7,129,189,.28)!important;
transform:translateY(0);
transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
#urusoko-xb-v32 .v32-btn-text{
display:flex;
align-items:center;
justify-content:center;
min-height:64px;
line-height:1.35;
text-align:center;
}
#urusoko-xb-v32 .v32-btn::after{
content:"→";
display:flex;
align-items:center;
justify-content:center;
margin-left:0!important;
font-size:20px;
line-height:1;
transition:transform .22s ease!important;
}
#urusoko-xb-v32 .v32-btn::before{
content:"";
position:absolute;
z-index:-1;
top:-35%;
left:-38%;
width:28%;
height:170%;
background:rgba(255,255,255,.20);
transform:skewX(-22deg);
transition:left .48s ease;
pointer-events:none;
}
#urusoko-xb-v32 .v32-btn--white,
#urusoko-xb-v32 .v32-btn--white:visited{
background:#fff!important;
color:var(--navy)!important;
-webkit-text-fill-color:var(--navy)!important;
}
@media (hover:hover) and (pointer:fine){
#urusoko-xb-v32 .v32-btn:hover{
transform:translateY(-3px);
box-shadow:0 18px 38px rgba(7,129,189,.34),0 5px 12px rgba(13,48,71,.10)!important;
filter:brightness(1.035);
}
#urusoko-xb-v32 .v32-btn:hover::before{
left:115%;
}
#urusoko-xb-v32 .v32-btn:hover::after{
transform:translateX(5px);
}
}
#urusoko-xb-v32 .v32-mini-points{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:13px;
}
#urusoko-xb-v32 .v32-mini-points span{
padding:7px 11px;
border-radius:999px;
background:#edf6f8;
color:#46626f;
font-size:13px;
font-weight:800;
}
#urusoko-xb-v32 .v32-mini-points--center{
justify-content:center;
} #urusoko-xb-v32 .v32-hero{
padding:54px 0 58px;
background:radial-gradient(circle at 92% 18%,rgba(82,196,197,.10),transparent 27%),linear-gradient(180deg,#fff,#f8fbfc);
}
#urusoko-xb-v32 .v32-hero .v32-shell{
width:calc(100% - 40px);
max-width:1360px;
}
#urusoko-xb-v32 .v32-hero-grid{
display:grid;
grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
gap:48px;
align-items:center;
}
#urusoko-xb-v32 .v32-hero-copy{
min-width:0;
}
#urusoko-xb-v32 .v32-hero-title{
width:100%;
font-size:clamp(44px,3.7vw,56px);
line-height:1.02;
letter-spacing:-.04em;
}
#urusoko-xb-v32 .v32-hero-title .v32-title-line{
display:block;
}
#urusoko-xb-v32 .v32-hero-title .v32-now-line{
margin-top:.015em;
white-space:nowrap;
font-size:.94em;
color:var(--navy);
}
#urusoko-xb-v32 .v32-hero-title .v32-now-line em{
position:relative;
display:inline-block;
color:var(--blue);
font-style:normal;
z-index:0;
}
#urusoko-xb-v32 .v32-hero-title .v32-now-line em::after{
content:"";
position:absolute;
z-index:-1;
left:-2%;
right:-2%;
bottom:1px;
height:8px;
border-radius:999px;
background:rgba(244,191,67,.65);
}
#urusoko-xb-v32 .v32-hero-main{
max-width:610px;
margin:23px 0 0;
color:#284450;
font-size:19px;
line-height:1.72;
font-weight:800;
}
#urusoko-xb-v32 .v32-hero-sub{
max-width:610px;
margin:9px 0 0;
color:#48646f;
font-size:15px;
line-height:1.7;
font-weight:600;
}
#urusoko-xb-v32 .v32-hero-copy .v32-btn{
margin-top:23px;
}
#urusoko-xb-v32 .v32-hero-image{
width:100%;
min-width:0;
margin:0;
}
#urusoko-xb-v32 .v32-hero-image img{
display:block;
width:100%;
height:auto;
border-radius:28px;
box-shadow:0 24px 55px rgba(13,48,71,.12);
} #urusoko-xb-v32 .v32-difference-hero{
padding:72px 0;
background:var(--navy);
}
#urusoko-xb-v32 .v32-difference-grid{
display:grid;
grid-template-columns:240px 1fr;
gap:46px;
align-items:center;
}
#urusoko-xb-v32 .v32-difference-mark{
min-height:210px;
padding:30px;
border:1px solid rgba(255,255,255,.14);
border-radius:30px;
background:radial-gradient(circle at 75% 20%,rgba(82,196,197,.24),transparent 35%),rgba(255,255,255,.07);
}
#urusoko-xb-v32 .v32-difference-visual{
display:grid;
width:112px;
height:112px;
place-items:center;
border-radius:28px;
background:rgba(82,196,197,.12);
color:#9ce9e4;
}
#urusoko-xb-v32 .v32-difference-visual svg{
width:82px;
height:82px;
fill:none;
stroke:currentColor;
stroke-width:3;
stroke-linecap:round;
stroke-linejoin:round;
}
#urusoko-xb-v32 .v32-difference-small{
margin-top:18px;
color:#fff;
font-size:16px;
font-weight:900;
}
#urusoko-xb-v32 .v32-eyebrow{
margin-bottom:7px;
color:#9ce9e4;
font-size:17px;
font-weight:900;
}
#urusoko-xb-v32 .v32-difference-copy h2{
color:#fff;
}
#urusoko-xb-v32 .v32-difference-copy h2 span{
color:#8ee4df;
}
#urusoko-xb-v32 .v32-difference-copy > p:last-child{
max-width:760px;
margin:20px 0 0;
color:rgba(255,255,255,.83);
font-size:18px;
} #urusoko-xb-v32 .v32-support-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
#urusoko-xb-v32 .v32-support-card{
position:relative;
min-width:0;
min-height:360px;
padding:34px 30px 30px!important;
overflow:hidden;
border:1px solid var(--line);
border-radius:25px;
background:#fff;
box-shadow:0 8px 24px rgba(13,48,71,.04);
}
#urusoko-xb-v32 .v32-support-card--main{
border:2px solid #77cccc;
background:linear-gradient(180deg,#fff,#f2fbfb);
box-shadow:var(--shadow);
}
#urusoko-xb-v32 .v32-card-number{
position:absolute;
right:13px;
top:5px;
color:#e9f2f5;
font-size:80px;
line-height:1;
font-weight:900;
letter-spacing:-.05em;
}
#urusoko-xb-v32 .v32-card-icon{
position:relative;
z-index:1;
display:grid;
width:70px;
height:70px;
margin-bottom:18px;
place-items:center;
border-radius:22px;
background:#eaf7f8;
color:var(--blue);
}
#urusoko-xb-v32 .v32-card-icon svg{
width:40px;
height:40px;
fill:none;
stroke:currentColor;
stroke-width:3;
stroke-linecap:round;
stroke-linejoin:round;
}
#urusoko-xb-v32 .v32-card-label{
position:relative;
z-index:1;
color:var(--blue);
font-size:21px;
line-height:1.45;
font-weight:900;
}
#urusoko-xb-v32 .v32-support-card h3{
position:relative;
z-index:1;
margin-top:12px;
font-size:21px;
line-height:1.5;
}
#urusoko-xb-v32 .v32-support-card p{
position:relative;
z-index:1;
margin:11px 0 0;
color:var(--body);
font-size:16px;
} #urusoko-xb-v32 .v32-problem-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
#urusoko-xb-v32 .v32-problem-grid article{
position:relative;
min-width:0;
min-height:185px;
padding:29px 30px!important;
overflow:hidden;
border:1px solid var(--line);
border-radius:24px;
background:#fff;
}
#urusoko-xb-v32 .v32-problem-no{
position:absolute;
right:12px;
top:4px;
color:#edf4f6;
font-size:84px;
line-height:1;
font-weight:900;
}
#urusoko-xb-v32 .v32-problem-grid h3{
position:relative;
z-index:1;
max-width:78%;
font-size:22px;
line-height:1.5;
}
#urusoko-xb-v32 .v32-problem-grid p{
position:relative;
z-index:1;
margin:11px 0 0;
color:var(--body);
font-size:16px;
}
#urusoko-xb-v32 .v32-problem-answer{
display:flex;
align-items:center;
justify-content:center;
gap:16px;
max-width:930px;
margin:34px auto 0;
padding:22px 26px;
border-radius:18px;
background:#eef9f9;
}
#urusoko-xb-v32 .v32-problem-answer span{
flex:0 0 auto;
padding:6px 11px;
border-radius:999px;
background:var(--yellow);
color:var(--navy);
font-size:14px;
font-weight:900;
}
#urusoko-xb-v32 .v32-problem-answer strong{
color:var(--navy);
font-size:20px;
} #urusoko-xb-v32 .v32-flow-section{
color:#fff;
background:linear-gradient(135deg,#0d3047,#174e65);
}
#urusoko-xb-v32 .v32-flow-section .v32-head h2{
color:#fff;
}
#urusoko-xb-v32 .v32-flow-section .v32-head h2 span{
color:#9ce9e4;
}
#urusoko-xb-v32 .v32-flow-section .v32-head p{
color:rgba(255,255,255,.80);
}
#urusoko-xb-v32 .v32-commerce-flow{
display:grid;
grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;
gap:8px;
align-items:stretch;
}
#urusoko-xb-v32 .v32-flow-card{
min-width:0;
min-height:190px;
padding:24px 24px!important;
border:1px solid rgba(255,255,255,.15);
border-radius:20px;
background:rgba(255,255,255,.08);
}
#urusoko-xb-v32 .v32-flow-card--ours{
border-color:rgba(244,191,67,.70);
background:rgba(244,191,67,.10);
}
#urusoko-xb-v32 .v32-flow-num{
color:var(--yellow);
font-size:43px;
line-height:1;
font-weight:900;
}
#urusoko-xb-v32 .v32-flow-title{
margin-top:14px;
color:#fff;
font-size:19px;
line-height:1.45;
font-weight:900;
}
#urusoko-xb-v32 .v32-flow-card p{
margin:9px 0 0;
color:rgba(255,255,255,.76);
font-size:14px;
}
#urusoko-xb-v32 .v32-flow-arrow{
display:grid;
place-items:center;
color:#75d6d1;
font-size:24px;
font-weight:900;
}
#urusoko-xb-v32 .v32-flow-note{
display:flex;
gap:16px;
max-width:900px;
margin:26px auto 0;
padding:17px 20px;
border:1px solid rgba(255,255,255,.15);
border-radius:15px;
background:rgba(255,255,255,.07);
}
#urusoko-xb-v32 .v32-flow-note strong{
flex:0 0 auto;
color:#9ce9e4;
}
#urusoko-xb-v32 .v32-flow-note span{
color:rgba(255,255,255,.78);
font-size:14px;
} #urusoko-xb-v32 .v32-trust{
color:#fff;
background:#092a3d;
}
#urusoko-xb-v32 .v32-trust-intro{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:42px;
align-items:center;
margin-bottom:34px;
}
#urusoko-xb-v32 .v32-trust-title{
color:#fff;
line-height:1.22;
}
#urusoko-xb-v32 .v32-trust-title span{
color:#9ce9e4;
}
#urusoko-xb-v32 .v32-trust-intro > div:first-child > p{
max-width:700px;
margin:14px 0 0;
color:rgba(255,255,255,.80);
font-size:18px;
}
#urusoko-xb-v32 .v32-40{
padding:28px 25px;
border:1px solid rgba(255,255,255,.14);
border-radius:26px;
background:radial-gradient(circle at 80% 10%,rgba(82,196,197,.16),transparent 35%),rgba(255,255,255,.06);
text-align:center;
}
#urusoko-xb-v32 .v32-40 small{
display:block;
color:#9ce9e4;
font-size:15px;
font-weight:900;
}
#urusoko-xb-v32 .v32-40 strong{
display:block;
margin-top:3px;
color:var(--yellow);
font-size:86px;
line-height:1.05;
font-weight:900;
letter-spacing:-.06em;
}
#urusoko-xb-v32 .v32-40 strong span{
margin-left:5px;
color:#fff;
font-size:24px;
letter-spacing:0;
}
#urusoko-xb-v32 .v32-40 p{
margin:3px 0 0;
color:rgba(255,255,255,.75);
font-size:14px;
}
#urusoko-xb-v32 .v32-trust-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:17px;
}
#urusoko-xb-v32 .v32-trust-grid article{
min-width:0;
padding:27px 30px!important;
border:1px solid rgba(255,255,255,.13);
border-radius:21px;
background:rgba(255,255,255,.055);
}
#urusoko-xb-v32 .v32-trust-icon{
display:inline-flex;
min-width:55px;
min-height:38px;
align-items:center;
justify-content:center;
padding:5px 11px;
border-radius:999px;
background:rgba(156,233,228,.12);
color:#9ce9e4;
font-size:16px;
font-weight:900;
}
#urusoko-xb-v32 .v32-trust-grid h3{
margin-top:12px;
color:#fff;
font-size:21px;
line-height:1.45;
}
#urusoko-xb-v32 .v32-trust-grid p{
margin:9px 0 0;
color:rgba(255,255,255,.76);
font-size:15px;
}
#urusoko-xb-v32 .v32-trust-note{
margin:15px 0 0;
color:rgba(255,255,255,.56);
font-size:12px;
text-align:center;
} #urusoko-xb-v32 .v32-step-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
#urusoko-xb-v32 .v32-step-grid article{
position:relative;
min-width:0;
min-height:205px;
padding:28px 30px!important;
overflow:hidden;
border:1px solid var(--line);
border-radius:24px;
background:#fff;
}
#urusoko-xb-v32 .v32-step-no{
position:absolute;
right:13px;
top:5px;
color:#ebf3f5;
font-size:67px;
line-height:1;
font-weight:900;
}
#urusoko-xb-v32 .v32-step-label{
position:relative;
z-index:1;
display:inline-flex;
padding:5px 10px;
border-radius:999px;
background:#eaf7f8;
color:var(--blue);
font-size:13px;
font-weight:900;
}
#urusoko-xb-v32 .v32-step-grid h3{
position:relative;
z-index:1;
max-width:84%;
margin-top:13px;
font-size:20px;
line-height:1.5;
}
#urusoko-xb-v32 .v32-step-grid p{
position:relative;
z-index:1;
margin:9px 0 0;
color:var(--body);
font-size:15px;
}
#urusoko-xb-v32 .v32-center-note{
margin:18px 0 0;
color:#687f8a;
font-size:13px;
text-align:center;
} #urusoko-xb-v32 .v32-consult{
background:radial-gradient(circle at 90% 5%,rgba(82,196,197,.08),transparent 28%),#fff;
}
#urusoko-xb-v32 .v32-consult-head{
margin-bottom:34px;
}
#urusoko-xb-v32 .v32-consult-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
max-width:1020px;
margin:0 auto;
}
#urusoko-xb-v32 .v32-consult-card{
min-width:0;
min-height:190px;
padding:27px 30px!important;
border:1px solid var(--line);
border-radius:23px;
background:#fff;
box-shadow:0 8px 24px rgba(13,48,71,.04);
}
#urusoko-xb-v32 .v32-consult-no{
color:var(--yellow);
font-size:42px;
line-height:1;
font-weight:900;
}
#urusoko-xb-v32 .v32-consult-card h3{
margin-top:13px;
font-size:21px;
line-height:1.45;
}
#urusoko-xb-v32 .v32-consult-card p{
margin:9px 0 0;
color:var(--body);
font-size:15px;
}
#urusoko-xb-v32 .v32-consult-cta{
margin-top:30px;
text-align:center;
} #urusoko-xb-v32 .v32-faq{
max-width:900px;
margin:0 auto;
}
#urusoko-xb-v32 .v32-faq details{
border-top:1px solid var(--line);
}
#urusoko-xb-v32 .v32-faq details:last-child{
border-bottom:1px solid var(--line);
}
#urusoko-xb-v32 .v32-faq summary{
position:relative;
padding:21px 54px 21px 8px;
color:var(--navy);
font-size:17px;
line-height:1.6;
font-weight:900;
cursor:pointer;
list-style:none;
}
#urusoko-xb-v32 .v32-faq summary::-webkit-details-marker{
display:none;
}
#urusoko-xb-v32 .v32-faq summary::after{
content:"+";
position:absolute;
right:12px;
top:50%;
transform:translateY(-50%);
color:var(--blue);
font-size:27px;
}
#urusoko-xb-v32 .v32-faq details[open] summary::after{
content:"−";
}
#urusoko-xb-v32 .v32-faq details > div{
padding:0 54px 21px 8px;
color:var(--body);
font-size:15px;
line-height:1.9;
} #urusoko-xb-v32 .v32-final{
padding:92px 0;
color:#fff;
text-align:center;
background:radial-gradient(circle at 10% 10%,rgba(82,196,197,.15),transparent 26%),linear-gradient(135deg,#0d3047,#174e65);
}
#urusoko-xb-v32 .v32-final h2{
color:#fff;
font-size:clamp(39px,4.8vw,58px);
}
#urusoko-xb-v32 .v32-final > .v32-shell > p{
max-width:760px;
margin:19px auto 0;
color:rgba(255,255,255,.82);
font-size:17px;
}
#urusoko-xb-v32 .v32-final-label{
display:inline-flex;
margin-bottom:15px;
padding:7px 15px;
border:1px solid rgba(255,255,255,.25);
border-radius:999px;
background:rgba(255,255,255,.09);
color:#9ce9e4;
font-size:14px;
font-weight:900;
}
#urusoko-xb-v32 .v32-final .v32-btn{
margin-top:27px;
}
#urusoko-xb-v32 .v32-final .v32-mini-points span{
background:rgba(255,255,255,.09);
color:#fff;
} #urusoko-xb-v32 .v32-mobile-cta{
display:none;
} @media (max-width:1050px){
#urusoko-xb-v32 .v32-hero-grid{
grid-template-columns:1fr;
gap:30px;
}
#urusoko-xb-v32 .v32-hero-copy{
max-width:760px;
}
#urusoko-xb-v32 .v32-hero-main,
#urusoko-xb-v32 .v32-hero-sub{
max-width:760px;
}
#urusoko-xb-v32 .v32-hero-image{
max-width:900px;
}
}
@media (max-width:920px){
#urusoko-xb-v32 .v32-section{
padding:72px 0;
}
#urusoko-xb-v32 .v32-difference-grid,
#urusoko-xb-v32 .v32-trust-intro{
grid-template-columns:1fr;
}
#urusoko-xb-v32 .v32-support-grid,
#urusoko-xb-v32 .v32-trust-grid,
#urusoko-xb-v32 .v32-step-grid,
#urusoko-xb-v32 .v32-consult-grid{
grid-template-columns:1fr;
}
#urusoko-xb-v32 .v32-support-card,
#urusoko-xb-v32 .v32-step-grid article,
#urusoko-xb-v32 .v32-consult-card{
min-height:0;
}
#urusoko-xb-v32 .v32-commerce-flow{
grid-template-columns:1fr;
gap:10px;
}
#urusoko-xb-v32 .v32-flow-arrow{
height:28px;
font-size:0;
}
#urusoko-xb-v32 .v32-flow-arrow::after{
content:"↓";
color:#75d6d1;
font-size:24px;
}
#urusoko-xb-v32 .v32-40{
max-width:420px;
}
} @media (max-width:640px){
#urusoko-xb-v32{
padding-bottom:74px;
}
#urusoko-xb-v32 .v32-shell,
#urusoko-xb-v32 .v32-hero .v32-shell{
width:calc(100% - 32px);
max-width:none;
}
#urusoko-xb-v32 .v32-section{
padding:56px 0;
} #urusoko-xb-v32 .v32-hero{
padding:34px 0 44px;
}
#urusoko-xb-v32 .v32-hero-grid{
gap:24px;
}
#urusoko-xb-v32 .v32-pill{
max-width:100%;
min-height:34px;
margin-bottom:12px;
padding:6px 12px;
font-size:12px;
white-space:normal;
text-align:center;
}
#urusoko-xb-v32 .v32-hero-title{
font-size:36px;
line-height:1.06;
letter-spacing:-.035em;
}
#urusoko-xb-v32 .v32-hero-title .v32-now-line{
margin-top:.04em;
white-space:normal;
font-size:1em;
}
#urusoko-xb-v32 .v32-hero-main{
margin-top:18px;
font-size:16px;
line-height:1.72;
}
#urusoko-xb-v32 .v32-hero-main br{
display:none;
}
#urusoko-xb-v32 .v32-hero-sub{
margin-top:8px;
font-size:14px;
line-height:1.65;
}
#urusoko-xb-v32 .v32-hero-copy .v32-btn{
margin-top:19px;
}
#urusoko-xb-v32 .v32-hero-image img{
border-radius:18px;
box-shadow:0 16px 34px rgba(13,48,71,.10);
} #urusoko-xb-v32 .v32-btn,
#urusoko-xb-v32 .v32-btn:visited{
width:100%;
min-width:0;
min-height:54px;
padding:0 16px!important;
font-size:15px!important;
}
#urusoko-xb-v32 .v32-btn-text{
min-height:54px;
}
#urusoko-xb-v32 .v32-btn::after{
flex:0 0 auto;
font-size:18px;
}
#urusoko-xb-v32 .v32-mini-points{
gap:6px;
margin-top:10px;
}
#urusoko-xb-v32 .v32-mini-points span{
padding:6px 9px;
font-size:11px;
} #urusoko-xb-v32 h2{
font-size:28px;
line-height:1.4;
}
#urusoko-xb-v32 .v32-head{
margin-bottom:28px;
}
#urusoko-xb-v32 .v32-head h2 br,
#urusoko-xb-v32 .v32-difference-copy h2 br,
#urusoko-xb-v32 .v32-trust-title br,
#urusoko-xb-v32 .v32-final h2 br,
#urusoko-xb-v32 .v32-final > .v32-shell > p br{
display:none;
}
#urusoko-xb-v32 .v32-head > p{
margin-top:14px;
font-size:15px;
line-height:1.75;
} #urusoko-xb-v32 .v32-difference-hero{
padding:52px 0;
}
#urusoko-xb-v32 .v32-difference-grid{
gap:24px;
}
#urusoko-xb-v32 .v32-difference-mark{
min-height:0;
padding:20px;
border-radius:22px;
}
#urusoko-xb-v32 .v32-difference-visual{
width:78px;
height:78px;
border-radius:20px;
}
#urusoko-xb-v32 .v32-difference-visual svg{
width:56px;
height:56px;
}
#urusoko-xb-v32 .v32-difference-small{
margin-top:12px;
font-size:14px;
}
#urusoko-xb-v32 .v32-eyebrow{
margin-bottom:8px;
font-size:14px;
line-height:1.6;
}
#urusoko-xb-v32 .v32-difference-copy > p:last-child{
margin-top:14px;
font-size:15px;
line-height:1.75;
} #urusoko-xb-v32 .v32-support-grid,
#urusoko-xb-v32 .v32-problem-grid,
#urusoko-xb-v32 .v32-trust-grid,
#urusoko-xb-v32 .v32-step-grid,
#urusoko-xb-v32 .v32-consult-grid{
grid-template-columns:1fr;
gap:14px;
}
#urusoko-xb-v32 .v32-support-card,
#urusoko-xb-v32 .v32-problem-grid article,
#urusoko-xb-v32 .v32-trust-grid article,
#urusoko-xb-v32 .v32-step-grid article,
#urusoko-xb-v32 .v32-consult-card{
min-height:0;
padding:24px 22px!important;
border-radius:20px;
}
#urusoko-xb-v32 .v32-card-number{
right:10px;
top:8px;
font-size:58px;
}
#urusoko-xb-v32 .v32-card-icon{
width:58px;
height:58px;
margin-bottom:14px;
border-radius:17px;
}
#urusoko-xb-v32 .v32-card-icon svg{
width:34px;
height:34px;
}
#urusoko-xb-v32 .v32-card-label{
padding-right:38px;
font-size:18px;
}
#urusoko-xb-v32 .v32-support-card h3{
margin-top:9px;
font-size:18px;
}
#urusoko-xb-v32 .v32-support-card p{
margin-top:8px;
font-size:14px;
line-height:1.75;
}
#urusoko-xb-v32 .v32-problem-no,
#urusoko-xb-v32 .v32-step-no{
right:10px;
top:8px;
font-size:54px;
}
#urusoko-xb-v32 .v32-problem-grid h3,
#urusoko-xb-v32 .v32-step-grid h3{
max-width:82%;
font-size:18px;
}
#urusoko-xb-v32 .v32-problem-grid p,
#urusoko-xb-v32 .v32-step-grid p{
font-size:14px;
}
#urusoko-xb-v32 .v32-problem-answer{
display:block;
margin-top:20px;
padding:18px;
}
#urusoko-xb-v32 .v32-problem-answer strong{
display:block;
margin-top:9px;
font-size:17px;
line-height:1.6;
} #urusoko-xb-v32 .v32-commerce-flow{
gap:7px;
}
#urusoko-xb-v32 .v32-flow-card{
min-height:0;
padding:20px 22px!important;
border-radius:18px;
}
#urusoko-xb-v32 .v32-flow-num{
font-size:34px;
}
#urusoko-xb-v32 .v32-flow-title{
margin-top:8px;
font-size:17px;
}
#urusoko-xb-v32 .v32-flow-card p{
margin-top:5px;
font-size:13px;
}
#urusoko-xb-v32 .v32-flow-note{
display:block;
margin-top:18px;
padding:16px;
}
#urusoko-xb-v32 .v32-flow-note span{
display:block;
margin-top:6px;
font-size:13px;
line-height:1.75;
} #urusoko-xb-v32 .v32-trust-intro{
gap:22px;
margin-bottom:24px;
}
#urusoko-xb-v32 .v32-trust-intro > div:first-child > p{
margin-top:12px;
font-size:15px;
line-height:1.75;
}
#urusoko-xb-v32 .v32-40{
width:100%;
max-width:none;
padding:22px 18px;
border-radius:20px;
}
#urusoko-xb-v32 .v32-40 strong{
font-size:64px;
}
#urusoko-xb-v32 .v32-40 strong span{
font-size:19px;
}
#urusoko-xb-v32 .v32-trust-grid h3{
font-size:18px;
}
#urusoko-xb-v32 .v32-trust-grid p{
font-size:14px;
} #urusoko-xb-v32 .v32-consult-no{
font-size:34px;
}
#urusoko-xb-v32 .v32-consult-card h3{
margin-top:9px;
font-size:18px;
}
#urusoko-xb-v32 .v32-consult-card p{
font-size:14px;
}
#urusoko-xb-v32 .v32-consult-cta{
margin-top:22px;
} #urusoko-xb-v32 .v32-faq summary{
padding:18px 42px 18px 2px;
font-size:15px;
}
#urusoko-xb-v32 .v32-faq summary::after{
right:4px;
font-size:23px;
}
#urusoko-xb-v32 .v32-faq details > div{
padding:0 4px 18px 2px;
font-size:14px;
line-height:1.8;
} #urusoko-xb-v32 .v32-final{
padding:58px 0;
}
#urusoko-xb-v32 .v32-final h2{
font-size:30px;
line-height:1.35;
}
#urusoko-xb-v32 .v32-final > .v32-shell > p{
margin-top:14px;
font-size:15px;
line-height:1.75;
}
#urusoko-xb-v32 .v32-final .v32-btn{
margin-top:21px;
} #urusoko-xb-v32 .v32-mobile-cta{
position:fixed;
z-index:99999;
left:0;
right:0;
bottom:0;
display:block;
padding:8px 10px max(8px,env(safe-area-inset-bottom));
border-top:1px solid var(--line);
background:rgba(255,255,255,.96);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
}
#urusoko-xb-v32 .v32-mobile-cta .v32-btn{
min-height:48px;
font-size:14px!important;
}
#urusoko-xb-v32 .v32-mobile-cta .v32-btn-text{
min-height:48px;
}
}
@media (prefers-reduced-motion:reduce){
#urusoko-xb-v32 .v32-btn,
#urusoko-xb-v32 .v32-btn::before,
#urusoko-xb-v32 .v32-btn::after{
transition:none!important;
}
}  body:has(#urusoko-xb-v32) .entry-header,
body:has(#urusoko-xb-v32) .entry-title,
body:has(#urusoko-xb-v32) .ast-single-entry-banner,
body:has(#urusoko-xb-v32) .ast-single-post-featured-section,
body:has(#urusoko-xb-v32) .ast-blog-featured-section,
body:has(#urusoko-xb-v32) .ast-featured-img,
body:has(#urusoko-xb-v32) .post-thumb,
body:has(#urusoko-xb-v32) .post-thumb-img-content,
body:has(#urusoko-xb-v32) .wp-block-post-featured-image{
display:none!important;
margin:0!important;
padding:0!important;
height:0!important;
min-height:0!important;
} body:has(#urusoko-xb-v32) img[src*="no-image.svg"],
body:has(#urusoko-xb-v32) img[src*="/2022/01/no-image.svg"]{
display:none!important;
width:0!important;
height:0!important;
margin:0!important;
padding:0!important;
} body:has(#urusoko-xb-v32) .site-main > article,
body:has(#urusoko-xb-v32) .ast-article-single{
padding-top:0!important;
margin-top:0!important;
}
body:has(#urusoko-xb-v32) .entry-content{
margin-top:0!important;
padding-top:0!important;
} @media (max-width:640px){
#urusoko-xb-v32 .v32-hero{
padding-top:30px!important;
}
#urusoko-xb-v32 .v32-hero-title{
font-size:36px!important;
line-height:1!important;
letter-spacing:-.045em!important;
}
#urusoko-xb-v32 .v32-hero-title .v32-title-line:first-child{
display:block!important;
white-space:nowrap!important;
} #urusoko-xb-v32 .v32-hero-title .v32-now-line{
display:block!important;
margin-top:.10em!important;
white-space:nowrap!important;
font-size:clamp(25px,7.05vw,28px)!important;
line-height:1.05!important;
letter-spacing:-.065em!important;
}
#urusoko-xb-v32 .v32-hero-title .v32-now-line em{
white-space:nowrap!important;
} #urusoko-xb-v32 .v32-hero-main{
margin-top:17px!important;
}
} @media (max-width:374px){
#urusoko-xb-v32 .v32-hero-title{
font-size:33px!important;
}
#urusoko-xb-v32 .v32-hero-title .v32-now-line{
font-size:24px!important;
letter-spacing:-.07em!important;
}
} @media (max-width:640px){ #urusoko-xb-v32 .v32-hero{
padding:28px 0 36px!important;
}
#urusoko-xb-v32 .v32-hero-grid{
gap:22px!important;
} #urusoko-xb-v32 .v32-hero .v32-pill{
margin-bottom:11px!important;
padding:5px 10px!important;
font-size:11px!important;
line-height:1.35!important;
} #urusoko-xb-v32 .v32-hero-title{
font-size:34px!important;
line-height:1.08!important;
letter-spacing:-.04em!important;
}
#urusoko-xb-v32 .v32-hero-title .v32-title-line:first-child{
white-space:nowrap!important;
}
#urusoko-xb-v32 .v32-hero-title .v32-now-line{
margin-top:.08em!important;
white-space:nowrap!important;
font-size:27px!important;
line-height:1.08!important;
letter-spacing:-.055em!important;
} #urusoko-xb-v32 .v32-hero-main{
margin-top:19px!important;
font-size:15px!important;
line-height:1.8!important;
font-weight:700!important;
letter-spacing:.005em!important;
}
#urusoko-xb-v32 .v32-hero-main br{
display:none!important;
}
#urusoko-xb-v32 .v32-hero-sub{
margin-top:10px!important;
font-size:13px!important;
line-height:1.72!important;
font-weight:500!important;
} #urusoko-xb-v32 .v32-hero-copy .v32-btn{
margin-top:20px!important;
min-height:52px!important;
font-size:14px!important;
}
#urusoko-xb-v32 .v32-hero-copy .v32-btn-text{
min-height:52px!important;
} #urusoko-xb-v32 .v32-hero .v32-mini-points{
margin-top:10px!important;
gap:6px!important;
}
#urusoko-xb-v32 .v32-hero .v32-mini-points span{
padding:5px 8px!important;
font-size:10px!important;
line-height:1.35!important;
} #urusoko-xb-v32 .v32-hero-image{
margin-top:4px!important;
}
#urusoko-xb-v32 .v32-hero-image img{
border-radius:18px!important;
box-shadow:0 14px 30px rgba(13,48,71,.10)!important;
} #urusoko-xb-v32 .v32-mobile-cta{
display:block!important;
opacity:0;
visibility:hidden;
transform:translateY(100%);
transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
pointer-events:none;
}
#urusoko-xb-v32 .v32-mobile-cta.is-visible{
opacity:1;
visibility:visible;
transform:translateY(0);
pointer-events:auto;
}
#urusoko-xb-v32 .v32-mobile-cta .v32-btn{
min-height:46px!important;
font-size:13px!important;
}
#urusoko-xb-v32 .v32-mobile-cta .v32-btn-text{
min-height:46px!important;
}
} @media (max-width:374px){
#urusoko-xb-v32 .v32-hero-title{
font-size:32px!important;
}
#urusoko-xb-v32 .v32-hero-title .v32-now-line{
font-size:25px!important;
}
} @media (max-width:640px){ html:has(#urusoko-xb-v32),
body:has(#urusoko-xb-v32){
margin-bottom:0!important;
padding-bottom:0!important;
background:#0d2f4f!important;
} body:has(#urusoko-xb-v32) #page,
body:has(#urusoko-xb-v32) .site{
margin-bottom:0!important;
padding-bottom:0!important;
min-height:0!important;
background:#0d2f4f!important;
}
body:has(#urusoko-xb-v32) #content,
body:has(#urusoko-xb-v32) .site-content{
margin-bottom:0!important;
padding-bottom:0!important;
background:#fff!important;
} body:has(#urusoko-xb-v32) #colophon,
body:has(#urusoko-xb-v32) .site-footer,
body:has(#urusoko-xb-v32) .site-below-footer-wrap,
body:has(#urusoko-xb-v32) .ast-builder-footer-grid-columns{
margin-bottom:0!important;
border-bottom:0!important;
background-color:#0d2f4f!important;
} #urusoko-xb-v32{
padding-bottom:0!important;
}
}  #urusoko-xb-v32 .v32-hero-catch{
margin:0 0 8px;
color:#607883;
font-size:15px;
font-weight:800;
}
#urusoko-xb-v32 .v32-hero-title--new{
font-size:clamp(48px,4.4vw,66px)!important;
line-height:1.03!important;
}
#urusoko-xb-v32 .v32-hero-title--new span,
#urusoko-xb-v32 .v32-hero-title--new strong{
display:block;
}
#urusoko-xb-v32 .v32-hero-title--new strong{
margin-top:.05em;
color:var(--blue);
}
#urusoko-xb-v32 .v32-hero-lead{
margin:22px 0 0;
color:var(--navy);
font-size:21px;
line-height:1.65;
font-weight:800;
}
#urusoko-xb-v32 .v32-hero-lead strong{
color:var(--blue);
}
#urusoko-xb-v32 .v32-hero-main--new{
margin-top:12px!important;
font-size:16px!important;
line-height:1.8!important;
font-weight:600!important;
color:#47616d!important;
}
#urusoko-xb-v32 .v32-cta-copy{
margin-top:19px;
color:#607883;
font-size:13px;
font-weight:800;
} #urusoko-xb-v32 .v32-overview{
padding:62px 0 66px;
border-top:1px solid #e8f0f3;
background:#f5fafb;
}
#urusoko-xb-v32 .v32-overview-head{
max-width:880px;
margin:0 auto 34px;
text-align:center;
}
#urusoko-xb-v32 .v32-overview-head h2{
font-size:clamp(34px,4vw,48px);
}
#urusoko-xb-v32 .v32-overview-head p{
margin:15px 0 0;
color:var(--body);
font-size:17px;
}
#urusoko-xb-v32 .v32-overview-flow{
display:grid;
grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr 26px 1fr 26px 1fr;
gap:6px;
align-items:stretch;
}
#urusoko-xb-v32 .v32-overview-flow article{
position:relative;
min-width:0;
min-height:175px;
padding:22px 16px;
border:1px solid #d5e5e9;
border-radius:20px;
background:#fff;
text-align:center;
}
#urusoko-xb-v32 .v32-overview-main{
border:2px solid #78ced0!important;
background:#effafa!important;
box-shadow:0 12px 30px rgba(13,48,71,.07);
}
#urusoko-xb-v32 .v32-overview-no{
position:absolute;
top:9px;
right:11px;
color:#eaf3f5;
font-size:35px;
line-height:1;
font-weight:900;
}
#urusoko-xb-v32 .v32-overview-icon{
display:grid;
width:50px;
height:50px;
margin:4px auto 12px;
place-items:center;
border-radius:16px;
background:#eaf7f8;
color:var(--blue);
font-size:21px;
font-weight:900;
}
#urusoko-xb-v32 .v32-overview-flow h3{
font-size:17px;
line-height:1.4;
}
#urusoko-xb-v32 .v32-overview-flow p{
margin:8px 0 0;
color:#607884;
font-size:12px;
line-height:1.6;
}
#urusoko-xb-v32 .v32-overview-arrow{
display:grid;
place-items:center;
color:#6fc9ca;
font-size:20px;
font-weight:900;
}
#urusoko-xb-v32 .v32-overview-note{
margin:18px 0 0;
color:#70858e;
font-size:12px;
text-align:center;
} #urusoko-xb-v32 .v32-proposal{
background:#fff;
}
#urusoko-xb-v32 .v32-problem-grid--three{
grid-template-columns:repeat(3,minmax(0,1fr));
}
#urusoko-xb-v32 .v32-proposal-message{
max-width:850px;
margin:34px auto 0;
padding:27px;
border-radius:22px;
background:linear-gradient(135deg,#edf8fa,#f9fcfc);
text-align:center;
}
#urusoko-xb-v32 .v32-proposal-message small{
display:inline-flex;
margin-bottom:7px;
padding:4px 10px;
border-radius:999px;
background:var(--yellow);
color:var(--navy);
font-weight:900;
}
#urusoko-xb-v32 .v32-proposal-message strong{
display:block;
color:var(--navy);
font-size:27px;
line-height:1.5;
}
#urusoko-xb-v32 .v32-proposal-message p{
margin:7px 0 0;
color:var(--body);
font-size:16px;
}
#urusoko-xb-v32 .v32-inline-cta{
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
max-width:970px;
margin:28px auto 0;
padding:25px 28px;
border:1px solid #cce3e7;
border-radius:22px;
background:#fff;
box-shadow:0 10px 28px rgba(13,48,71,.06);
}
#urusoko-xb-v32 .v32-inline-cta > div{
min-width:0;
}
#urusoko-xb-v32 .v32-inline-cta strong{
display:block;
color:var(--navy);
font-size:19px;
}
#urusoko-xb-v32 .v32-inline-cta span{
display:block;
margin-top:4px;
color:#67808b;
font-size:14px;
}
#urusoko-xb-v32 .v32-inline-cta .v32-btn{
min-width:340px;
} #urusoko-xb-v32 .v32-trade-section{
color:#fff;
background:linear-gradient(135deg,#0d3047,#174e65);
}
#urusoko-xb-v32 .v32-trade-section .v32-head h2{
color:#fff;
}
#urusoko-xb-v32 .v32-trade-section .v32-head h2 span{
color:#9ce9e4;
}
#urusoko-xb-v32 .v32-trade-section .v32-head > p{
color:rgba(255,255,255,.78);
}
#urusoko-xb-v32 .v32-trade-map{
max-width:1040px;
margin:0 auto;
padding:28px;
border:1px solid rgba(255,255,255,.15);
border-radius:28px;
background:rgba(255,255,255,.06);
}
#urusoko-xb-v32 .v32-trade-legend{
display:flex;
justify-content:flex-end;
gap:20px;
margin-bottom:20px;
color:rgba(255,255,255,.78);
font-size:12px;
font-weight:800;
}
#urusoko-xb-v32 .v32-legend-order::first-letter{
color:#69d1d1;
}
#urusoko-xb-v32 .v32-legend-goods::first-letter{
color:var(--yellow);
}
#urusoko-xb-v32 .v32-trade-lane{
display:grid;
grid-template-columns:70px 1fr 110px 1fr 110px 1fr;
gap:12px;
align-items:center;
}
#urusoko-xb-v32 .v32-trade-lane + .v32-trade-lane{
margin-top:20px;
padding-top:20px;
border-top:1px dashed rgba(255,255,255,.17);
}
#urusoko-xb-v32 .v32-trade-lane-title{
display:grid;
min-height:72px;
place-items:center;
border-radius:16px;
background:rgba(255,255,255,.09);
color:#fff;
font-size:18px;
font-weight:900;
}
#urusoko-xb-v32 .v32-trade-box{
min-width:0;
min-height:124px;
padding:19px 17px;
border:1px solid rgba(255,255,255,.15);
border-radius:18px;
background:rgba(255,255,255,.07);
}
#urusoko-xb-v32 .v32-trade-box--daigo{
border-color:rgba(156,233,228,.45);
background:rgba(82,196,197,.10);
}
#urusoko-xb-v32 .v32-trade-box--platform{
border-color:rgba(244,191,67,.38);
}
#urusoko-xb-v32 .v32-trade-box small{
color:#9ce9e4;
font-size:11px;
font-weight:900;
}
#urusoko-xb-v32 .v32-trade-box strong{
display:block;
margin-top:4px;
color:#fff;
font-size:17px;
line-height:1.45;
}
#urusoko-xb-v32 .v32-trade-box p{
margin:7px 0 0;
color:rgba(255,255,255,.69);
font-size:12px;
line-height:1.6;
}
#urusoko-xb-v32 .v32-trade-line{
position:relative;
text-align:center;
}
#urusoko-xb-v32 .v32-trade-line span{
display:block;
margin-bottom:3px;
font-size:10px;
font-weight:800;
}
#urusoko-xb-v32 .v32-trade-line b{
font-size:27px;
}
#urusoko-xb-v32 .v32-trade-line--order{
color:#72d5d2;
}
#urusoko-xb-v32 .v32-trade-line--goods{
color:var(--yellow);
}
#urusoko-xb-v32 .v32-trade-note{
max-width:980px;
margin:22px auto 0;
padding:18px 21px;
border:1px solid rgba(255,255,255,.14);
border-radius:16px;
background:rgba(255,255,255,.06);
}
#urusoko-xb-v32 .v32-trade-note strong{
color:#9ce9e4;
}
#urusoko-xb-v32 .v32-trade-note p{
margin:5px 0 0;
color:rgba(255,255,255,.75);
font-size:13px;
line-height:1.75;
} #urusoko-xb-v32 .v32-final-label{
letter-spacing:.12em;
} @media (max-width:1050px){
#urusoko-xb-v32 .v32-overview-flow{
grid-template-columns:repeat(3,1fr);
gap:14px;
}
#urusoko-xb-v32 .v32-overview-arrow{
display:none;
}
#urusoko-xb-v32 .v32-trade-lane{
grid-template-columns:64px 1fr 80px 1fr 80px 1fr;
}
}
@media (max-width:920px){
#urusoko-xb-v32 .v32-problem-grid--three{
grid-template-columns:1fr;
}
#urusoko-xb-v32 .v32-inline-cta{
display:block;
}
#urusoko-xb-v32 .v32-inline-cta .v32-btn{
width:100%;
min-width:0;
margin-top:18px;
}
#urusoko-xb-v32 .v32-trade-lane{
grid-template-columns:1fr;
gap:8px;
}
#urusoko-xb-v32 .v32-trade-lane-title{
min-height:48px;
}
#urusoko-xb-v32 .v32-trade-line b{
display:block;
transform:rotate(90deg);
}
}
@media (max-width:640px){ #urusoko-xb-v32 .v32-hero{
padding:30px 0 38px!important;
}
#urusoko-xb-v32 .v32-hero-catch{
margin-bottom:5px;
font-size:11px;
}
#urusoko-xb-v32 .v32-hero-title--new{
font-size:39px!important;
line-height:1.04!important;
}
#urusoko-xb-v32 .v32-hero-title--new strong{
margin-top:0;
}
#urusoko-xb-v32 .v32-hero-lead{
margin-top:16px;
font-size:17px;
line-height:1.6;
}
#urusoko-xb-v32 .v32-hero-lead br{
display:none;
}
#urusoko-xb-v32 .v32-hero-main--new{
margin-top:10px!important;
font-size:14px!important;
line-height:1.75!important;
}
#urusoko-xb-v32 .v32-cta-copy{
margin-top:16px;
font-size:11px;
} #urusoko-xb-v32 .v32-overview{
padding:50px 0 54px;
}
#urusoko-xb-v32 .v32-overview-head{
margin-bottom:24px;
}
#urusoko-xb-v32 .v32-overview-head h2{
font-size:27px;
line-height:1.4;
}
#urusoko-xb-v32 .v32-overview-head h2 br{
display:none;
}
#urusoko-xb-v32 .v32-overview-head p{
font-size:14px;
}
#urusoko-xb-v32 .v32-overview-flow{
grid-template-columns:1fr;
gap:10px;
}
#urusoko-xb-v32 .v32-overview-flow article{
display:grid;
grid-template-columns:48px 1fr;
column-gap:13px;
min-height:0;
padding:17px 18px;
text-align:left;
}
#urusoko-xb-v32 .v32-overview-icon{
grid-row:1 / 3;
width:48px;
height:48px;
margin:0;
}
#urusoko-xb-v32 .v32-overview-flow h3{
align-self:end;
font-size:16px;
}
#urusoko-xb-v32 .v32-overview-flow p{
margin-top:2px;
font-size:12px;
}
#urusoko-xb-v32 .v32-overview-no{
top:7px;
right:10px;
font-size:31px;
} #urusoko-xb-v32 .v32-proposal-message{
padding:21px 17px;
}
#urusoko-xb-v32 .v32-proposal-message strong{
font-size:20px;
}
#urusoko-xb-v32 .v32-proposal-message p{
font-size:14px;
}
#urusoko-xb-v32 .v32-inline-cta{
padding:20px 18px;
border-radius:18px;
}
#urusoko-xb-v32 .v32-inline-cta strong{
font-size:17px;
} #urusoko-xb-v32 .v32-trade-map{
padding:18px 14px;
border-radius:20px;
}
#urusoko-xb-v32 .v32-trade-legend{
display:block;
margin-bottom:14px;
}
#urusoko-xb-v32 .v32-trade-legend span{
display:block;
margin-top:3px;
}
#urusoko-xb-v32 .v32-trade-box{
min-height:0;
padding:17px;
}
#urusoko-xb-v32 .v32-trade-line{
min-height:39px;
}
#urusoko-xb-v32 .v32-trade-line span{
margin-bottom:-5px;
} #urusoko-xb-v32 .v32-download-box{
padding:25px 19px;
border-radius:22px;
}
#urusoko-xb-v32 .v32-download-copy h2{
font-size:28px;
}
#urusoko-xb-v32 .v32-download-copy h2 br{
display:none;
}
#urusoko-xb-v32 .v32-download-copy > p{
font-size:14px;
}
#urusoko-xb-v32 .v32-download-detail{
padding:20px;
} #urusoko-xb-v32 .v32-mobile-cta .v32-btn{
font-size:12px!important;
}
}  #urusoko-xb-v32 .v32-section{
padding:72px 0!important;
}
#urusoko-xb-v32 .v32-head{
margin-bottom:36px!important;
}
#urusoko-xb-v32 .v32-head > p{
max-width:820px;
margin:17px auto 0!important;
font-size:17px;
line-height:1.85;
} #urusoko-xb-v32 .v32-problem-head{
max-width:1120px;
margin-bottom:40px!important;
}
#urusoko-xb-v32 .v32-problem-title{
margin:0;
font-size:clamp(38px,4.1vw,58px);
line-height:1.25;
letter-spacing:-.035em;
}
#urusoko-xb-v32 .v32-problem-line{
display:block;
color:var(--navy);
}
#urusoko-xb-v32 .v32-problem-line--accent{
margin-top:.06em;
color:var(--blue);
}
#urusoko-xb-v32 .v32-problem-grid--three{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
#urusoko-xb-v32 .v32-problem-card{
position:relative;
min-width:0;
min-height:220px;
padding:31px 28px 27px!important;
overflow:hidden;
border:1px solid var(--line);
border-radius:25px;
background:#fff;
}
#urusoko-xb-v32 .v32-problem-card .v32-problem-no{
top:10px;
right:14px;
font-size:68px;
}
#urusoko-xb-v32 .v32-problem-card h3{
position:relative;
z-index:1;
max-width:80%;
margin:0;
font-size:21px;
line-height:1.5;
}
#urusoko-xb-v32 .v32-problem-card p{
position:relative;
z-index:1;
margin:13px 0 0;
color:var(--body);
font-size:15px;
line-height:1.85;
}
#urusoko-xb-v32 .v32-proposal-message{
margin-top:28px;
padding:23px 24px;
}
#urusoko-xb-v32 .v32-proposal-message strong{
font-size:25px;
}
#urusoko-xb-v32 .v32-inline-cta{
margin-top:22px;
padding:22px 26px;
} #urusoko-xb-v32 .v32-docs-section{
padding:70px 0!important;
background:#fff;
}
#urusoko-xb-v32 .v32-docs-box{
padding:42px;
border:1px solid #cfe2e6;
border-radius:30px;
background:
radial-gradient(circle at 94% 8%,rgba(82,196,197,.10),transparent 31%),
linear-gradient(180deg,#f9fcfd 0%,#f3f9fa 100%);
box-shadow:0 18px 46px rgba(13,48,71,.07);
}
#urusoko-xb-v32 .v32-docs-grid{
display:grid;
grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
gap:38px;
align-items:start;
}
#urusoko-xb-v32 .v32-docs-copy{
min-width:0;
padding:4px 0;
}
#urusoko-xb-v32 .v32-docs-title{
margin:7px 0 0;
font-size:clamp(34px,3.45vw,48px);
line-height:1.3;
letter-spacing:-.03em;
}
#urusoko-xb-v32 .v32-docs-title span{
color:var(--blue);
}
#urusoko-xb-v32 .v32-docs-text{
max-width:610px;
margin:18px 0 0;
color:var(--body);
font-size:16px;
line-height:1.9;
}
#urusoko-xb-v32 .v32-docs-copy .v32-btn{
margin-top:24px;
}
#urusoko-xb-v32 .v32-docs-panel{
min-width:0;
padding:26px 28px 18px;
border:1px solid #e0eaed;
border-radius:24px;
background:#fff;
box-shadow:0 8px 22px rgba(13,48,71,.04);
}
#urusoko-xb-v32 .v32-docs-panel-title{
margin:0 0 14px;
color:var(--navy);
font-size:23px;
line-height:1.4;
font-weight:900;
}
#urusoko-xb-v32 .v32-docs-list{
display:grid;
}
#urusoko-xb-v32 .v32-doc-item{
display:grid;
grid-template-columns:54px minmax(0,1fr);
gap:15px;
align-items:start;
padding:20px 0;
border-top:1px solid var(--line);
}
#urusoko-xb-v32 .v32-doc-item:first-child{
border-top:0;
padding-top:10px;
}
#urusoko-xb-v32 .v32-doc-num{
color:var(--yellow);
font-size:31px;
line-height:1;
font-weight:900;
}
#urusoko-xb-v32 .v32-doc-body{
min-width:0;
}
#urusoko-xb-v32 .v32-doc-body h4{
margin:0;
color:var(--navy);
font-size:18px;
line-height:1.5;
font-weight:900;
}
#urusoko-xb-v32 .v32-doc-body p{
width:100%;
margin:7px 0 0;
color:var(--body);
font-size:14px;
line-height:1.75;
white-space:normal;
word-break:normal;
overflow-wrap:anywhere;
} @media (max-width:920px){
#urusoko-xb-v32 .v32-problem-grid--three{
grid-template-columns:1fr;
}
#urusoko-xb-v32 .v32-problem-card{
min-height:0;
}
#urusoko-xb-v32 .v32-docs-grid{
grid-template-columns:1fr;
gap:26px;
}
#urusoko-xb-v32 .v32-docs-text{
max-width:none;
}
} @media (max-width:640px){
#urusoko-xb-v32 .v32-section{
padding:50px 0!important;
}
#urusoko-xb-v32 .v32-head{
margin-bottom:26px!important;
}
#urusoko-xb-v32 .v32-head > p{
font-size:14px;
line-height:1.75;
}
#urusoko-xb-v32 .v32-head > p br{
display:none;
} #urusoko-xb-v32 .v32-problem-head{
margin-bottom:25px!important;
}
#urusoko-xb-v32 .v32-problem-title{
font-size:29px;
line-height:1.34;
letter-spacing:-.03em;
}
#urusoko-xb-v32 .v32-problem-line{
white-space:normal;
}
#urusoko-xb-v32 .v32-problem-card{
padding:23px 21px!important;
border-radius:20px;
}
#urusoko-xb-v32 .v32-problem-card .v32-problem-no{
top:8px;
right:10px;
font-size:50px;
}
#urusoko-xb-v32 .v32-problem-card h3{
max-width:84%;
font-size:18px;
}
#urusoko-xb-v32 .v32-problem-card p{
margin-top:9px;
font-size:14px;
line-height:1.75;
}
#urusoko-xb-v32 .v32-proposal-message{
margin-top:20px;
padding:19px 16px;
}
#urusoko-xb-v32 .v32-proposal-message strong{
font-size:19px;
}
#urusoko-xb-v32 .v32-inline-cta{
margin-top:18px;
padding:18px 16px;
} #urusoko-xb-v32 .v32-docs-section{
padding:50px 0!important;
}
#urusoko-xb-v32 .v32-docs-box{
padding:23px 18px;
border-radius:22px;
}
#urusoko-xb-v32 .v32-docs-grid{
gap:22px;
}
#urusoko-xb-v32 .v32-docs-title{
font-size:28px;
line-height:1.38;
}
#urusoko-xb-v32 .v32-docs-title br{
display:none;
}
#urusoko-xb-v32 .v32-docs-text{
margin-top:14px;
font-size:14px;
line-height:1.8;
}
#urusoko-xb-v32 .v32-docs-copy .v32-btn{
margin-top:19px;
}
#urusoko-xb-v32 .v32-docs-panel{
padding:20px 17px 12px;
border-radius:19px;
}
#urusoko-xb-v32 .v32-docs-panel-title{
margin-bottom:8px;
font-size:20px;
}
#urusoko-xb-v32 .v32-doc-item{
grid-template-columns:46px minmax(0,1fr);
gap:11px;
padding:16px 0;
}
#urusoko-xb-v32 .v32-doc-num{
font-size:27px;
}
#urusoko-xb-v32 .v32-doc-body h4{
font-size:17px;
}
#urusoko-xb-v32 .v32-doc-body p{
margin-top:5px;
font-size:13px;
line-height:1.7;
}
} #urusoko-xb-v32 .v32-hero{
padding:58px 0 54px!important;
}
#urusoko-xb-v32 .v32-hero-grid{
align-items:center;
gap:44px;
}
#urusoko-xb-v32 .v32-hero-copy .v32-btn,
#urusoko-xb-v32 .v32-inline-cta .v32-btn,
#urusoko-xb-v32 .v32-docs-copy .v32-btn,
#urusoko-xb-v32 .v32-final .v32-btn,
#urusoko-xb-v32 .v32-mobile-cta .v32-btn{
padding:0 34px!important;
}
#urusoko-xb-v32 .v32-btn,
#urusoko-xb-v32 .v32-btn:visited{
column-gap:12px!important;
}
#urusoko-xb-v32 .v32-btn-text{
display:block!important;
min-height:auto!important;
line-height:1.15!important;
text-align:center!important;
}
#urusoko-xb-v32 .v32-btn::after{
margin-left:4px!important;
position:relative;
top:-1px;
flex:0 0 auto;
}
#urusoko-xb-v32 .v32-proposal-message{
margin-top:20px!important;
padding:18px 22px!important;
}
#urusoko-xb-v32 .v32-proposal-message small{
margin-bottom:8px;
}
#urusoko-xb-v32 .v32-proposal-message strong{
font-size:22px!important;
line-height:1.45;
}
#urusoko-xb-v32 .v32-proposal-message p{
margin-top:4px;
font-size:15px;
}
#urusoko-xb-v32 .v32-inline-cta{
margin-top:16px!important;
gap:22px!important;
padding:20px 24px!important;
max-width:940px;
}
#urusoko-xb-v32 .v32-inline-cta strong{
font-size:18px!important;
line-height:1.5;
}
#urusoko-xb-v32 .v32-inline-cta span{
margin-top:5px!important;
font-size:14px!important;
line-height:1.7;
}
#urusoko-xb-v32 .v32-inline-cta .v32-btn{
min-width:300px!important;
min-height:60px!important;
}
#urusoko-xb-v32 .v32-docs-section{
padding:58px 0 64px!important;
}
#urusoko-xb-v32 .v32-docs-box{
padding:34px!important;
}
#urusoko-xb-v32 .v32-docs-grid{
gap:30px!important;
}
#urusoko-xb-v32 .v32-docs-title{
font-size:clamp(32px,3.2vw,44px)!important;
}
#urusoko-xb-v32 .v32-docs-text{
margin-top:16px!important;
font-size:15px!important;
line-height:1.85!important;
}
#urusoko-xb-v32 .v32-docs-panel{
padding:24px 24px 14px!important;
}
#urusoko-xb-v32 .v32-docs-panel-title{
margin-bottom:10px!important;
font-size:22px!important;
}
#urusoko-xb-v32 .v32-doc-item{
grid-template-columns:50px minmax(0,1fr)!important;
gap:14px!important;
padding:16px 0!important;
}
#urusoko-xb-v32 .v32-doc-num{
font-size:28px!important;
}
#urusoko-xb-v32 .v32-doc-body h4{
font-size:17px!important;
}
#urusoko-xb-v32 .v32-doc-body p{
font-size:14px!important;
line-height:1.72!important;
}
@media (max-width:920px){
#urusoko-xb-v32 .v32-hero{
padding:44px 0 40px!important;
}
#urusoko-xb-v32 .v32-inline-cta{
padding:18px 20px!important;
}
#urusoko-xb-v32 .v32-inline-cta .v32-btn{
min-width:260px!important;
}
}
@media (max-width:640px){
#urusoko-xb-v32 .v32-hero{
padding:28px 0 32px!important;
}
#urusoko-xb-v32 .v32-btn,
#urusoko-xb-v32 .v32-btn:visited{
min-width:100%!important;
min-height:58px!important;
padding:0 22px!important;
}
#urusoko-xb-v32 .v32-btn-text{
font-size:17px!important;
line-height:1.12!important;
}
#urusoko-xb-v32 .v32-btn::after{
font-size:19px!important;
}
#urusoko-xb-v32 .v32-proposal-message{
margin-top:16px!important;
padding:16px 14px!important;
}
#urusoko-xb-v32 .v32-proposal-message strong{
font-size:18px!important;
}
#urusoko-xb-v32 .v32-proposal-message p{
font-size:13px!important;
line-height:1.7;
}
#urusoko-xb-v32 .v32-inline-cta{
margin-top:14px!important;
padding:16px 14px!important;
gap:14px!important;
}
#urusoko-xb-v32 .v32-inline-cta strong{
font-size:16px!important;
}
#urusoko-xb-v32 .v32-inline-cta span{
font-size:13px!important;
line-height:1.65;
}
#urusoko-xb-v32 .v32-inline-cta .v32-btn{
min-width:100%!important;
}
#urusoko-xb-v32 .v32-docs-section{
padding:46px 0 50px!important;
}
#urusoko-xb-v32 .v32-docs-box{
padding:22px 16px!important;
}
#urusoko-xb-v32 .v32-docs-grid{
gap:20px!important;
}
#urusoko-xb-v32 .v32-docs-title{
font-size:27px!important;
line-height:1.38!important;
}
#urusoko-xb-v32 .v32-docs-text{
margin-top:12px!important;
font-size:14px!important;
line-height:1.76!important;
}
#urusoko-xb-v32 .v32-docs-panel{
padding:18px 15px 10px!important;
}
#urusoko-xb-v32 .v32-doc-item{
grid-template-columns:42px minmax(0,1fr)!important;
gap:10px!important;
padding:14px 0!important;
}
#urusoko-xb-v32 .v32-doc-num{
font-size:24px!important;
}
#urusoko-xb-v32 .v32-doc-body h4{
font-size:16px!important;
}
#urusoko-xb-v32 .v32-doc-body p{
font-size:13px!important;
line-height:1.68!important;
}
}  #urusoko-xb-v32 .v32-hero-title--new{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:4px!important;
margin:0!important;
padding:0!important;
line-height:1!important;
}
#urusoko-xb-v32 .v32-hero-title--new > span,
#urusoko-xb-v32 .v32-hero-title--new > strong{
display:block!important;
margin:0!important;
padding:0!important;
line-height:1.02!important;
}
#urusoko-xb-v32 .v32-hero-title--new > strong{
color:var(--blue)!important;
} #urusoko-xb-v32 .v32-download-cta,
#urusoko-xb-v32 .v32-download-cta:visited{
gap:0!important;
justify-content:center!important;
text-align:center!important;
}
#urusoko-xb-v32 .v32-download-cta::after{
content:none!important;
display:none!important;
}
#urusoko-xb-v32 .v32-download-cta .v32-btn-text{
display:flex!important;
width:100%!important;
min-height:inherit!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
padding:0!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:22px!important;
font-weight:900!important;
line-height:1.1!important;
text-align:center!important;
}
#urusoko-xb-v32 .v32-btn--white.v32-download-cta .v32-btn-text{
color:var(--navy)!important;
-webkit-text-fill-color:var(--navy)!important;
} #urusoko-xb-v32 .v32-hero-copy .v32-download-cta{
min-width:330px!important;
}
#urusoko-xb-v32 .v32-inline-cta .v32-download-cta{
min-width:280px!important;
}
#urusoko-xb-v32 .v32-docs-copy .v32-download-cta{
min-width:330px!important;
} @media (max-width:640px){
#urusoko-xb-v32 .v32-hero-title--new{
gap:2px!important;
}
#urusoko-xb-v32 .v32-hero-title--new > span,
#urusoko-xb-v32 .v32-hero-title--new > strong{
line-height:1.03!important;
}
#urusoko-xb-v32 .v32-download-cta,
#urusoko-xb-v32 .v32-hero-copy .v32-download-cta,
#urusoko-xb-v32 .v32-inline-cta .v32-download-cta,
#urusoko-xb-v32 .v32-docs-copy .v32-download-cta{
width:100%!important;
min-width:0!important;
}
#urusoko-xb-v32 .v32-download-cta .v32-btn-text{
font-size:18px!important;
line-height:1.1!important;
}
#urusoko-xb-v32 .v32-mobile-cta .v32-download-cta .v32-btn-text{
font-size:17px!important;
}
} #urusoko-xb-v32 .v32-hero-title--new{
display:block!important;
margin:0!important;
padding:0!important;
font-size:clamp(50px,4.5vw,68px)!important;
line-height:1!important;
letter-spacing:-.045em!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-top{
display:block!important;
margin:0!important;
padding:0!important;
color:var(--navy)!important;
font-size:1em!important;
line-height:1!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas{
display:block!important;
margin:-.16em 0 0!important;
padding:0!important;
line-height:.98!important;
font-weight:900!important;
white-space:nowrap!important;
} #urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas em{
position:relative;
z-index:0;
display:inline-block;
color:var(--blue)!important;
font-size:1.17em!important;
line-height:.98!important;
font-style:normal!important;
font-weight:900!important;
letter-spacing:-.055em!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas em::after{
content:"";
position:absolute;
z-index:-1;
left:0;
right:-.03em;
bottom:.04em;
height:.14em;
border-radius:999px;
background:rgba(244,191,67,.82);
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas > span{
display:inline!important;
margin-left:.02em!important;
color:var(--blue)!important;
font-size:.88em!important;
line-height:1!important;
font-weight:900!important;
} #urusoko-xb-v32 .v32-hero-lead{
margin-top:15px!important;
}
@media (max-width:1050px){
#urusoko-xb-v32 .v32-hero-title--new{
font-size:clamp(48px,7vw,62px)!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas{
margin-top:-.13em!important;
}
}
@media (max-width:640px){
#urusoko-xb-v32 .v32-hero-title--new{
font-size:37px!important;
line-height:1!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas{
margin-top:-.10em!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas em{
font-size:1.20em!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas > span{
font-size:.84em!important;
}
#urusoko-xb-v32 .v32-hero-lead{
margin-top:12px!important;
}
} #urusoko-xb-v32 .v32-hero-title--new{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:0!important;
margin:0!important;
padding:0!important;
font-size:clamp(50px,4.5vw,68px)!important;
line-height:.86!important;
letter-spacing:-.05em!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-top{
display:block!important;
margin:0!important;
padding:0!important;
font-size:1em!important;
line-height:.86!important;
color:var(--navy)!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas{
display:block!important;
margin:-.50em 0 0!important;
padding:0!important;
font-size:1em!important;
line-height:.88!important;
white-space:nowrap!important;
font-weight:900!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas em{
position:relative!important;
z-index:0!important;
display:inline-block!important;
margin:0!important;
padding:0!important;
color:var(--blue)!important;
font-size:1.25em!important;
line-height:.86!important;
font-style:normal!important;
font-weight:900!important;
letter-spacing:-.065em!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas em::after{
content:""!important;
position:absolute!important;
z-index:-1!important;
left:.01em!important;
right:-.02em!important;
bottom:.015em!important;
height:.13em!important;
border-radius:999px!important;
background:rgba(244,191,67,.88)!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas > span{
display:inline!important;
margin-left:.015em!important;
padding:0!important;
color:var(--blue)!important;
font-size:.80em!important;
line-height:.88!important;
font-weight:900!important;
letter-spacing:-.05em!important;
} #urusoko-xb-v32 .v32-hero-lead{
margin-top:9px!important;
}
@media (max-width:1050px){
#urusoko-xb-v32 .v32-hero-title--new{
font-size:clamp(48px,7vw,62px)!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas{
margin-top:-.48em!important;
}
}
@media (max-width:640px){
#urusoko-xb-v32 .v32-hero-title--new{
font-size:37px!important;
line-height:.88!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-top{
line-height:.88!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas{
margin-top:-.42em!important;
line-height:.90!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas em{
font-size:1.22em!important;
}
#urusoko-xb-v32 .v32-hero-title--new .v32-hero-line-overseas > span{
font-size:.80em!important;
}
#urusoko-xb-v32 .v32-hero-lead{
margin-top:8px!important;
}
} #urusoko-xb-v32 .v32-hero-lead{
margin-top:28px!important;
}
@media (max-width:1050px){
#urusoko-xb-v32 .v32-hero-lead{
margin-top:24px!important;
}
}
@media (max-width:640px){
#urusoko-xb-v32 .v32-hero-lead{
margin-top:20px!important;
}
}  #urusoko-xb-v32 .v32-hero-actions{
display:flex;
align-items:center;
gap:12px;
margin-top:23px;
width:100%;
}
#urusoko-xb-v32 .v32-hero-actions .v32-btn{
margin-top:0!important;
min-width:0!important;
min-height:62px!important;
}
#urusoko-xb-v32 .v32-hero-actions .v32-download-cta{
flex:1 1 62%;
}
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult,
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult:visited{
flex:0 1 185px;
border:2px solid var(--blue)!important;
background:#fff!important;
color:var(--blue)!important;
-webkit-text-fill-color:var(--blue)!important;
box-shadow:none!important;
}
@media (hover:hover) and (pointer:fine){
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult:hover{
background:#eef9fc!important;
color:#056f9f!important;
-webkit-text-fill-color:#056f9f!important;
box-shadow:0 10px 24px rgba(7,129,189,.12)!important;
}
} #urusoko-xb-v32 .v32-consult-link-wrap{
margin:17px auto 0;
color:#607984;
font-size:14px;
line-height:1.8;
text-align:center;
}
#urusoko-xb-v32 .v32-consult-text-link,
#urusoko-xb-v32 .v32-consult-text-link:visited{
position:relative;
display:inline-block;
margin-left:4px;
padding-right:19px;
color:var(--blue)!important;
font-weight:900;
text-decoration:underline!important;
text-decoration-thickness:1px!important;
text-underline-offset:4px!important;
}
#urusoko-xb-v32 .v32-consult-text-link::after{
content:"→";
position:absolute;
right:0;
top:0;
text-decoration:none;
transition:transform .2s ease;
}
@media (hover:hover) and (pointer:fine){
#urusoko-xb-v32 .v32-consult-text-link:hover::after{
transform:translateX(4px);
}
}
#urusoko-xb-v32 .v32-consult-link-wrap--center{
margin-top:13px;
} #urusoko-xb-v32 .v32-final-consult-link{
margin:17px 0 0;
color:rgba(255,255,255,.74);
font-size:14px;
line-height:1.7;
text-align:center;
}
#urusoko-xb-v32 .v32-final-consult-link a,
#urusoko-xb-v32 .v32-final-consult-link a:visited{
position:relative;
display:inline-block;
margin-left:4px;
padding-right:19px;
color:#fff!important;
font-weight:900;
text-decoration:underline!important;
text-decoration-thickness:1px!important;
text-underline-offset:4px!important;
}
#urusoko-xb-v32 .v32-final-consult-link a::after{
content:"→";
position:absolute;
right:0;
top:0;
} @media (max-width:640px){
#urusoko-xb-v32 .v32-hero-actions{
display:grid;
grid-template-columns:1fr;
gap:9px;
margin-top:19px;
}
#urusoko-xb-v32 .v32-hero-actions .v32-btn{
width:100%!important;
min-height:54px!important;
}
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult{
min-height:50px!important;
font-size:16px!important;
}
#urusoko-xb-v32 .v32-consult-link-wrap{
margin-top:14px;
padding:0 4px;
font-size:13px;
}
#urusoko-xb-v32 .v32-consult-text-link{
margin-left:2px;
}
#urusoko-xb-v32 .v32-final-consult-link{
margin-top:15px;
font-size:13px;
}
} #urusoko-xb-v32 .v32-hero-actions{
display:flex!important;
align-items:stretch!important;
gap:14px!important;
width:100%!important;
}
#urusoko-xb-v32 .v32-hero-actions .v32-btn,
#urusoko-xb-v32 .v32-hero-actions .v32-btn:visited{
height:68px!important;
min-height:68px!important;
margin:0!important;
padding:0 28px!important;
align-items:center!important;
justify-content:center!important;
}
#urusoko-xb-v32 .v32-hero-actions .v32-download-cta{
flex:1 1 auto!important;
min-width:0!important;
}
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult,
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult:visited{
flex:0 0 220px!important;
width:220px!important;
min-width:220px!important;
border:2px solid var(--blue)!important;
background:#fff!important;
color:var(--blue)!important;
-webkit-text-fill-color:var(--blue)!important;
box-shadow:none!important;
gap:0!important;
} #urusoko-xb-v32 .v32-hero-actions .v32-btn--consult::after{
content:none!important;
display:none!important;
} #urusoko-xb-v32 .v32-hero-actions .v32-btn-text{
display:flex!important;
width:auto!important;
height:100%!important;
min-height:0!important;
margin:0!important;
padding:0!important;
align-items:center!important;
justify-content:center!important;
line-height:1!important;
text-align:center!important;
white-space:nowrap!important;
}
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult .v32-btn-text{
color:var(--blue)!important;
-webkit-text-fill-color:var(--blue)!important;
font-size:20px!important;
font-weight:900!important;
}
@media (max-width:640px){
#urusoko-xb-v32 .v32-hero-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:9px!important;
}
#urusoko-xb-v32 .v32-hero-actions .v32-btn,
#urusoko-xb-v32 .v32-hero-actions .v32-btn:visited,
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult,
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult:visited{
width:100%!important;
min-width:0!important;
height:56px!important;
min-height:56px!important;
}
#urusoko-xb-v32 .v32-hero-actions .v32-btn--consult .v32-btn-text{
font-size:17px!important;
}
}