#custom-sub-page-wrapper .intro-text { 
text-align: center !important; 
margin-bottom: 100px !important; 
}
#custom-sub-page-wrapper .intro-lead { 
font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "HG Mincho E", "MS PMincho", serif !important; 
font-size: 28px !important; 
color: #0B2347 !important; 
font-weight: 700 !important; 
margin-bottom: 40px !important; 
line-height: 1.6 !important; 
}
#custom-sub-page-wrapper .intro-desc { 
font-size: 16px !important; 
line-height: 2 !important; 
max-width: 800px !important; 
margin: 0 auto !important; 
text-align: justify !important; 
} #custom-sub-page-wrapper .synergy-section { 
background-color: #F4F5F7 !important; 
padding: 80px 60px !important; 
border-radius: 4px !important; 
margin-bottom: 120px !important; 
}
#custom-sub-page-wrapper .synergy-title { 
text-align: center !important; 
font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "HG Mincho E", "MS PMincho", serif !important; 
font-size: 24px !important; 
color: #0B2347 !important; 
margin-bottom: 60px !important; 
line-height: 1.5 !important; 
font-weight: 700 !important; 
}
#custom-sub-page-wrapper .synergy-grid { 
display: flex !important; 
gap: 40px !important; 
justify-content: space-between !important; 
}
#custom-sub-page-wrapper .synergy-item { 
background: #fff !important; 
padding: 40px 30px !important; 
flex: 1 !important; 
border-radius: 4px !important; 
position: relative !important; 
box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important; 
}
#custom-sub-page-wrapper .synergy-item:not(:last-child)::after { 
content: '▶' !important; 
position: absolute !important; 
right: -28px !important; 
top: 50% !important; 
transform: translateY(-50%) !important; 
color: #B68D40 !important; 
font-size: 14px !important; 
}
#custom-sub-page-wrapper .synergy-head { 
display: flex !important; 
flex-direction: column !important; 
margin-bottom: 20px !important; 
border-bottom: 1px solid #eee !important; 
padding-bottom: 20px !important; 
}
#custom-sub-page-wrapper .synergy-en { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-size: 14px !important; 
color: #B68D40 !important; 
font-weight: 700 !important; 
letter-spacing: 0.05em !important; 
}
#custom-sub-page-wrapper .synergy-jp { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
font-size: 18px !important; 
color: #0B2347 !important; 
font-weight: 700 !important; 
margin-top: 5px !important; 
}
#custom-sub-page-wrapper .synergy-desc { 
font-size: 14px !important; 
line-height: 1.8 !important; 
} #custom-sub-page-wrapper .service-index-list { 
display: flex !important; 
flex-direction: column !important; 
gap: 60px !important; 
margin-bottom: 60px !important; 
}
#custom-sub-page-wrapper .service-card { 
display: flex !important; 
align-items: center !important; 
background-color: #fff !important; 
border: 1px solid #eee !important; 
border-radius: 4px !important; 
overflow: hidden !important; 
transition: all 0.3s ease !important; 
box-shadow: 0 5px 15px rgba(0,0,0,0.03) !important; 
text-decoration: none !important; 
}
#custom-sub-page-wrapper .service-card:hover { 
transform: translateY(-5px) !important; 
box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important; 
}
#custom-sub-page-wrapper .service-card-img { 
width: 50% !important; 
height: 350px !important; 
overflow: hidden !important; 
position: relative !important; 
}
#custom-sub-page-wrapper .service-card-img img { 
width: 100% !important; 
height: 100% !important; 
object-fit: cover !important; 
transition: transform 0.5s !important; 
display: block !important; 
}
#custom-sub-page-wrapper .service-card:hover .service-card-img img { 
transform: scale(1.05) !important; 
}
#custom-sub-page-wrapper .service-card-info { 
width: 50% !important; 
padding: 40px 50px !important; 
}
#custom-sub-page-wrapper .card-num { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
color: #f0f0f0 !important; 
font-size: 60px !important; 
font-weight: 700 !important; 
line-height: 1 !important; 
margin-bottom: -10px !important; 
display: block !important; 
}
#custom-sub-page-wrapper .card-sub-catch { 
display: block !important; 
font-size: 14px !important; 
font-weight: 600 !important; 
color: #B68D40 !important; 
margin-bottom: 10px !important; 
letter-spacing: 0.1em !important; 
}
#custom-sub-page-wrapper .card-title-jp { 
font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "HG Mincho E", "MS PMincho", serif !important; 
font-size: 24px !important; 
font-weight: 700 !important; 
color: #0B2347 !important; 
margin-bottom: 20px !important; 
}
#custom-sub-page-wrapper .card-desc { 
font-size: 15px !important; 
margin-bottom: 30px !important; 
color: #666 !important; 
}
#custom-sub-page-wrapper .btn-arrow { 
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; 
display: inline-flex !important; 
align-items: center !important; 
gap: 10px !important; 
}
#custom-sub-page-wrapper .btn-arrow::after { 
content: '→' !important; 
font-size: 18px !important; 
transition: transform 0.3s !important; 
}
#custom-sub-page-wrapper .service-card:hover .btn-arrow::after { 
transform: translateX(5px) !important; 
} @media (max-width: 900px) {
#custom-sub-page-wrapper .intro-lead { 
font-size: 22px !important; 
text-align: left !important; 
}
#custom-sub-page-wrapper .synergy-grid { 
flex-direction: column !important; 
gap: 30px !important; 
}
#custom-sub-page-wrapper .synergy-item:not(:last-child)::after { 
content: '▼' !important; 
right: auto !important; 
left: 50% !important; 
top: auto !important; 
bottom: -24px !important; 
transform: translateX(-50%) !important; 
}
#custom-sub-page-wrapper .synergy-section { 
padding: 40px 20px !important; 
}
#custom-sub-page-wrapper .service-card { 
flex-direction: column !important; 
}
#custom-sub-page-wrapper .service-card-img { 
width: 100% !important; 
height: 220px !important; 
}
#custom-sub-page-wrapper .service-card-info { 
width: 100% !important; 
padding: 30px !important; 
}
}