:root {
--bcm-blue: #1666a5;
--bcm-page-title-blue: #1666a5;
--bcm-blue-deep: #0b4a82;
--bcm-navy: #1b2340;
--bcm-navy-deep: #12172b;
--bcm-ink: #4e5d6b;
--bcm-heading: #17385d;
--bcm-muted: #526779;
--bcm-lead: #526779;
--bcm-paper: #fff;
--bcm-soft: #f5f7f9;
--bcm-line: #dad8d0;
--bcm-red: #b73a3a; --bcm-cta-height: 70px;
--bcm-cta-font-size: 16px;
--bcm-cta-font-weight: 600;
--bcm-cta-min-width: 300px;
--bcm-cta-radius: 999px;
} .bcm-renewal img {
-webkit-user-drag: none;
-webkit-touch-callout: none;
user-select: none;
}
html {
background: #fff;
}
body.bcm-renewal {
background: var(--bcm-paper);
color: var(--bcm-ink);
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
font-weight: 400;
}
body.bcm-renewal *,
body.bcm-renewal *::before,
body.bcm-renewal *::after {
box-sizing: border-box;
} body.bcm-renewal #header {
background: #fff !important;
border-bottom: 1px solid rgba(27, 35, 64, .1);
box-shadow: 0 2px 12px rgba(20, 30, 50, .04);
}
body.bcm-renewal #global_menu > ul > li > a,
body.bcm-renewal #header_lang_button a,
body.bcm-renewal #header_search_button::before {
color: var(--bcm-ink) !important;
font-weight: 500;
}
body.bcm-renewal #global_menu > ul > li > a:hover,
body.bcm-renewal #global_menu > ul > li:hover > a,
body.bcm-renewal #global_menu > ul > li:focus-within > a,
body.bcm-renewal #global_menu > ul > li.current-menu-item > a,
body.bcm-renewal #global_menu > ul > li.current-menu-parent > a,
body.bcm-renewal #global_menu > ul > li.current_page_parent > a,
body.bcm-renewal #global_menu > ul > li.current_page_ancestor > a,
body.bcm-renewal #global_menu > ul > li.current-menu-ancestor > a {
background: var(--bcm-page-title-blue) !important;
color: #fff !important;
font-weight: 700;
}
body.bcm-renewal #global_menu ul ul li > a:hover,
body.bcm-renewal #global_menu ul ul li:hover > a,
body.bcm-renewal #global_menu ul ul li.current-menu-item > a,
body.bcm-renewal #global_menu ul ul li.current-menu-parent > a,
body.bcm-renewal #global_menu ul ul li.current_page_item > a,
body.bcm-renewal #global_menu ul ul li.current-menu-ancestor > a {
background: var(--bcm-page-title-blue) !important;
color: #fff !important;
}
@media screen and (min-width: 751px) {
body.bcm-renewal #header {
display: flex;
justify-content: flex-start !important;
}
body.bcm-renewal #header_logo,
body.bcm-renewal .header_logo {
flex: 0 0 auto;
margin-right: auto;
}
body.bcm-renewal #global_menu {
flex: 0 0 auto !important;
left: auto !important;
margin-left: auto !important;
margin-right: 36px !important;
position: static !important;
right: auto !important;
transform: none !important;
width: auto !important;
}
body.bcm-renewal #global_menu > ul {
display: flex;
justify-content: flex-end;
width: auto !important;
}
body.bcm-renewal #header_search,
body.bcm-renewal #header_search_button {
display: none !important;
}
}
body.bcm-renewal #global_menu ul ul {
background: #fff !important;
border: 1px solid rgba(27, 35, 64, .12);
box-shadow: 0 12px 28px rgba(20, 30, 50, .1) !important;
}
body.bcm-renewal #global_menu ul ul li,
body.bcm-renewal #global_menu ul ul li a {
background: #fff !important;
color: var(--bcm-ink) !important;
}
body.bcm-renewal #global_menu ul ul li a {
border-bottom: 1px solid #ecebe7;
font-weight: 400;
}
body.bcm-renewal #global_menu ul ul li:last-child a {
border-bottom: 0;
}
body.bcm-renewal #global_menu ul ul li a:hover {
background: #f2f6f9 !important;
color: var(--bcm-blue) !important;
} body.bcm-renewal #header_slider_wrap,
body.bcm-renewal #header_slider,
body.bcm-renewal #header_slider .item {
box-sizing: border-box;
height: clamp(620px, 80vh, 780px) !important;
max-height: 780px;
min-height: 0;
}
body.bcm-renewal #header_slider_wrap {
margin-top: 70px;
}
body.bcm-renewal #header_slider {
background: var(--bcm-navy-deep);
overflow: hidden;
position: relative;
}
body.bcm-renewal #header_slider.bcm-hero-active .item .bg_image,
body.bcm-renewal #header_slider.bcm-hero-active .item .video_wrap {
opacity: 0 !important;
}
body.bcm-renewal #header_slider .overlay {
background: transparent !important;
z-index: 2;
}
.bcm-hero-strip {
display: flex;
inset: 0;
position: absolute;
z-index: 1;
}
.bcm-hero-strip::after {
background: linear-gradient(180deg, rgba(8, 16, 32, .50) 0%, rgba(8, 16, 32, .38) 45%, rgba(8, 16, 32, .60) 100%);
content: "";
inset: 0;
pointer-events: none;
position: absolute;
z-index: 2;
}
.bcm-hero-panel {
background-color: #fff;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: auto 100% !important;
flex: 1 1 0;
overflow: hidden;
position: relative;
}
.bcm-hero-panel::before,
.bcm-hero-panel::after {
background-image: var(--bcm-hero-image);
background-position: center center;
background-repeat: no-repeat;
content: "";
position: absolute;
}
.bcm-hero-panel::before {
display: none;
}
.bcm-hero-panel::after {
background-size: auto 100%;
filter: saturate(.82) contrast(.96) brightness(.98);
inset: 0;
}
.bcm-hero-panel:nth-child(1)::after,
.bcm-hero-panel:nth-child(2)::after {
background-position: 52% center;
}
.bcm-hero-panel:nth-child(3)::after {
background-position: 70% center;
}
body.bcm-renewal #index_header_content.bcm-hero-content {
color: #fff;
left: 50%;
max-width: 1120px;
padding: 0 32px;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 4;
}
.bcm-hero-eyebrow {
color: rgba(255, 255, 255, .92);
font-size: 12px;
font-weight: 500;
letter-spacing: .26em;
line-height: 1.5;
margin: 0 0 22px;
}
.bcm-hero-title {
color: #fff;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
font-size: 44px;
font-weight: 700;
letter-spacing: .02em;
line-height: 1.65;
margin: 0 0 40px;
text-shadow: 0 2px 18px rgba(8, 16, 32, .55);
}
.bcm-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.bcm-hero-button {
align-items: center;
border: 1px solid transparent;
border-radius: var(--bcm-cta-radius);
color: #fff !important;
display: inline-flex;
font-size: var(--bcm-cta-font-size);
font-weight: var(--bcm-cta-font-weight);
justify-content: center;
letter-spacing: .04em;
height: var(--bcm-cta-height);
line-height: 1.5;
min-height: 0;
min-width: var(--bcm-cta-min-width);
overflow: hidden;
padding: 0 1.5em;
text-align: center;
transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.bcm-hero-button-primary {
background: var(--bcm-blue);
border-color: var(--bcm-blue);
}
.bcm-hero-button-secondary {
background: var(--bcm-navy);
border-color: rgba(255, 255, 255, .55);
}
.bcm-hero-button:hover {
color: #fff !important;
transform: translateY(-2px);
}
.bcm-hero-button-primary:hover {
background: var(--bcm-blue-deep);
border-color: var(--bcm-blue-deep);
}
.bcm-hero-button-secondary:hover {
background: var(--bcm-navy-deep);
border-color: #fff;
} .bcm-front-page {
overflow: hidden;
}
.bcm-section {
padding: 96px 0;
}
.bcm-wrap {
margin: 0 auto;
max-width: 1120px;
padding: 0 32px;
width: 100%;
}
.bcm-section-header h2,
.bcm-news-header h2,
.bcm-contact h2 {
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
} .bcm-intro-layout {
align-items: center;
display: flex;
gap: 64px;
}
.bcm-intro-copy {
flex: 1 1 auto;
min-width: 0;
}
.bcm-intro-kicker {
color: var(--bcm-blue);
font-size: 24px;
font-weight: 700;
letter-spacing: .04em;
line-height: 1.55;
margin: 0 0 20px;
}
.bcm-intro-text p {
color: var(--bcm-ink);
font-size: 16px;
letter-spacing: .01em;
line-height: 2;
margin: 0;
}
.bcm-intro-text p + p {
margin-top: 8px;
}
.bcm-intro-text strong {
color: var(--bcm-red);
font-weight: 700;
}
.bcm-intro-photo {
flex: 0 0 380px;
margin: 0;
}
.bcm-intro-photo img {
border-radius: 8px;
box-shadow: 0 12px 28px rgba(20, 30, 50, .12);
display: block;
height: 320px;
object-fit: cover;
width: 100%;
} .bcm-pillars {
background: var(--bcm-soft);
}
.bcm-section-header-centered {
margin: 0 0 64px;
text-align: center;
}
.bcm-section-header-centered h2 {
color: var(--bcm-heading);
font-size: 28px;
font-weight: 700;
letter-spacing: .02em;
line-height: 1.55;
margin: 0 0 12px;
}
.bcm-section-header-centered p {
color: var(--bcm-blue);
font-size: 11px;
font-weight: 500;
letter-spacing: .24em;
margin: 0;
}
.bcm-pillar-grid {
display: grid;
gap: 28px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bcm-pillar-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 3px 16px rgba(20, 30, 50, .07);
overflow: hidden;
transition: box-shadow .25s ease, transform .25s ease;
}
.bcm-pillar-card:hover {
box-shadow: 0 14px 34px rgba(20, 30, 50, .13);
transform: translateY(-4px);
}
.bcm-pillar-card > a {
color: inherit;
display: block;
}
.bcm-pillar-image {
height: 190px;
overflow: hidden;
}
.bcm-pillar-image img {
display: block;
height: 100%;
object-fit: cover;
transition: transform .5s ease;
width: 100%;
}
.bcm-pillar-card:hover .bcm-pillar-image img {
transform: scale(1.025);
}
.bcm-pillar-body {
padding: 36px 40px 42px;
}
.bcm-pillar-tag {
background: var(--bcm-blue);
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 500;
letter-spacing: .1em;
line-height: 1.5;
margin: 0 0 16px;
padding: 5px 14px;
}
.bcm-pillar-card h3 {
color: var(--bcm-ink);
font-size: 23px;
font-weight: 600;
letter-spacing: .015em;
line-height: 1.5;
margin: 0 0 7px;
}
.bcm-pillar-sub {
color: var(--bcm-muted);
font-size: 15px;
line-height: 1.7;
margin: 0 0 23px;
}
.bcm-pillar-body ul {
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.bcm-pillar-body li {
border-bottom: 1px solid var(--bcm-line);
color: var(--bcm-ink);
font-size: 15px;
line-height: 1.7;
padding: 11px 0;
}
.bcm-pillar-body li:first-child {
padding-top: 0;
}
.bcm-more {
border-bottom: 1px solid var(--bcm-navy);
color: var(--bcm-navy);
display: inline-flex;
font-size: 13px;
font-weight: 500;
gap: 8px;
letter-spacing: .04em;
padding-bottom: 3px;
} .bcm-news-header {
align-items: baseline;
display: flex;
justify-content: space-between;
margin: 0 0 48px;
}
.bcm-news-header h2 {
color: var(--bcm-heading);
font-size: 25px;
font-weight: 700;
letter-spacing: .02em;
line-height: 1.5;
margin: 0;
}
.bcm-news-header a {
border-bottom: 1px solid var(--bcm-line);
color: var(--bcm-muted);
font-size: 13px;
padding-bottom: 2px;
}
.bcm-news-grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bcm-news-card {
background: #fff;
border: 1px solid #ecebe7;
border-radius: 7px;
box-shadow: 0 2px 14px rgba(20, 30, 50, .055);
overflow: hidden;
transition: box-shadow .2s ease, transform .2s ease;
}
.bcm-news-card:hover {
box-shadow: 0 10px 26px rgba(20, 30, 50, .1);
transform: translateY(-3px);
}
.bcm-news-card > a {
color: inherit;
display: block;
height: 100%;
}
.bcm-news-image {
background: var(--bcm-soft);
height: 125px;
overflow: hidden;
}
.bcm-news-image img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.bcm-news-image-empty {
align-items: center;
color: #aaa9a2;
display: flex;
font-size: 11px;
justify-content: center;
letter-spacing: .1em;
}
.bcm-news-body {
padding: 18px 20px 22px;
}
.bcm-news-category {
color: var(--bcm-blue);
font-size: 11px;
font-weight: 500;
letter-spacing: .08em;
line-height: 1.5;
margin: 0 0 10px;
}
.bcm-news-card h3 {
color: var(--bcm-ink);
font-size: 14px;
font-weight: 500;
line-height: 1.65;
margin: 0 0 14px;
}
.bcm-news-card time {
color: var(--bcm-muted);
font-size: 11px;
} .bcm-contact {
background: #fff;
padding-top: 80px;
}
.bcm-contact-wrap {
border-bottom: 1px solid var(--bcm-line);
border-top: 1px solid var(--bcm-line);
margin: 0 auto;
max-width: 1040px;
padding: 54px 32px 64px;
}
.bcm-contact h2 {
color: var(--bcm-heading);
font-size: 25px;
font-weight: 700;
line-height: 1.7;
margin: 0 0 12px;
text-align: center;
}
.bcm-contact-lead {
color: var(--bcm-muted);
font-size: 13px;
line-height: 1.8;
margin: 0 0 40px;
text-align: center;
}
.bcm-contact-form {
background: var(--bcm-soft);
border: 1px solid var(--bcm-line);
border-radius: 7px;
margin: 0 auto;
max-width: 760px;
padding: 62px 64px 64px;
}
.bcm-contact-form .wpcf7,
.bcm-contact-form .wpcf7-form,
.bcm-contact-form form {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
margin: 0 !important;
max-width: none !important;
padding: 0 !important;
width: 100% !important;
}
.bcm-contact-form p {
margin: 0 0 30px;
}
.bcm-contact-form label {
color: var(--bcm-muted);
display: block;
font-size: 14px;
letter-spacing: .03em;
line-height: 1.6;
}
.bcm-form-grid {
display: grid;
gap: 26px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0 0 30px;
}
.bcm-form-grid p,
.bcm-form-grid label,
.bcm-form-wide {
margin: 0;
}
.bcm-contact-form input[type="text"],
.bcm-contact-form input[type="email"],
.bcm-contact-form input[type="tel"],
.bcm-contact-form textarea,
.bcm-contact-form select {
background: #fff;
border: 1px solid var(--bcm-line);
border-radius: 4px;
color: var(--bcm-ink);
font-size: 14px;
margin-top: 8px;
min-height: 58px;
padding: 14px 16px;
width: 100%;
}
.bcm-contact-form textarea {
min-height: 150px;
}
.bcm-form-category {
border: 0;
margin: 34px 0 0;
padding: 0;
}
.bcm-form-category legend {
color: var(--bcm-muted);
font-size: 14px;
letter-spacing: .03em;
line-height: 1.6;
margin: 0 0 16px;
}
.bcm-form-category .wpcf7-form-control-wrap {
display: block;
}
.bcm-form-category .wpcf7-checkbox {
display: grid;
gap: 12px;
}
.bcm-form-message {
margin-top: 30px;
}
.bcm-contact-form .wpcf7-list-item {
align-items: center;
background: #fff;
border: 1px solid var(--bcm-line);
border-radius: 4px;
display: block;
margin: 0;
padding: 19px 24px;
}
.bcm-contact-form .wpcf7-list-item label {
align-items: center;
color: var(--bcm-ink);
cursor: pointer;
display: flex;
font-size: 14px;
gap: 14px;
}
.bcm-contact-form input[type="checkbox"] {
height: 18px;
margin: 0;
width: 18px;
}
.bcm-contact-form .wpcf7-list-item-label {
line-height: 1.6;
}
.bcm-contact-form input[type="submit"] {
background: var(--bcm-blue);
border: 0;
border-radius: var(--bcm-cta-radius);
color: #fff;
cursor: pointer;
display: block;
font-size: var(--bcm-cta-font-size);
font-weight: var(--bcm-cta-font-weight);
letter-spacing: .06em;
margin: 48px auto 0;
height: var(--bcm-cta-height);
line-height: 1.5;
min-height: 0;
padding: 0 1.5em;
transition: background-color .2s ease;
width: 100%;
}
.bcm-contact-form input[type="submit"]:hover {
background: var(--bcm-blue-deep);
}
.bcm-form-notice {
color: var(--bcm-muted);
font-size: 13px;
line-height: 1.8;
margin: 0 !important;
} body.bcm-renewal.home #footer_box,
body.bcm-renewal.home #footer_box_content,
body.bcm-renewal.home #footer_banner {
display: none !important;
}
@media screen and (max-width: 1024px) {
body.bcm-renewal.home #header {
height: 70px;
left: 0;
position: fixed !important;
right: 0;
top: 0;
width: 100%;
z-index: 9999;
}
body.admin-bar.bcm-renewal.home #header {
top: 32px;
}
body.bcm-renewal.home #header #drawer_menu_button,
body.bcm-renewal.home #header #drawer_menu_button:hover {
opacity: 1 !important;
visibility: visible !important;
}
body.bcm-renewal.home #header #drawer_menu_button span,
body.bcm-renewal.home #header #drawer_menu_button:hover span,
body.bcm-renewal.home.header_fix #header #drawer_menu_button span,
body.bcm-renewal.home #header.active #drawer_menu_button span {
background: #15355f !important;
opacity: 1 !important;
}
body.bcm-renewal.home #header_slider_wrap {
margin-top: 70px;
}
.bcm-section {
padding: 80px 0;
}
.bcm-intro-layout {
gap: 42px;
}
.bcm-intro-photo {
flex-basis: 340px;
}
.bcm-news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 750px) {
body.bcm-renewal #header {
height: 70px;
}
body.bcm-renewal.home #header #drawer_menu_button,
body.bcm-renewal.home #header #drawer_menu_button:hover {
opacity: 1 !important;
visibility: visible !important;
}
body.bcm-renewal.home #header #drawer_menu_button span,
body.bcm-renewal.home #header #drawer_menu_button:hover span,
body.bcm-renewal.home.header_fix #header #drawer_menu_button span,
body.bcm-renewal.home #header.active #drawer_menu_button span {
background: #15355f !important;
opacity: 1 !important;
}
body.bcm-renewal.home #header {
left: 0;
position: fixed !important;
right: 0;
top: 0;
width: 100%;
z-index: 9999;
}
body.admin-bar.bcm-renewal.home #header {
top: 46px;
}
body.bcm-renewal #header_slider_wrap,
body.bcm-renewal #header_slider,
body.bcm-renewal #header_slider .item {
height: 560px !important;
max-height: 560px;
min-height: 560px;
}
body.bcm-renewal #header_slider_wrap {
margin-top: 70px;
}
.bcm-hero-strip {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.bcm-hero-panel::after {
background-size: auto 100%;
}
.bcm-hero-panel {
background-position: center center !important;
}
.bcm-hero-panel:nth-child(1)::after {
background-position: 53% center;
}
.bcm-hero-panel:nth-child(2)::after {
background-position: 51% center;
}
.bcm-hero-panel:nth-child(3)::after {
background-position: 68% center;
}
body.bcm-renewal #index_header_content.bcm-hero-content {
padding: 0 20px;
top: 50%;
}
.bcm-hero-eyebrow {
font-size: 9px;
letter-spacing: .18em;
margin-bottom: 24px;
white-space: nowrap;
}
.bcm-hero-title {
font-size: clamp(25px, 7.2vw, 30px);
letter-spacing: .005em;
line-height: 1.65;
margin-bottom: 34px;
}
.bcm-hero-actions {
gap: 12px;
}
.bcm-hero-button {
font-size: 14px;
font-weight: var(--bcm-cta-font-weight);
height: 50px;
min-height: 0;
min-width: 0;
padding: 0 1.5em;
width: min(100%, 350px);
}
.bcm-section {
padding: 68px 0;
}
.bcm-wrap {
padding: 0 22px;
}
.bcm-intro-layout {
align-items: stretch;
flex-direction: column;
gap: 32px;
}
.bcm-intro-kicker {
font-size: 21px;
text-align: center;
}
.bcm-intro-text p {
font-size: 14px;
line-height: 2;
}
.bcm-intro-photo {
flex: 0 0 auto;
width: 100%;
}
.bcm-intro-photo img {
height: 240px;
}
.bcm-section-header-centered {
margin-bottom: 38px;
}
.bcm-section-header-centered h2 {
font-size: 23px;
}
.bcm-pillar-grid {
gap: 22px;
grid-template-columns: 1fr;
}
.bcm-pillar-image {
height: 180px;
}
.bcm-pillar-body {
padding: 28px 25px 32px;
}
.bcm-pillar-card h3 {
font-size: 21px;
}
.bcm-pillar-body li {
font-size: 14px;
}
.bcm-news-header {
align-items: flex-end;
gap: 20px;
margin-bottom: 32px;
}
.bcm-news-header h2 {
font-size: 22px;
}
.bcm-news-grid {
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bcm-news-image {
height: 100px;
}
.bcm-news-body {
padding: 15px 14px 18px;
}
.bcm-news-card h3 {
font-size: 12px;
}
.bcm-contact {
padding-top: 60px;
}
.bcm-contact-wrap {
border-bottom: 0;
margin: 0 20px;
padding: 46px 0 0;
}
.bcm-contact h2 {
font-size: 21px;
}
.bcm-contact-form {
padding: 30px 20px;
}
.bcm-form-grid {
gap: 24px;
grid-template-columns: 1fr;
}
.bcm-contact-form .wpcf7-list-item {
padding: 16px 14px;
}
.bcm-contact-form input[type="submit"] {
font-size: 14px;
height: 50px;
width: 100%;
}
}
@media screen and (max-width: 390px) {
.bcm-hero-title {
font-size: 24px;
}
.bcm-news-grid {
grid-template-columns: 1fr;
}
.bcm-news-image {
height: 150px;
}
} #bcm_common_footer { background:#14233e; color:#fff; }
#bcm_common_footer * { box-sizing:border-box; }
#bcm_common_footer a { color:#fff; text-decoration:none; }
.bcm_footer_services { background:#edf4f8; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.bcm_footer_service { align-items:center; color:var(--bcm-heading)!important; display:grid; grid-template-columns:1fr auto; min-height:118px; padding:25px max(40px,calc((100vw - 980px)/2)); position:relative; transition:background-color .2s ease; }
.bcm_footer_service:first-child { border-right:1px solid #c8d6df; padding-left:max(40px,calc((100vw - 980px)/2)); padding-right:42px; }
.bcm_footer_service:last-child { padding-left:42px; padding-right:max(40px,calc((100vw - 980px)/2)); }
.bcm_footer_service:hover { background:#e2edf4; }
.bcm_footer_service span { color:var(--bcm-blue); font-size:10px; font-weight:400; grid-column:1; letter-spacing:.18em; margin-bottom:6px; }
.bcm_footer_service_ma span { color:#3a4c72; }
.bcm_footer_service strong { font-size:20px; font-weight:500; grid-column:1; line-height:1.5; }
.bcm_footer_service i { align-items:center; border:1px solid #a8bdca; border-radius:50%; display:flex; font-size:17px; font-style:normal; grid-column:2; grid-row:1 / 3; height:42px; justify-content:center; margin-left:28px; width:42px; }
.bcm_footer_main { display:grid; gap:72px; grid-template-columns:minmax(330px,1.15fr) minmax(260px,.9fr) minmax(230px,.8fr); margin:0 auto; max-width:1240px; padding:56px 30px 48px; }
.bcm_footer_brand { display:flex; flex-direction:column; min-height:214px; }
.bcm_footer_company { padding-left:0; }
.bcm_footer_company_name { font-size:18px; font-weight:500; line-height:1.7; margin:0; }
.bcm_footer_credentials { display:grid; gap:4px; margin-top:10px; }
.bcm_footer_credentials a { font-size:11px; font-weight:400; line-height:1.65; opacity:.76; transition:opacity .2s ease; }
.bcm_footer_credentials a:hover { opacity:1; }
.bcm_footer_logo { display:block; margin-top:auto; max-width:238px; padding-top:28px; }
.bcm_footer_logo img { display:block; height:auto; width:100%; }
.bcm_footer_contact > p:first-child,
.bcm_footer_nav > div > p { color:#6fb5df; font-size:12px; font-weight:600; letter-spacing:.16em; margin:0 0 20px; }
.bcm_footer_address { font-size:13px; line-height:1.75; margin:0; }
.bcm_footer_contact_link { margin-top:20px; }
.bcm_footer_contact_link > a { display:inline-block; font-size:13px; font-weight:500; line-height:1.6; }
.bcm_footer_contact_link > a span { margin-left:6px; }
.bcm_footer_contact_link small,.bcm_footer_phone small { display:block; font-size:11px; font-weight:400; line-height:1.6; margin-top:3px; opacity:.65; }
.bcm_footer_phone { margin-top:16px; }
.bcm_footer_phone > a { display:inline-block; font-family:Arial,sans-serif; font-size:20px; font-weight:500; letter-spacing:.02em; line-height:1.35; }
.bcm_footer_nav a { border-bottom:1px solid rgba(255,255,255,.18); display:block; font-size:13px; padding:13px 0; }
.bcm_footer_bottom { border-top:1px solid rgba(255,255,255,.16); }
.bcm_footer_bottom > div { align-items:center; display:flex; gap:30px; justify-content:space-between; margin:0 auto; max-width:1240px; padding:22px 30px 23px; }
.bcm_footer_bottom nav { display:flex; flex-wrap:wrap; gap:12px 24px; }
.bcm_footer_bottom nav a { font-size:11px; opacity:.7; }
.bcm_footer_bottom p { font-size:11px; margin:0; opacity:.65; white-space:nowrap; }
@media screen and (max-width:1024px) {
.bcm_footer_service { padding-left:34px!important; padding-right:34px!important; }
.bcm_footer_main { gap:38px; padding-left:28px; padding-right:28px; }
}
@media screen and (max-width:750px) {
body.bcm-news-index .bcm_footer_services { margin-top:64px; }
.bcm_footer_services { grid-template-columns:1fr; }
.bcm_footer_service { min-height:104px; padding:22px 18px!important; }
.bcm_footer_service:first-child { border-bottom:1px solid #c8d6df; border-right:0; }
.bcm_footer_service strong { font-size:17px; }
.bcm_footer_service i { height:36px; margin-left:18px; width:36px; }
.bcm_footer_main { display:flex; flex-direction:column; gap:34px; padding:46px 18px 38px; }
.bcm_footer_brand { min-height:0; order:3; }
.bcm_footer_contact { order:2; }
.bcm_footer_nav { order:1; }
.bcm_footer_logo { margin-top:34px; max-width:270px; padding-top:0; }
.bcm_footer_bottom > div { align-items:flex-start; flex-direction:column; padding:24px 18px; }
.bcm_footer_bottom nav { flex-direction:column; gap:10px; }
} body.bcm-renewal.home #header_slider_wrap,
body.bcm-renewal.home #header_slider,
body.bcm-renewal.home #header_slider .item {
height: clamp(680px, 82vh, 790px) !important;
max-height: 790px;
min-height: 680px;
}
body.bcm-renewal.home #header_slider {
background: #fff;
}
body.bcm-renewal.home #header_slider .overlay {
display: none !important;
}
.bcm-hero-strip {
background: #fff;
bottom: 110px;
display: grid;
gap: 1px;
grid-template-columns: repeat(7, minmax(0, 1fr));
grid-template-rows: repeat(3, minmax(0, 1fr));
inset: 0 0 110px;
}
.bcm-hero-strip::after {
background: rgba(243, 248, 251, .30);
}
.bcm-hero-panel {
background-image: var(--bcm-hero-image) !important;
background-position: center;
background-size: cover !important;
filter: saturate(.72) contrast(.9) brightness(1.08);
min-height: 0;
min-width: 0;
}
.bcm-hero-panel::before,
.bcm-hero-panel::after { display: none !important; }
.bcm-hero-panel-1 { grid-column: 1 / 3; grid-row: 1; }
.bcm-hero-panel-2 { grid-column: 3; grid-row: 1; }
.bcm-hero-panel-3 { grid-column: 4; grid-row: 1; }
.bcm-hero-panel-4 { grid-column: 5 / 7; grid-row: 1; }
.bcm-hero-panel-5 { grid-column: 7; grid-row: 1; }
.bcm-hero-panel-6 { grid-column: 1; grid-row: 2; }
.bcm-hero-panel-7 { grid-column: 2 / 4; grid-row: 2; }
.bcm-hero-panel-8 { grid-column: 4; grid-row: 2; }
.bcm-hero-panel-9 { grid-column: 5; grid-row: 2; }
.bcm-hero-panel-10 { grid-column: 6 / 8; grid-row: 2; }
.bcm-hero-panel-11 { grid-column: 1 / 3; grid-row: 3; }
.bcm-hero-panel-12 { grid-column: 3; grid-row: 3; }
.bcm-hero-panel-13 { grid-column: 4 / 6; grid-row: 3; }
.bcm-hero-panel-14 { grid-column: 6; grid-row: 3; }
.bcm-hero-panel-15 { grid-column: 7; grid-row: 3; }
body.bcm-renewal.home #index_header_content.bcm-hero-content {
background: rgba(255, 255, 255, .70);
box-shadow: 0 12px 34px rgba(16, 47, 89, .08);
color: var(--bcm-heading);
left: 50%;
max-width: 650px;
padding: 34px 40px 36px;
text-align: center;
top: calc(50% - 55px);
transform: translate(-50%, -50%);
width: calc(100% - 64px);
}
.bcm-hero-corner {
border-color: rgba(31, 112, 171, .88);
height: 56px;
position: absolute;
width: 56px;
}
.bcm-hero-corner-a { border-left: 1px solid; border-top: 1px solid; left: -12px; top: -12px; }
.bcm-hero-corner-b { border-bottom: 1px solid; border-right: 1px solid; bottom: -12px; right: -12px; }
.bcm-hero-eyebrow {
color: var(--bcm-blue);
font-size: 12px;
font-weight: 600;
letter-spacing: .18em;
margin: 0 0 16px;
}
.bcm-hero-title {
color: var(--bcm-heading);
font-size: 44px;
font-weight: 600;
letter-spacing: .01em;
line-height: 1.5;
margin: 0 0 16px;
text-shadow: none;
}
.bcm-hero-lead {
color: var(--bcm-heading);
font-size: 15px;
line-height: 1.9;
margin: 0;
}
.bcm-hero-paths {
bottom: 0;
display: grid;
grid-template-columns: 1fr 1fr;
height: 110px;
left: 0;
position: absolute;
right: 0;
z-index: 5;
}
.bcm-hero-path {
color: #fff !important;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 72px 20px max(32px, calc((100vw - 1120px) / 2 + 32px));
position: relative;
text-decoration: none;
}
.bcm-hero-path-consulting { background: #1670b8; }
.bcm-hero-path-ma { background: var(--bcm-navy); }
.bcm-hero-path strong { font-size: 22px; font-weight: 600; line-height: 1.4; }
.bcm-hero-path span { font-size: 13px; line-height: 1.6; margin-top: 3px; opacity: .84; }
.bcm-hero-path b { font-size: 20px; font-weight: 400; position: absolute; right: 34px; top: 50%; transform: translateY(-50%); }
.bcm-front-v080 { overflow: hidden; }
.bcm-top-section { padding: 92px 0; }
.bcm-top-wrap { margin: 0 auto; max-width: 1120px; padding: 0 32px; width: 100%; }
.bcm-top-heading { margin: 0 auto 44px; max-width: 920px; text-align: center; }
.bcm-top-heading > p,
.bcm-news-layout > header > p { color: var(--bcm-blue); font-size: 12px; font-weight: 600; letter-spacing: .22em; margin: 0 0 14px; }
.bcm-top-heading h2,
.bcm-news-layout h2 { color: var(--bcm-heading); font-size: 30px; font-weight: 600; letter-spacing: .02em; line-height: 1.6; margin: 0; }
.bcm-top-heading > span,
.bcm-news-layout > header > span { background: var(--bcm-blue); display: block; height: 1px; margin: 22px auto; width: 52px; }
.bcm-top-heading > div { font-size: 15px; line-height: 2; }
.bcm-button { align-items: center; background: var(--bcm-blue); border-radius: var(--bcm-cta-radius); color: #fff !important; display: inline-flex; font-size: 15px; font-weight: 600; height: var(--bcm-cta-height); justify-content: center; min-width: var(--bcm-cta-min-width); padding: 0 28px; text-decoration: none; }
.bcm-button span { font-weight: 400; margin-left: 15px; }
.bcm-button-navy { background: var(--bcm-navy); }
.bcm-business { background: #fff; }
.bcm-business .bcm-top-heading > p,
.bcm-business-identity > p { font-weight: 400; }
.bcm-business .bcm-top-heading h2 { font-size: 38px; }
.bcm-business-list { display: grid; gap: 0; }
.bcm-business-item { border: 1px solid #c3ced8; box-shadow: none; }
.bcm-business-item + .bcm-business-item { border-top: 0; }
.bcm-business-head { display: grid; grid-template-columns: 34% 66%; min-height: 200px; }
.bcm-business-head figure { margin: 0; min-width: 0; overflow: hidden; }
.bcm-business-head img { display: block; height: 100%; object-fit: cover; width: 100%; }
.bcm-business-consulting .bcm-business-head img { object-position: center 48%; }
.bcm-business-ma .bcm-business-head img { object-position: center 45%; }
.bcm-business-identity { align-self: center; padding: 30px 42px; }
.bcm-business-identity > p { color: var(--bcm-blue); font-size: 12px; letter-spacing: .18em; margin: 0 0 10px; }
.bcm-business-ma .bcm-business-identity > p { color: #344b71; }
.bcm-business-identity h3 { color: var(--bcm-heading); font-size: 30px; font-weight: 600; letter-spacing: .02em; line-height: 1.5; margin: 0 0 14px; }
.bcm-business-identity > div { border-left: 2px solid var(--bcm-blue); color: var(--bcm-heading); font-size: 16px; font-weight: 600; line-height: 1.7; padding-left: 14px; }
.bcm-business-ma .bcm-business-identity > div { border-color: var(--bcm-navy); }
.bcm-business-map { border-top: 1px solid #cbd5de; display: grid; grid-template-columns: minmax(0, 1fr) 66px minmax(0, 1fr); padding: 28px 40px 22px; }
.bcm-business-box { background: #f7f9fb; border-radius: 7px; padding: 22px 26px; }
.bcm-business-solution { background: #eef5fa; }
.bcm-business-ma .bcm-business-solution { background: #f0f2f6; }
.bcm-business-box h4 { color: var(--bcm-heading); font-size: 18px; font-weight: 600; letter-spacing: .03em; margin: 0 0 18px; text-align: center; }
.bcm-business-box ul { list-style: none; margin: 0; padding: 0; }
.bcm-business-box li { font-size: 14px; line-height: 1.7; margin: 0 0 6px; padding-left: 14px; position: relative; }
.bcm-business-box li::before { background: var(--bcm-blue); border-radius: 50%; content: ""; height: 4px; left: 0; position: absolute; top: .75em; width: 4px; }
.bcm-business-ma .bcm-business-box li::before { background: var(--bcm-navy); }
.bcm-business-arrow { align-self: center; background: var(--bcm-blue); height: 1px; justify-self: center; position: relative; width: 38px; }
.bcm-business-arrow::after { border-right: 1px solid var(--bcm-blue); border-top: 1px solid var(--bcm-blue); content: ""; height: 7px; position: absolute; right: 0; top: -3px; transform: rotate(45deg); width: 7px; }
.bcm-business-ma .bcm-business-arrow { background: var(--bcm-navy); }
.bcm-business-ma .bcm-business-arrow::after { border-color: var(--bcm-navy); }
.bcm-business-link { padding: 32px 40px 96px; text-align: center; }
.bcm-business-link .bcm-button { min-width: 380px; transition: filter .2s ease, transform .2s ease; }
.bcm-business-link .bcm-button:hover { filter: brightness(1.08); transform: translateY(-2px); }
.bcm-business-closing { background: var(--bcm-heading); color: #fff; margin-top: 0; padding: 36px 30px; text-align: center; }
.bcm-business-closing p { font-size: 16px; font-weight: 600; line-height: 1.8; margin: 0; }
.bcm-business-closing > span { background: rgba(255,255,255,.52); display: block; height: 1px; margin: 20px auto; width: 42px; }
.bcm-business-closing > div { font-size: 14px; line-height: 1.9; }
.bcm-values { background: var(--bcm-soft); }
.bcm-values-photo { height: 390px; margin: 0; overflow: hidden; }
.bcm-values-photo img { display: block; height: 100%; object-fit: cover; object-position: center 45%; width: 100%; }
.bcm-values-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: -52px 26px 0; position: relative; z-index: 1; }
.bcm-values-grid article { background: #fff; border-top: 3px solid var(--bcm-blue); box-shadow: 0 12px 30px rgba(20,45,72,.08); padding: 28px 25px 30px; }
.bcm-values .bcm-top-heading > p,
.bcm-team .bcm-top-heading > p { font-weight: 400; }
.bcm-values-grid article > p { color: var(--bcm-blue); font-size: 18px; font-weight: 600; letter-spacing: .1em; line-height: 1; margin: 0; }
.bcm-values-grid article > span { background: #cbd8e3; display: block; height: 1px; margin: 14px 0 18px; width: 36px; }
.bcm-values-grid h3 { color: var(--bcm-heading); font-size: 19px; font-weight: 600; line-height: 1.65; margin: 0 0 15px; min-height: 3.3em; }
.bcm-values-grid article > div { font-size: 14px; line-height: 1.85; }
.bcm-team { background: #fff; }
.bcm-team-grid { display: grid; gap: 18px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bcm-team-grid article { border: 1px solid #dde3e8; padding: 24px 12px 25px; text-align: center; }
.bcm-team-grid figure { height: 142px; margin: 0 auto 18px; overflow: hidden; width: 110px; }
.bcm-team-grid img { display: block; height: 100%; object-fit: cover; object-position: center top; width: 100%; }
.bcm-team-grid h3 { color: var(--bcm-heading); font-size: 17px; font-weight: 600; margin: 0 0 8px; }
.bcm-team-role { color: #66717c; font-size: 11px; line-height: 1.5; margin: 0; min-height: 1.5em; }
.bcm-team-role.is-empty { visibility: hidden; }
.bcm-team-field { border-top: 1px solid #d7e0e7; color: var(--bcm-blue); font-size: 12px; line-height: 1.55; margin: 10px auto 0; padding-top: 10px; }
.bcm-team-link { margin-top: 36px; text-align: center; }
.bcm-top-news { background: var(--bcm-soft); padding: 70px 0 74px; }
.bcm-news-layout { display: grid; gap: 56px; grid-template-columns: 210px 1fr; }
.bcm-news-layout > header > span { margin-left: 0; }
.bcm-news-list { border-top: 1px solid #cfd8df; }
.bcm-news-list a { align-items:center; border-bottom:1px solid #cfd8df; color:var(--bcm-ink); display:grid; gap:20px; grid-template-columns:108px minmax(0,1fr) 18px; min-height:100px; padding:14px 0; text-decoration:none; }
.bcm-news-thumbnail { background:#e7f1f7; display:block; height:72px; overflow:hidden; position:relative; width:108px; }
.bcm-news-thumbnail > img { display:block; height:100%; object-fit:cover; width:100%; }
.bcm-news-thumbnail.is-placeholder { align-items:center; background:#9eafba; border-top:2px solid var(--bcm-blue); color:rgba(255,255,255,.76); display:flex; justify-content:center; }
.bcm-news-thumbnail.is-placeholder > span { color:rgba(255,255,255,.76); font-family:Arial,sans-serif; font-size:13px; font-weight:500; letter-spacing:.22em; padding-left:.22em; }
.bcm-news-copy { align-self:center; display:block; min-width:0; }
.bcm-news-list time { color:var(--bcm-lead); display:block; font-family:Arial,sans-serif; font-size:11px; line-height:1.4; margin-bottom:7px; }
.bcm-news-list strong { display:block; font-size:14px; font-weight:400; line-height:1.7; }
.bcm-news-arrow { color:var(--bcm-blue); text-align:right; }
.bcm-news-empty { border-bottom: 1px solid #cfd8df; padding: 24px 0; }
.bcm-news-more { color: var(--bcm-blue); display: block; font-size: 14px; font-weight: 600; margin-top: 24px; text-align: right; }
.bcm-news-more span { margin-left: 10px; }
.bcm-top-contact { background: #fff; }
.bcm-contact-panel { border: 1px solid #ccd7df; border-radius: 8px; margin: 38px auto 0; max-width: 940px; overflow: hidden; }
.bcm-contact-flow { background: #fff; padding: 40px 38px 18px; }
.bcm-contact-flow > h3 { color: var(--bcm-heading); font-size: 18px; font-weight: 600; margin: 0 0 24px; text-align: center; }
.bcm-contact-flow > div { align-items: center; display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr; margin: 0 auto; max-width: 720px; }
.bcm-contact-flow article { text-align: center; }
.bcm-contact-flow article p { color: var(--bcm-blue); font-size: 13px; font-weight: 600; letter-spacing: .1em; margin: 0 0 11px; }
.bcm-contact-flow article strong { color: var(--bcm-heading); font-size: 14px; font-weight: 400; line-height: 1.65; }
.bcm-contact-flow article + span,
.bcm-contact-flow article ~ span { background: #9dbbcf; height: 1px; position: relative; width: 32px; }
.bcm-contact-flow article + span::after,
.bcm-contact-flow article ~ span::after { border-right: 1px solid #9dbbcf; border-top: 1px solid #9dbbcf; content: ""; height: 7px; position: absolute; right: 0; top: -3px; transform: rotate(45deg); width: 7px; }
.bcm-contact-channels { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 22px 38px 38px; }
.bcm-contact-channel { align-items: center; background: #f7f9fb; display: grid; grid-template-rows: 54px 60px 64px 24px; justify-items: center; min-height: 270px; padding: 34px 32px; row-gap: 16px; text-align: center; }
.bcm-contact-channel-form { background: #edf5fa; }
.bcm-contact-icon { align-items: center; background: #fff; border: 1px solid #c9dbe8; border-radius: 50%; color: var(--bcm-blue); display: flex; height: 54px; justify-content: center; margin: 0; width: 54px; }
.bcm-contact-channel-phone .bcm-contact-icon { border-color: #d1d6df; color: var(--bcm-navy); }
.bcm-contact-icon svg { display: block; height: 25px; width: 25px; }
.bcm-contact-channel h3 { align-self: center; color: var(--bcm-heading); font-size: 20px; font-weight: 600; line-height: 1.5; margin: 0; }
.bcm-contact-channel .bcm-button { align-self: center; max-width: 330px; min-width: 0; width: 100%; }
.bcm-contact-channel > p { align-self: start; color: #68717a; font-size: 13px; line-height: 1.7; margin: 0; }
.bcm-contact-phone { align-self: center; color: var(--bcm-heading); display: block; font-family: Arial, sans-serif; font-size: 28px; font-weight: 500; letter-spacing: .02em; line-height: 1.25; margin: 0; }
@media screen and (max-width: 1024px) {
body.bcm-renewal.home #header_slider_wrap,
body.bcm-renewal.home #header_slider,
body.bcm-renewal.home #header_slider .item { height: 700px !important; min-height: 700px; }
.bcm-top-section { padding: 78px 0; }
.bcm-top-wrap { padding: 0 28px; }
.bcm-business-head { grid-template-columns: 38% 62%; }
.bcm-business .bcm-top-heading h2 { font-size: 32px; }
.bcm-business-link { padding-bottom: 88px; }
.bcm-business-identity { padding: 28px 32px; }
.bcm-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bcm-team-grid article { grid-column: auto; }
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.bcm-team-grid {
grid-template-columns: repeat(2, minmax(0, 260px));
justify-content: center;
}
.bcm-team-grid article { width: 100%; }
}
@media screen and (max-width: 750px) {
body.bcm-renewal.home #header_slider_wrap,
body.bcm-renewal.home #header_slider,
body.bcm-renewal.home #header_slider .item { height: 760px !important; max-height: none; min-height: 760px; }
.bcm-hero-strip { bottom: 176px; gap: 1px; grid-template-columns: repeat(4, minmax(0,1fr)); grid-template-rows: repeat(5,minmax(0,1fr)); inset: 0 0 176px; }
.bcm-hero-panel-1 { grid-column: 1 / 3; grid-row: 1; }
.bcm-hero-panel-2 { grid-column: 3; grid-row: 1; }
.bcm-hero-panel-3 { grid-column: 4; grid-row: 1; }
.bcm-hero-panel-4 { grid-column: 1; grid-row: 2; }
.bcm-hero-panel-5 { grid-column: 2 / 4; grid-row: 2; }
.bcm-hero-panel-6 { grid-column: 4; grid-row: 2; }
.bcm-hero-panel-7 { grid-column: 1 / 3; grid-row: 3; }
.bcm-hero-panel-8 { grid-column: 3; grid-row: 3; }
.bcm-hero-panel-9 { grid-column: 4; grid-row: 3; }
.bcm-hero-panel-10 { grid-column: 1; grid-row: 4; }
.bcm-hero-panel-11 { grid-column: 2 / 4; grid-row: 4; }
.bcm-hero-panel-12 { grid-column: 4; grid-row: 4; }
.bcm-hero-panel-13 { grid-column: 1 / 3; grid-row: 5; }
.bcm-hero-panel-14 { grid-column: 3; grid-row: 5; }
.bcm-hero-panel-15 { grid-column: 4; grid-row: 5; }
body.bcm-renewal.home #index_header_content.bcm-hero-content { max-width: none; padding: 25px 20px 27px; top: 292px; width: calc(100% - 44px); }
.bcm-hero-corner { height: 42px; width: 42px; }
.bcm-hero-eyebrow { font-size: 9px; letter-spacing: .12em; margin-bottom: 12px; white-space: nowrap; }
.bcm-hero-title { font-size: clamp(25px, 7vw, 30px); line-height: 1.5; margin-bottom: 12px; }
.bcm-hero-lead { font-size: 12px; line-height: 1.75; }
.bcm-hero-paths { grid-template-columns: 1fr; height: 176px; }
.bcm-hero-path { min-height: 88px; padding: 14px 50px 14px 22px; }
.bcm-hero-path strong { font-size: 17px; }
.bcm-hero-path span { font-size: 11px; }
.bcm-hero-path b { right: 22px; }
.bcm-top-section { padding: 64px 0; }
.bcm-top-wrap { padding: 0 18px; }
.bcm-pc-only { display: none; }
.bcm-top-heading { margin-bottom: 34px; }
.bcm-top-heading h2,
.bcm-news-layout h2 { font-size: 24px; line-height: 1.65; }
.bcm-top-heading > div { font-size: 14px; line-height: 1.9; }
.bcm-business-head { grid-template-columns: 1fr; }
.bcm-business .bcm-top-heading h2 { font-size: 24px; line-height: 1.5; }
.bcm-business-head figure { height: 190px; }
.bcm-business-identity { padding: 25px 22px; }
.bcm-business-identity h3 { font-size: 23px; }
.bcm-business-identity > div { font-size: 14px; }
.bcm-business-map { border-top: 0; grid-template-columns: 1fr; padding: 24px 20px 20px; }
.bcm-business-arrow { height: 38px; margin: 8px auto; transform: none; width: 1px; }
.bcm-business-arrow::after { border: solid var(--bcm-blue); border-width: 0 1px 1px 0; bottom: 0; height: 7px; left: -3px; right: auto; top: auto; transform: rotate(45deg); width: 7px; }
.bcm-business-ma .bcm-business-arrow::after { border-color: var(--bcm-navy); }
.bcm-business-link { padding: 28px 20px 84px; }
.bcm-business-link .bcm-button { min-width: 0; width: 100%; }
.bcm-business-closing { padding: 30px 22px; }
.bcm-business-closing p { font-size: 14px; }
.bcm-business-closing > div { line-height: 1.9; }
.bcm-business-box h4 { font-size: 17px; }
.bcm-values-photo { height: 260px; } .bcm-values-grid { grid-template-columns: 1fr; margin: -42px 14px 0; }
.bcm-values-grid article > p { font-size: 16px; }
.bcm-values-grid h3 { min-height: 0; }
.bcm-team-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.bcm-team-grid article { grid-column: auto; }
.bcm-team-grid figure { height: 122px; width: 94px; }
.bcm-team-link .bcm-button { min-width: 0; width: 100%; }
.bcm-top-news { padding: 58px 0 60px; }
.bcm-news-layout { gap: 30px; grid-template-columns: 1fr; }
.bcm-news-layout > header { text-align: center; }
.bcm-news-layout > header > span { margin-left: auto; }
.bcm-news-list a { gap:13px; grid-template-columns:96px minmax(0,1fr) 14px; min-height:92px; padding:14px 0; }
.bcm-news-thumbnail { height:64px; width:96px; }
.bcm-news-list time { margin-bottom:5px; }
.bcm-news-list strong { font-size:13px; line-height:1.6; }
.bcm-news-more { text-align: center; }
.bcm-contact-panel { margin-top: 30px; }
.bcm-contact-flow { padding: 34px 22px 16px; }
.bcm-contact-flow > div { grid-template-columns: 1fr; }
.bcm-contact-flow article + span,
.bcm-contact-flow article ~ span { background: #9dbbcf; height: 28px; margin: 7px auto; transform: none; width: 1px; }
.bcm-contact-flow article + span::after,
.bcm-contact-flow article ~ span::after { border: solid #9dbbcf; border-width: 0 1px 1px 0; bottom: 0; height: 7px; left: -3px; right: auto; top: auto; transform: rotate(45deg); width: 7px; }
.bcm-contact-channels { gap: 14px; grid-template-columns: 1fr; padding: 18px; }
.bcm-contact-channel { grid-template-rows: 54px auto 64px auto; min-height: 250px; padding: 28px 20px; }
.bcm-contact-channel h3 { font-size: 18px; }
.bcm-contact-channel .bcm-button { min-width: 0; width: 100%; }
.bcm-contact-phone { font-size: 27px; }
}
@media screen and (max-width: 390px) {
body.bcm-renewal.home #index_header_content.bcm-hero-content { padding-left: 16px; padding-right: 16px; width: calc(100% - 30px); }
.bcm-hero-eyebrow { font-size: 8px; }
.bcm-hero-title { font-size: 24px; }
.bcm-hero-lead { font-size: 11px; }
.bcm-team-grid { gap: 10px; }
.bcm-team-grid article { padding-left: 7px; padding-right: 7px; }
.bcm-contact-phone { font-size: 25px; }
} @media screen and (min-width: 1025px) {
.bcm-business-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bcm-business-item { display: flex; flex-direction: column; min-width: 0; }
.bcm-business-item + .bcm-business-item { border-left: 0; border-top: 1px solid #c3ced8; }
.bcm-business-head { display: block; min-height: 0; }
.bcm-business-head figure { height: 245px; }
.bcm-business-identity { min-height: 176px; padding: 28px 34px 24px; }
.bcm-business-identity h3 { font-size: 27px; }
.bcm-business-map { border-top: 0; grid-template-columns: 1fr; padding: 18px 30px 22px; }
.bcm-business-box { min-height: 220px; }
.bcm-business-arrow { height: 42px; margin: 10px auto; transform: none; width: 1px; }
.bcm-business-arrow::after { border: solid var(--bcm-blue); border-width: 0 1px 1px 0; bottom: 0; height: 7px; left: -3px; right: auto; top: auto; transform: rotate(45deg); width: 7px; }
.bcm-business-ma .bcm-business-arrow::after { border-color: var(--bcm-navy); }
.bcm-business-link { margin-top: auto; padding-left: 30px; padding-right: 30px; }
} .bcm-lp {
background: #fff;
color: var(--bcm-ink);
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
.bcm-lp-wrap {
margin: 0 auto;
max-width: 1120px;
padding: 0 32px;
width: 100%;
}
.bcm-lp-section {
padding: 96px 0;
scroll-margin-top: 90px;
}
.bcm-lp-soft {
background: var(--bcm-soft);
}
.bcm-lp-hero {
align-items: center;
background-image: linear-gradient(180deg, rgba(24, 126, 188, .24), rgba(10, 91, 151, .34) 48%, rgba(5, 45, 88, .56)), url(//shoukeinews.jp/web/wp-content/themes/beyond-renewal-child-without-kawakami/assets/images/management-consulting-background.png);
background-position: center 52%;
background-size: cover;
box-sizing: border-box;
color: #fff;
display: flex;
height: clamp(620px, 80vh, 780px);
justify-content: center;
min-height: 0;
padding: 48px 0;
text-align: center;
}
.bcm-lp-hero-inner {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.bcm-lp-crumb {
color: rgba(255, 255, 255, .64);
font-size: 11px;
letter-spacing: .04em;
margin: 0 0 18px;
}
.bcm-lp-crumb a {
color: rgba(255, 255, 255, .82);
}
.bcm-lp-crumb span {
margin: 0 8px;
}
.bcm-lp-kicker {
color: rgba(255, 255, 255, .92);
font-size: 12px;
font-weight: 500;
letter-spacing: .24em;
margin: 0 0 16px;
text-align: center;
}
.bcm-lp-kicker-blue {
color: var(--bcm-blue);
margin-bottom: 14px;
}
.bcm-lp-hero h1 {
color: #fff;
font-size: 40px;
font-weight: 700;
letter-spacing: .02em;
line-height: 1.55;
margin: 0 0 24px;
text-shadow: 0 2px 18px rgba(8, 16, 32, .4);
}
.bcm-lp-hero-lead {
color: rgba(255, 255, 255, .82);
font-size: 16px;
line-height: 2;
margin: 0 auto 34px;
max-width: 760px;
}
.bcm-lp-button {
background: var(--bcm-blue);
border: 1px solid var(--bcm-blue);
border-radius: var(--bcm-cta-radius);
color: #fff !important;
display: inline-flex;
font-size: var(--bcm-cta-font-size);
font-weight: var(--bcm-cta-font-weight);
justify-content: center;
letter-spacing: .05em;
align-items: center;
height: var(--bcm-cta-height);
line-height: 1.5;
min-height: 0;
min-width: var(--bcm-cta-min-width);
overflow: hidden;
padding: 0 1.5em;
text-align: center;
transition: background-color .2s ease, transform .2s ease;
}
.bcm-lp-button:hover {
background: var(--bcm-blue-deep);
transform: translateY(-2px);
}
.bcm-lp-quicknav {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin-top: 36px;
}
.bcm-lp-quicknav a {
align-items: center;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background: rgba(255, 255, 255, .055);
border: 1px solid rgba(255, 255, 255, .52);
border-radius: 999px;
box-shadow: 0 2px 8px rgba(8, 25, 48, .07);
color: #fff;
display: inline-flex;
font-size: 12px;
justify-content: center;
line-height: 1.4;
min-height: 48px;
padding: 12px 21px;
text-shadow: 0 1px 3px rgba(8, 25, 48, .16);
transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.bcm-lp-quicknav a:hover {
background: rgba(255, 255, 255, .78);
border-color: #fff;
color: var(--bcm-blue-deep);
text-shadow: none;
transform: translateY(-1px);
}
.bcm-lp-heading {
border-bottom: 1px solid var(--bcm-line);
border-top: 1px solid var(--bcm-line);
margin-bottom: 40px;
padding: 20px 0;
}
.bcm-lp-heading h2 {
color: var(--bcm-heading);
font-size: 26px;
font-weight: 700;
letter-spacing: .02em;
line-height: 1.55;
margin: 0;
}
.bcm-lp-heading p {
color: var(--bcm-muted);
font-size: 14px;
line-height: 1.8;
margin: 9px 0 0;
}
.bcm-case-grid {
display: grid;
gap: 22px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bcm-case {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 14px rgba(20, 30, 50, .07);
min-height: 150px;
padding: 28px 26px;
text-align: center;
}
.bcm-case span,
.bcm-feature-body > span,
.bcm-process-grid span,
.bcm-diagnosis-grid span {
color: var(--bcm-blue);
font-size: 11px;
font-weight: 600;
letter-spacing: .09em;
}
.bcm-case p {
font-size: 15px;
line-height: 1.8;
margin: 13px 0 0;
}
.bcm-feature-grid {
display: grid;
gap: 28px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bcm-feature {
background: #fff;
border-radius: 9px;
box-shadow: 0 2px 14px rgba(20, 30, 50, .07);
overflow: hidden;
text-align: center;
}
.bcm-feature > img {
display: block;
height: 210px;
object-fit: cover;
width: 100%;
}
.bcm-feature-body {
padding: 34px 40px 40px;
}
.bcm-feature-body > span,
.bcm-process-grid span {
align-items: center;
background: var(--bcm-soft);
border-radius: 50%;
display: flex;
height: 52px;
justify-content: center;
margin: 0 auto 20px;
width: 52px;
}
.bcm-feature h3 {
color: var(--bcm-heading);
font-size: 19px;
font-weight: 700;
margin: 0 0 14px;
}
.bcm-feature p {
color: var(--bcm-muted);
font-size: 14px;
line-height: 1.9;
margin: 0;
text-align: left;
}
.bcm-service-group {
border-radius: 8px;
box-shadow: 0 2px 14px rgba(20, 30, 50, .07);
margin-bottom: 24px;
overflow: hidden;
}
.bcm-service-group > header {
align-items: center;
background: var(--bcm-soft);
display: flex;
justify-content: space-between;
padding: 24px 32px;
}
.bcm-service-group > header span {
color: var(--bcm-blue);
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: .09em;
margin-bottom: 6px;
}
.bcm-service-group > header h3 {
font-size: 19px;
font-weight: 600;
margin: 0;
}
.bcm-service-group > header b {
border: 1px solid var(--bcm-line);
border-radius: 999px;
color: var(--bcm-muted);
font-size: 12px;
font-weight: 500;
padding: 6px 14px;
white-space: nowrap;
}
.bcm-service-items {
background: #fff;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bcm-service-items-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bcm-service-items > div {
border-left: 1px solid var(--bcm-line);
border-top: 1px solid var(--bcm-line);
padding: 25px 28px 28px;
}
.bcm-service-items > div:first-child {
border-left: 0;
}
.bcm-service-items h4 {
font-size: 15px;
font-weight: 600;
line-height: 1.6;
margin: 0 0 9px;
}
.bcm-service-items p {
color: var(--bcm-muted);
font-size: 13px;
line-height: 1.85;
margin: 0;
}
.bcm-process-grid {
display: grid;
gap: 20px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bcm-process-grid > div {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 14px rgba(20, 30, 50, .07);
padding: 28px 24px;
text-align: center;
}
.bcm-process-grid h3 {
font-size: 16px;
font-weight: 600;
margin: 0 0 9px;
}
.bcm-process-grid p {
color: var(--bcm-muted);
font-size: 13px;
line-height: 1.85;
margin: 0;
}
.bcm-price-note {
background: var(--bcm-navy);
color: #fff;
font-size: 15px;
line-height: 1.8;
margin: 32px 0 0;
padding: 25px 30px;
text-align: center;
}
.bcm-diagnosis-grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bcm-diagnosis-grid > div {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 14px rgba(20, 30, 50, .07);
padding: 30px;
}
.bcm-diagnosis-grid ul {
margin: 13px 0 0;
padding-left: 19px;
}
.bcm-diagnosis-grid li {
font-size: 13px;
line-height: 1.75;
padding: 5px 0;
}
.bcm-faq-list details {
border-top: 1px solid var(--bcm-line);
padding: 20px 0;
}
.bcm-faq-list details:last-child {
border-bottom: 1px solid var(--bcm-line);
}
.bcm-faq-list summary {
cursor: pointer;
font-size: 14px;
font-weight: 600;
list-style: none;
}
.bcm-faq-list summary::before {
color: var(--bcm-blue);
content: "Q. ";
}
.bcm-faq-list summary::-webkit-details-marker {
display: none;
}
.bcm-faq-list details p {
color: var(--bcm-muted);
font-size: 14px;
line-height: 1.9;
margin: 13px 0 0;
padding-left: 22px;
}
.bcm-lp-contact {
background: #fff;
}
.bcm-lp-contact-wrap {
border-bottom: 1px solid var(--bcm-line);
border-top: 1px solid var(--bcm-line);
margin: 0 auto;
max-width: 850px;
padding: 54px 30px 64px;
}
.bcm-lp-contact h2 {
color: var(--bcm-heading);
font-size: 25px;
font-weight: 700;
line-height: 1.7;
margin: 0 0 12px;
text-align: center;
}
.bcm-lp-contact-lead {
color: var(--bcm-muted);
font-size: 13px;
line-height: 1.8;
margin: 0 0 38px;
text-align: center;
}
@media screen and (max-width: 750px) {
.bcm-lp-wrap {
padding: 0 22px;
}
.bcm-lp-section {
padding: 68px 0;
}
.bcm-lp-hero {
background-position: center 50%;
height: clamp(620px, 82svh, 720px);
min-height: 0;
padding: 38px 0;
}
.bcm-lp-hero h1 {
font-size: 29px;
line-height: 1.6;
}
.bcm-lp-hero-lead {
font-size: 14px;
}
.bcm-lp-button {
font-size: 14px;
height: 50px;
min-height: 0;
min-width: 0;
padding: 0 1.5em;
width: min(100%, 350px);
}
.bcm-lp-quicknav {
gap: 9px;
margin-top: 28px;
}
.bcm-lp-quicknav a {
min-height: 44px;
padding: 11px 17px;
}
.bcm-lp-heading {
margin-bottom: 30px;
}
.bcm-lp-heading h2 {
font-size: 22px;
}
.bcm-case-grid,
.bcm-feature-grid,
.bcm-service-items,
.bcm-service-items-2,
.bcm-diagnosis-grid {
grid-template-columns: 1fr;
}
.bcm-case {
min-height: 0;
}
.bcm-feature > img {
height: 180px;
}
.bcm-feature-body {
padding: 30px 25px 34px;
}
.bcm-service-group > header {
align-items: flex-start;
gap: 16px;
padding: 22px 20px;
}
.bcm-service-group > header h3 {
font-size: 17px;
}
.bcm-service-items > div {
border-left: 0;
padding: 22px 20px 24px;
}
.bcm-process-grid {
grid-template-columns: 1fr;
}
.bcm-lp-contact-wrap {
border-bottom: 0;
margin: 0 20px;
padding: 46px 0 0;
}
.bcm-lp-contact h2 {
font-size: 21px;
}
} body.bcm-renewal.home #header_slider_wrap,
body.bcm-renewal.home #header_slider,
body.bcm-renewal.home #header_slider .item { height: calc(100vh - var(--bcm-home-header-height, 80px)) !important; height: calc(100svh - var(--bcm-home-header-height, 80px)) !important; max-height: none; min-height: 0; }
.bcm-hero-strip { bottom: 0; inset: 0; }
.bcm-hero-strip::after { background: rgba(28,34,42,.49); display: block; inset: 0; position: absolute; z-index: 2; }
.bcm-hero-panel { filter: saturate(.68) contrast(.92) brightness(.96); }
body.bcm-renewal.home #index_header_content.bcm-hero-content { background: transparent; box-shadow: none; color: #fff; max-width: 1040px; padding: 0 34px; top: 50%; width: calc(100% - 64px); z-index: 4; }
.bcm-hero-corner { display: none; }
.bcm-hero-eyebrow { color: rgba(255,255,255,.92); font-size: 12px; font-weight: 400; letter-spacing: .25em; margin-bottom: 22px; text-shadow: 0 1px 8px rgba(0,0,0,.18); }
.bcm-hero-title { color: #fff; font-feature-settings: "palt" 1; font-kerning: normal; font-size: clamp(36px,3.1vw,48px); font-weight: 600; letter-spacing: .01em; line-height: 1.55; margin-bottom: 18px; text-shadow: 0 2px 16px rgba(0,0,0,.26); }
.bcm-hero-copy { transform: translateY(28px); }
.bcm-hero-quoted { display: inline-block; margin-right: .08em; margin-left: .08em; font-feature-settings: "palt" 0; }
.bcm-hero-lead { color: rgba(255,255,255,.94); font-size: 14px; font-weight: 400; letter-spacing: .02em; line-height: 1.9; text-shadow: 0 1px 9px rgba(0,0,0,.24); }
.bcm-hero-paths { position: static; background: transparent; bottom: auto; gap: 22px; grid-template-columns: 1fr 1fr; height: auto; left: auto; max-width: 1000px; margin: 136px auto 0; right: auto; transform: none; width: 100%; z-index: 5; }
.bcm-hero-path { align-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: var(--bcm-cta-radius); min-height: 84px; padding: 15px 60px; text-align: center; transition: filter .2s ease, transform .2s ease; }
.bcm-hero-path-consulting { background: rgba(15,105,172,.94); }
.bcm-hero-path-ma { background: rgba(24,34,66,.94); }
.bcm-hero-path:hover { filter: brightness(1.08); transform: translateY(-2px); }
.bcm-hero-path strong { font-size: 22px; font-weight: 600; letter-spacing: .02em; line-height: 1.35; }
.bcm-hero-path span { font-size: 13px; font-weight: 400; letter-spacing: .03em; line-height: 1.5; margin: 0 0 4px; opacity: .9; }
.bcm-hero-path b { right: 30px; }
.bcm-mobile-title-break,
.bcm-mobile-lead-break { display: none; }
@media screen and (max-width: 1024px) {
body.bcm-renewal.home #header_slider_wrap,
body.bcm-renewal.home #header_slider,
body.bcm-renewal.home #header_slider .item { height: calc(100vh - var(--bcm-home-header-height, 70px)) !important; height: calc(100svh - var(--bcm-home-header-height, 70px)) !important; min-height: 0; }
body.bcm-renewal.home #index_header_content.bcm-hero-content { top: 50%; }
.bcm-hero-copy { transform: translateY(20px); }
.bcm-hero-paths { grid-template-columns: 1fr 1fr; margin-top: 110px; width: 100%; }
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.bcm-hero-strip {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.bcm-hero-panel { display: none; }
.bcm-hero-panel-2,
.bcm-hero-panel-3,
.bcm-hero-panel-5,
.bcm-hero-panel-7,
.bcm-hero-panel-8,
.bcm-hero-panel-10,
.bcm-hero-panel-11,
.bcm-hero-panel-12,
.bcm-hero-panel-14 { display: block; }
.bcm-hero-panel-2 { background-position: 70% 38%; grid-column: 1; grid-row: 1; }
.bcm-hero-panel-3 { background-position: 65% 36%; grid-column: 2; grid-row: 1; }
.bcm-hero-panel-5 { background-position: 68% 38%; grid-column: 3; grid-row: 1; }
.bcm-hero-panel-7 { background-position: 70% 42%; grid-column: 1; grid-row: 2; }
.bcm-hero-panel-8 { background-position: 57% 36%; grid-column: 2; grid-row: 2; }
.bcm-hero-panel-10 { background-position: 58% 36%; grid-column: 3; grid-row: 2; }
.bcm-hero-panel-11 { background-position: 35% 38%; grid-column: 1; grid-row: 3; }
.bcm-hero-panel-12 { background-position: 52% 36%; grid-column: 2; grid-row: 3; }
.bcm-hero-panel-14 { background-position: 52% 38%; grid-column: 3; grid-row: 3; }
}
@media screen and (max-width: 750px) {
body.bcm-renewal.home #header_slider_wrap,
body.bcm-renewal.home #header_slider,
body.bcm-renewal.home #header_slider .item { height: calc(100vh - var(--bcm-home-header-height, 70px)) !important; height: calc(100svh - var(--bcm-home-header-height, 70px)) !important; max-height: none; min-height: 0; }
.bcm-hero-strip {
bottom: 0;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: repeat(4, minmax(0, 1fr));
inset: 0;
}
.bcm-hero-panel { display: none; }
.bcm-hero-panel-2,
.bcm-hero-panel-3,
.bcm-hero-panel-4,
.bcm-hero-panel-5,
.bcm-hero-panel-7,
.bcm-hero-panel-8,
.bcm-hero-panel-11,
.bcm-hero-panel-14 { display: block; }
.bcm-hero-panel-4 { background-position: center 46%; grid-column: 1 / 4; grid-row: 1; }
.bcm-hero-panel-2 { background-position: center 35%; grid-column: 4; grid-row: 1; }
.bcm-hero-panel-3 { background-position: center 34%; grid-column: 1; grid-row: 2; }
.bcm-hero-panel-8 { background-position: center 38%; grid-column: 2 / 5; grid-row: 2; }
.bcm-hero-panel-5 { background-position: center 40%; grid-column: 1 / 4; grid-row: 3; }
.bcm-hero-panel-7 { background-position: center 35%; grid-column: 4; grid-row: 3; }
.bcm-hero-panel-11 { background-position: center 34%; grid-column: 1; grid-row: 4; }
.bcm-hero-panel-14 { background-position: center 30%; grid-column: 2 / 5; grid-row: 4; }
.bcm-hero-strip::after { background: rgba(24,30,38,.50); }
body.bcm-renewal.home #index_header_content.bcm-hero-content { padding: 0 10px; top: 50%; width: calc(100% - 30px); }
.bcm-hero-copy { transform: translateY(10px); }
.bcm-hero-eyebrow { font-size: 9px; letter-spacing: .15em; margin-bottom: 16px; }
.bcm-hero-title { width: calc(100% + 20px); margin-right: -10px; margin-left: -10px; font-size: clamp(26px,7vw,30px); letter-spacing: .07em; line-height: 1.48; margin-bottom: 14px; }
.bcm-hero-title .bcm-hero-quoted { margin-right: .015em; margin-left: .015em; font-feature-settings: "palt" 1; }
.bcm-mobile-title-break,
.bcm-mobile-lead-break { display: block; }
.bcm-hero-lead { font-size: clamp(13px,3.25vw,14px); line-height: 1.75; }
.bcm-hero-paths { gap: 10px; grid-template-columns: 1fr; margin-top: 56px; width: 100%; }
.bcm-hero-path { min-height: 74px; padding: 10px 48px; }
.bcm-hero-path strong { font-size: 18px; }
.bcm-hero-path span { font-size: 12px; }
.bcm-hero-path b { right: 22px; }
body.bcm-renewal.home #header_scroll_button { display: none !important; }
}
@media screen and (max-width: 390px) {
.bcm-hero-copy { transform: translateY(8px); }
.bcm-hero-title { font-size: 25px; letter-spacing: .055em; }
.bcm-hero-paths { margin-top: 48px; width: 100%; }
}
@media screen and (max-width: 340px) {
.bcm-hero-title { font-size: 24px; letter-spacing: .045em; }
} .bcm-top-heading > p,
.bcm-news-layout > header > p,
.bcm-business-identity > p,
.bcm-business-ma .bcm-business-identity > p,
.bcm-values-grid article > p,
.bcm-team-field {
color: var(--bcm-blue);
}
.bcm-top-heading h2,
.bcm-news-layout h2,
.bcm-business-identity h3,
.bcm-business-identity > div,
.bcm-business-box h4,
.bcm-values-grid h3,
.bcm-team-grid h3,
.bcm-contact-flow > h3,
.bcm-contact-flow article strong,
.bcm-contact-channel h3,
.bcm-contact-phone {
color: var(--bcm-heading);
}
.bcm-top-heading > div {
color: var(--bcm-lead);
}
.bcm-business-box li,
.bcm-values-grid article > div {
color: var(--bcm-ink);
}
.bcm-team-role,
.bcm-contact-channel > p {
color: var(--bcm-muted);
} .bcm-top-heading > span,
.bcm-news-layout > header > span {
width: 44px;
height: 1px;
background: var(--bcm-blue);
} .bcm-button,
.bcm-lp-button,
.bcm-contact-form input[type="submit"] {
background: #1666a5;
}
.bcm-button:hover,
.bcm-lp-button:hover,
.bcm-contact-form input[type="submit"]:hover {
background: #0b4a82;
}
.bcm-button-navy {
background: #1b2340;
}
.bcm-button-navy:hover {
background: #12172b;
} #archive_news .news_list .title a,
#archive_case .case_list .title a {
color: var(--bcm-heading);
}
#archive_news .news_list .title a:hover,
#archive_case .case_list .title a:hover {
color: var(--bcm-blue);
}
#archive_news .news_list .date,
#archive_case #archive_header .desc {
color: var(--bcm-lead);
}
#archive_case .case_list .meta,
#archive_case .case_list .company {
color: var(--bcm-ink);
} .bcm-hero-path-ma {
background: rgba(22, 102, 165, .94);
}
.bcm-hero-path-consulting {
background: rgba(27, 35, 64, .94);
}