/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 09 2026 | 22:29:10 */
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Rajdhani:wght@400;500;600&family=Noto+Sans+JP:wght@300;400&display=swap');

.entry-body, .entry-content, .l-main, #main, .site-body-container {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.biz-wrap {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-top: -80px !important;
  overflow: hidden !important;
  background: #fff !important;
}



.biz-wrap * {
  box-sizing: border-box !important;
}

.biz-wrap .hero-section {
  padding: 2rem 4rem 5rem !important;
  background: linear-gradient(135deg, #003399 0%, #003399 5%, #ffffff 40%, #B8D4F0 70%, #C8E8FF 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  min-height: 90vh !important;
}

.biz-wrap .hero-accent-line {
  position: absolute !important;
  left: 3.5rem !important;
  top: 15% !important;
  bottom: 15% !important;
  width: 1px !important;
  background: linear-gradient(to bottom, transparent, #003399, transparent) !important;
  opacity: 0.15 !important;
}

.biz-wrap .hero-content {
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

.biz-wrap .hero-eyebrow {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.35em !important;
  color: #003399 !important;
  text-transform: uppercase !important;
  margin-bottom: 2rem !important;
}

.biz-wrap .hero-title {
  font-family: 'Tenor Sans', sans-serif !important;
  font-size: clamp(3rem, 6vw, 5.5rem) !important;
  font-weight: 400 !important;
  color: #0D1B3E !important;
  line-height: 1.15 !important;
  margin-bottom: 2rem !important;
}

.biz-wrap .hero-title em {
  font-style: italic !important;
  color: #003399 !important;
}

.biz-wrap .hero-divider {
  width: 32px !important;
  height: 1px !important;
  background: #003399 !important;
  margin: 0 auto 2rem !important;
}

.biz-wrap .hero-desc {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 300 !important;
  color: #3A4460 !important;
  line-height: 2.2 !important;
  margin-bottom: 3rem !important;
}

.biz-wrap .hero-btns {
  display: flex !important;
  gap: 1rem !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

.biz-wrap .btn-primary {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  background: #003399 !important;
  padding: 1rem 2.8rem !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  display: inline-block !important;
}

.biz-wrap .btn-outline {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #003399 !important;
  background: #ffffff !important;
border: 1px solid #ffffff !important;
  padding: 1rem 2.8rem !important;
  border: 1px solid #003399 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  display: inline-block !important;
}

.biz-wrap .services-section {
  padding: 6rem 4rem !important;
  background: #ffffff !important;
}

.biz-wrap .services-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.biz-wrap .services-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 3rem !important;
  margin-bottom: 4rem !important;
}

.biz-wrap .section-eyebrow {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.3em !important;
  color: #003399 !important;
  text-transform: uppercase !important;
  margin-bottom: 0.8rem !important;
}

.biz-wrap .section-title {
  font-family: 'Tenor Sans', sans-serif !important;
  font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
  font-weight: 400 !important;
  color: #0D1B3E !important;
  line-height: 1.2 !important;
}

.biz-wrap .section-divider {
  width: 32px !important;
  height: 1px !important;
  background: #003399 !important;
  margin-top: 1rem !important;
}

.biz-wrap .services-header-desc {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 300 !important;
  color: #3A4460 !important;
  line-height: 2 !important;
  max-width: 400px !important;
  padding-top: 1rem !important;
}

.biz-wrap .services-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.5px !important;
  background: rgba(0,51,153,0.08) !important;
}

.biz-wrap .service-card {
  background: #ffffff !important;
  padding: 3rem 2.5rem !important;
}

.biz-wrap .service-num {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  color: #003399 !important;
  opacity: 0.5 !important;
  margin-bottom: 1.2rem !important;
}

.biz-wrap .service-name {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  color: #0D1B3E !important;
  margin-bottom: 1rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid rgba(0,51,153,0.1) !important;
}

.biz-wrap .service-desc {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 300 !important;
  color: #3A4460 !important;
  line-height: 1.9 !important;
  margin-bottom: 1.5rem !important;
}

.biz-wrap .service-link {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  color: #003399 !important;
}
.entry-header,
.page-header,
.vk-page-header,
.vk-breadcrumbs,
.breadcrumb {
  display: none !important;
}

.l-main,
#main,
.site-body-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.biz-wrap #about {
  padding: 6rem 4rem !important;
  background: #F4F6FB !important;
}

.biz-wrap .about-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5rem !important;
  align-items: start !important;
}

