#custom-content-wrapper { 
position: relative !important; 
width: 100% !important; 
z-index: 10 !important; 
color: #333 !important; 
} #custom-content-wrapper .hero { 
position: relative !important; 
height: 100vh !important; 
width: 100% !important; 
display: flex !important; 
align-items: center !important; 
justify-content: center !important; 
background-size: cover !important; 
background-position: center bottom !important; 
background-attachment: fixed !important; 
overflow: hidden !important;
}
#custom-content-wrapper .hero::before { 
content: '' !important; 
position: absolute !important; 
top: 0 !important; 
left: 0 !important; 
width: 100% !important; 
height: 100% !important; 
background: rgba(11, 35, 71, 0.4) !important; 
z-index: 1 !important; 
}
#custom-content-wrapper .hero::after { 
content: '' !important; 
position: absolute !important; 
top: 0 !important; 
left: 0 !important; 
width: 100% !important; 
height: 100% !important; 
background: linear-gradient(180deg, rgba(11,35,71,0.2) 0%, rgba(11,35,71,0.6) 100%) !important; 
z-index: 1 !important; 
}
#custom-content-wrapper .hero-content { 
position: relative !important; 
z-index: 2 !important; 
width: 100% !important; 
max-width: 1000px !important; 
text-align: center !important; 
color: #fff !important; 
padding: 0 20px !important; 
margin-top: 40px !important; 
}
#custom-content-wrapper .hero-copy-en { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-size: 16px !important; 
letter-spacing: 0.3em !important; 
color: rgba(255, 255, 255, 0.9) !important; 
margin-bottom: 30px !important; 
display: block !important; 
text-transform: uppercase !important; 
font-weight: 600 !important; 
animation: fadeInUp 1s ease forwards 0.5s !important; 
opacity: 0;
}
#custom-content-wrapper .hero-copy-jp { 
font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "HG Mincho E", "MS PMincho", serif !important; 
font-size: clamp(36px, 5vw, 72px) !important; 
font-weight: 700 !important; 
line-height: 1.3 !important; 
letter-spacing: 0.05em !important; 
margin-bottom: 40px !important; 
color: #fff !important; 
animation: fadeInUp 1s ease forwards 0.8s !important; 
opacity: 0;
}
#custom-content-wrapper .hero-sub { 
font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "HG Mincho E", "MS PMincho", serif !important; 
font-size: 20px !important; 
font-weight: 600 !important; 
line-height: 2 !important; 
opacity: 0;
animation: fadeInUp 1s ease forwards 1.1s !important; 
display: inline-block !important; 
border-top: 1px solid rgba(255,255,255,0.6) !important; 
padding-top: 30px !important; 
margin-top: 10px !important; 
}
@keyframes fadeInUp { 
from {
opacity: 0;
transform: translateY(30px);
}
to { 
opacity: 1; 
transform: translateY(0); 
} 
} #custom-content-wrapper section { 
padding: 160px 0 !important; 
position: relative !important; 
}
#custom-content-wrapper .bg-deco-text { 
position: absolute !important; 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-weight: 700 !important; 
font-size: 18vw !important; 
color: #0B2347 !important; 
opacity: 0.03 !important; 
line-height: 1 !important; 
z-index: 0 !important; 
white-space: nowrap !important; 
pointer-events: none !important; 
}
#custom-content-wrapper .sec-heading-group { 
margin-bottom: 60px !important; 
}
#custom-content-wrapper .sec-title-large-en { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-size: clamp(40px, 5vw, 80px) !important; 
color: rgba(11, 35, 71, 0.08) !important; 
font-weight: 700 !important; 
line-height: 0.8 !important; 
letter-spacing: -0.02em !important; 
margin-bottom: -20px !important; 
position: relative !important; 
z-index: 0 !important; 
display: block !important; 
}
#custom-content-wrapper .sec-title-large-jp { 
font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "HG Mincho E", "MS PMincho", serif !important; 
font-size: clamp(28px, 3.5vw, 48px) !important; 
color: #0B2347 !important; 
font-weight: 700 !important; 
line-height: 1.4 !important; 
letter-spacing: 0.1em !important; 
position: relative !important; 
z-index: 1 !important; 
padding-left: 5px !important; 
}
#custom-content-wrapper .sec-lead-text { 
font-size: 18px !important; 
font-weight: 500 !important; 
line-height: 2.2 !important; 
color: #333 !important; 
margin-top: 40px !important; 
max-width: 800px !important; 
margin-left: auto !important; 
margin-right: auto !important; 
} #custom-content-wrapper .philosophy { 
overflow: hidden !important; 
}
#custom-content-wrapper .philosophy .bg-deco-text { 
top: 10% !important; 
left: -5% !important; 
}
#custom-content-wrapper .philosophy-inner { 
display: flex !important; 
gap: 80px !important; 
align-items: center !important; 
position: relative !important; 
z-index: 2 !important; 
}
#custom-content-wrapper .ph-text { 
flex: 1 !important; 
}
#custom-content-wrapper .ph-img { 
flex: 1 !important; 
position: relative !important; 
}
#custom-content-wrapper .ph-img img { 
width: 100% !important; 
height: 500px !important; 
object-fit: cover !important; 
box-shadow: 20px 20px 0 #F4F5F7 !important; 
position: relative !important; 
z-index: 2 !important; 
}
#custom-content-wrapper .ph-img::before { 
content: '' !important; 
position: absolute !important; 
top: -30px !important; 
left: -30px !important; 
width: 100% !important; 
height: 100% !important; 
border: 1px solid #B68D40 !important; 
z-index: 1 !important; 
} #custom-content-wrapper .business { 
background-color: #F4F5F7 !important; 
overflow: hidden !important; 
}
#custom-content-wrapper .business .bg-deco-text { 
bottom: 5% !important; 
right: -5% !important; 
color: #fff !important; 
opacity: 0.5 !important; 
}
#custom-content-wrapper .business-list { 
display: flex !important; 
flex-direction: column !important; 
gap: 120px !important; 
margin-top: 100px !important; 
position: relative !important; 
z-index: 2 !important; 
}
#custom-content-wrapper .biz-row { 
display: flex !important; 
align-items: center !important; 
background: #fff !important; 
box-shadow: 0 30px 60px rgba(0,0,0,0.05) !important; 
position: relative !important; 
}
#custom-content-wrapper .biz-row:nth-child(even) { 
flex-direction: row-reverse !important; 
}
#custom-content-wrapper .biz-img-box { 
width: 55% !important; 
height: 550px !important; 
overflow: hidden !important; 
position: relative !important; 
}
#custom-content-wrapper .biz-img-box img { 
width: 100% !important; 
height: 100% !important; 
object-fit: cover !important; 
transition: transform 0.6s !important; 
}
#custom-content-wrapper .biz-row:hover .biz-img-box img { 
transform: scale(1.05) !important; 
}
#custom-content-wrapper .biz-info-box { 
width: 45% !important; 
padding: 60px 50px !important; 
position: relative !important; 
}
#custom-content-wrapper .biz-num { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-size: 80px !important; 
font-weight: 700 !important; 
color: #f0f0f0 !important; 
position: absolute !important; 
top: 20px !important; 
right: 30px !important; 
}
#custom-content-wrapper .biz-title-en { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-size: 14px !important; 
letter-spacing: 0.2em !important; 
color: #B68D40 !important; 
display: block !important; 
margin-bottom: 15px !important; 
font-weight: 600 !important; 
}
#custom-content-wrapper .biz-title-jp { 
font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "HG Mincho E", "MS PMincho", serif !important; 
font-size: 32px !important; 
color: #0B2347 !important; 
margin-bottom: 30px !important; 
font-weight: 700 !important; 
position: relative !important; 
z-index: 1 !important; 
} #custom-content-wrapper .faq { 
background-color: #fff !important; 
padding: 140px 0 !important; 
}
#custom-content-wrapper .faq-list { 
margin-top: 60px !important; 
border-top: 1px solid #eee !important; 
}
#custom-content-wrapper .faq-item { 
border-bottom: 1px solid #eee !important; 
padding: 40px 0 !important; 
display: flex !important; 
flex-direction: column !important; 
gap: 20px !important; 
}
#custom-content-wrapper .faq-question { 
font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "HG Mincho E", "MS PMincho", serif !important; 
font-size: 20px !important; 
font-weight: 700 !important; 
color: #0B2347 !important; 
display: flex !important; 
align-items: flex-start !important; 
gap: 15px !important; 
}
#custom-content-wrapper .faq-question .q-mark { 
color: #B68D40 !important; 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-size: 20px !important; 
font-weight: 700 !important; 
flex-shrink: 0 !important; 
margin-top: 2px !important; 
}
#custom-content-wrapper .faq-answer { 
padding-left: 36px !important; 
font-size: 16px !important; 
color: #333 !important; 
line-height: 1.9 !important; 
} #custom-content-wrapper .section-split { 
display: flex !important; 
}
#custom-content-wrapper .col-split { 
width: 50% !important; 
padding: 120px 8% !important; 
position: relative !important; 
}
#custom-content-wrapper .col-company { 
background-color: #fff !important; 
}
#custom-content-wrapper .col-contact { 
background-color: #0B2347 !important; 
color: #fff !important; 
}
#custom-content-wrapper .col-company::after { 
content: 'COMPANY' !important; 
position: absolute !important; 
bottom: 20px !important; 
right: 20px !important; 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-weight: 700 !important; 
font-size: 80px !important; 
color: #0B2347 !important; 
opacity: 0.05 !important; 
pointer-events: none !important; 
}
#custom-content-wrapper .col-contact .sec-title-large-en { 
color: rgba(255,255,255,0.1) !important; 
}
#custom-content-wrapper .col-contact .sec-title-large-jp { 
color: #fff !important; 
}
#custom-content-wrapper .col-contact .sec-lead-text { 
color: rgba(255,255,255,0.8) !important; 
border-color: rgba(255,255,255,0.2) !important; 
}
#custom-content-wrapper .contact-tel { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-size: 42px !important; 
font-weight: 400 !important; 
letter-spacing: 0.05em !important; 
display: block !important; 
margin: 30px 0 10px !important; 
} #custom-content-wrapper .btn-line { 
display: inline-flex !important; 
align-items: center !important; 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-size: 14px !important; 
font-weight: 600 !important; 
color: #0B2347 !important; 
gap: 15px !important; 
position: relative !important; 
z-index: 1 !important; 
}
#custom-content-wrapper .btn-line::after { 
content: '' !important; 
width: 40px !important; 
height: 1px !important; 
background: #0B2347 !important; 
}
#custom-content-wrapper .btn-gold { 
background: #B68D40 !important; 
color: #fff !important; 
padding: 18px 50px !important; 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-weight: 600 !important; 
letter-spacing: 0.1em !important; 
display: inline-block !important; 
margin-top: 30px !important; 
} @media (max-width: 900px) {
#custom-content-wrapper .bg-deco-text { 
font-size: 30vw !important; 
} #custom-content-wrapper .hero {
background-attachment: scroll !important;
min-height: 100vh !important;
height: auto !important;
}
#custom-content-wrapper .hero-copy-jp { 
font-size: 42px !important; 
}
#custom-content-wrapper .philosophy-inner { 
flex-direction: column-reverse !important; 
gap: 40px !important; 
}
#custom-content-wrapper .ph-img::before { 
display: none !important; 
}
#custom-content-wrapper .sec-lead-text { 
text-align: left !important; 
}
#custom-content-wrapper .business-list { 
gap: 60px !important; 
}
#custom-content-wrapper .biz-row,
#custom-content-wrapper .biz-row:nth-child(even),
#custom-content-wrapper .biz-row:nth-child(odd) {
flex-direction: column !important;
}
#custom-content-wrapper .biz-img-box { 
width: 100% !important; 
height: 250px !important; 
}
#custom-content-wrapper .biz-info-box { 
width: 100% !important; 
padding: 40px 30px !important; 
position: relative !important;
}
#custom-content-wrapper .section-split { 
flex-direction: column !important; 
}
#custom-content-wrapper .col-split { 
width: 100% !important; 
padding: 80px 20px !important; 
}
#custom-content-wrapper .col-company::after { 
display: none !important; 
}
}