
/* Shared Hero: 240px height, 40px regular serif title, fixed artwork region. */
html[lang] body .market-main,html[lang] body .search-main,html[lang] body .method-main {max-width:1240px!important;padding-left:32px!important;padding-right:32px!important;}
html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero {position:relative!important;isolation:isolate;display:flex!important;align-items:center!important;box-sizing:border-box!important;height:240px!important;min-height:240px!important;padding:24px 30px!important;margin:0!important;overflow:hidden!important;background:#eaf4ff!important;border:0!important;border-bottom:1px solid #c3d8e9!important;border-radius:0!important;}
html[lang] body #hero.site-hero {width:calc(100% - 64px)!important;max-width:1176px!important;margin:0 auto!important;}
html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero > img.site-hero-art {position:absolute!important;z-index:0!important;top:0!important;right:0!important;bottom:auto!important;left:auto!important;width:64%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:right center!important;opacity:.65!important;mask-image:linear-gradient(90deg,transparent 0%,#000 35%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%)!important;pointer-events:none;}
html[lang] body .method-hero.site-hero > img.site-hero-art {object-position:right 29%!important;}
html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero > .site-hero-copy {position:relative!important;z-index:1!important;width:100%!important;max-width:820px!important;}
html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero h1.site-hero-title,
html[lang] body .company-main #company h1.site-company-title {font-family:Georgia,"Times New Roman",serif!important;font-size:40px!important;font-weight:400!important;font-style:normal!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#123657!important;margin:8px 0 14px!important;max-width:100%!important;}
html[lang=ja] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero h1.site-hero-title,
html[lang=ja] body .company-main #company h1.site-company-title {font-family:"Yu Mincho","Hiragino Mincho ProN",serif!important;letter-spacing:0!important;}
html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero .site-hero-eyebrow {font-family:InterPreview,"Yu Gothic",Meiryo,Arial,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important;letter-spacing:.07em!important;color:#426b8b!important;margin:0 0 6px!important;}
html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero .site-hero-description {font-family:InterPreview,"Yu Gothic",Meiryo,Arial,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.7!important;color:#345b7c!important;max-width:760px!important;margin:0!important;}
html[lang] body #hero.site-hero .hero-question {font-family:InterPreview,"Yu Gothic",Meiryo,Arial,sans-serif!important;font-size:15px!important;line-height:1.7!important;font-weight:600!important;margin:0 0 10px!important;max-width:760px!important;}
html[lang] body #hero.site-hero .hero-description {margin:0!important;}
html[lang] body .search-panel {padding:20px 0 0;}
html[lang] body .search-panel .search-query-row {max-width:900px;}
html[lang] body .market-tabs.site-market-tabs {margin:0 0 0;padding:0 24px;border-bottom:1px solid #d6e1eb;}
@media(max-width:800px){
 html[lang] body .market-main,html[lang] body .search-main,html[lang] body .method-main {padding-left:16px!important;padding-right:16px!important;}
 html[lang] body #hero.site-hero {width:calc(100% - 32px)!important;}
}
@media(max-width:650px){
 html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero {height:auto!important;min-height:220px!important;padding:22px 20px!important;}
 html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero > img.site-hero-art {width:100%!important;height:220px!important;opacity:.24!important;object-position:right center!important;}
 html[lang] body .method-hero.site-hero > img.site-hero-art {object-position:right 29%!important;}
 html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero h1.site-hero-title,
 html[lang] body .company-main #company h1.site-company-title {font-size:32px!important;line-height:1.25!important;margin:8px 0 12px!important;}
 html[lang] body :is(#hero,.market-intro,.search-hero,.method-hero).site-hero .site-hero-description {font-size:14px!important;}
 html[lang] body #hero.site-hero .hero-question {font-size:14px!important;}
}