.biz-wrap .about-title {
  font-family: 'Tenor Sans', sans-serif !important;
  font-size: clamp(2rem, 3.5vw, 3rem) !important;
  font-weight: 400 !important;
  color: #0D1B3E !important;
  line-height: 1.2 !important;
  margin-bottom: 1.5rem !important;
}

.biz-wrap .about-text {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 300 !important;
  color: #3A4460 !important;
  line-height: 2 !important;
  margin-bottom: 1.5rem !important;
}

.biz-wrap .about-stats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.5rem !important;
  margin-top: 2.5rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid rgba(0,51,153,0.1) !important;
}

.biz-wrap .stat-num {
  font-family: 'Tenor Sans', sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: 400 !important;
  color: #003399 !important;
  line-height: 1 !important;
  margin-bottom: 0.3rem !important;
}

.biz-wrap .stat-label {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 300 !important;
  color: #7A82A0 !important;
}

.biz-wrap .about-quote {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 300 !important;
  color: #003399 !important;
  line-height: 1.9 !important;
  padding: 2.5rem !important;
  border-left: 2px solid #003399 !important;
  background: #ffffff !important;
  margin-bottom: 2rem !important;
}

.biz-wrap .about-quote-author {
  display: block !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  color: #7A82A0 !important;
  margin-top: 1rem !important;
}

.biz-wrap .about-values {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.8rem !important;
}

.biz-wrap .value-item {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 300 !important;
  color: #3A4460 !important;
  padding: 1rem 1.5rem !important;
  background: #ffffff !important;
  border-left: none !important;
}

.biz-wrap .section-eyebrow,
.biz-wrap p[style*="letter-spacing: 0.3em"],
.biz-wrap p[style*="letter-spacing:0.3em"] {
  font-size: 0.85rem !important;
  letter-spacing: 0.25em !important;
}

/* フッター背景を EU ブルーに */
footer#site-footer,
.site-footer,
#footer-widget-area,
.vk-footer {
  background-color: #003399 !important;
  color: #ffffff !important;
}

/* フッター内テキスト・リンクを白に */
footer#site-footer a,
footer#site-footer p,
footer#site-footer li,
.site-footer a,
.site-footer p,
.site-footer li,
#footer-widget-area a,
#footer-widget-area p,
#footer-widget-area li {
  color: #ffffff !important;
}

/* コピーライトバー */
.vk-copyright,
#copyright {
  background-color: #001f66 !important;
  color: rgba(255,255,255,0.7) !important;
}

/* 「お問い合わせ」の謎リンクを非表示 */
.entry-footer .post-categories,
.entry-footer .post-tags,
nav.post-navigation {
  display: none !important;
}

/* Powered by を非表示 */
.vk-powered-by,
#powered-by,
.site-footer .powered-by,
p.powered-by {
  display: none !important;
}

/* Powered by を非表示 */
#site-footer .vk-footer-content p:last-child,
.footer-bottom p,
#colophon p,
.site-info p {
  display: none !important;
}

/* より強力な指定 */
footer p:contains("Powered") {
  display: none !important;
}

/* Powered by を非表示 */
.site-footer-copyright p:last-child {
  display: none !important;
}


/* ホームページの白い隙間を非表示 */
.home .l-below-entry-content,
.home #below-entry-content,
.home .vk-share-buttons,
.home .wp-block-group:empty,
.home .wp-block-buttons {
  display: none !important;
}

/* ヒーローのグラデーション調整 */
#home,
.hero-section {
  background: linear-gradient(135deg, 
    rgba(255,255,255,1.0) 0%, 
    rgba(255,255,255,0.98) 65%,
    rgba(180,205,240,0.45) 85%, 
    rgba(0,51,153,0.25) 100%) !important;
}


/* お問い合わせ・会社概要ヘッダーバナー */
.biz-wrap section {
  background: linear-gradient(to right, 
    rgba(0,51,153,0.3) 0%,
    rgba(180,205,240,0.5) 15%,
    rgba(255,255,255,0.95) 28%,
    rgba(255,255,255,1.0) 55%,
    rgba(180,205,240,0.5) 80%, 
    rgba(0,51,153,0.3) 100%) !important;
}

/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

