@charset "UTF-8";

/*
Theme Name: Kenkaku Commercial Fixed
Version: 4.1 STABLE RESTORE
Description: 分割・構造化済みCSS
*/


/* 各セクション */
@import url('css/section-hero.css');
@import url('css/section-features.css');
@import url('css/section-problem.css');
@import url('css/section-benefit.css');
@import url('css/section-voice.css');
@import url('css/section-lp-works.css');
@import url('css/section-company.css');
@import url('css/section-faq.css');
@import url('css/section-cta.css');




/* ========================================
RESET
======================================== */
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif; background:#f5f5f5; color:#111; line-height:1.7; }
img{ max-width:100%; height:auto; display:block; }
a{ text-decoration:none; color:inherit; }
ul{ list-style:none; }

/* ========================================
LAYOUT
======================================== */
.lp-inner{ width:100%; max-width:1200px; margin:0 auto; padding:0 20px; }
.kenkaku-section{ position:relative; padding:100px 0; }
@media(max-width:768px){ .kenkaku-section{ padding:70px 0; } }

/* ========================================
SECTION TITLE
======================================== */
.section-heading{ margin-bottom:60px; }
.section-heading h2, .kenkaku-section h2{ font-size:48px; line-height:1.3; font-weight:800; margin-bottom:18px; letter-spacing:.02em; }
.section-heading p{ color:#666; font-size:16px; line-height:1.9; max-width:700px; }
@media(max-width:768px){
  .section-heading{ margin-bottom:40px; }
  .section-heading h2, .kenkaku-section h2{ font-size:34px; }
}

/* ========================================
GRID
======================================== */
.kenkaku-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
@media(max-width:768px){ .kenkaku-grid{ grid-template-columns:1fr; gap:20px; } }

/* ========================================
CARD
======================================== */
.kenkaku-card{ background:#fff; border-radius:24px; padding:40px; box-shadow:0 10px 30px rgba(0,0,0,.05); transition:.3s; }
.kenkaku-card:hover{ transform:translateY(-5px); }
.kenkaku-card h3{ font-size:22px; margin-bottom:14px; line-height:1.4; }
.kenkaku-card p{ color:#666; line-height:1.8; }

/* ========================================
BUTTON
======================================== */
.kenkaku-btn, .btn-primary{ display:inline-flex; align-items:center; justify-content:center; min-width:220px; height:60px; padding:0 32px; border-radius:999px; background:#111; color:#fff; font-size:15px; font-weight:700; transition:.3s; }
.kenkaku-btn:hover, .btn-primary:hover{ transform:translateY(-3px); opacity:.92; }
.kenkaku-btn.line{ background:#06C755; }

/* ========================================
HEADER
======================================== */
.site-header{ position:fixed; top:0; left:0; width:100%; z-index:9999; background:rgba(255,255,255,.95); backdrop-filter:blur(10px); }
.site-header-inner{ height:80px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.site-logo a{ display:flex; align-items:center; gap:14px; }
.logo-mark{ width:52px; height:52px; border-radius:14px; background:#111; color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; }
.logo-text{ display:flex; flex-direction:column; line-height:1.1; }
.logo-text strong{ font-size:20px; }
.logo-text small{ font-size:11px; color:#777; letter-spacing:.15em; text-transform:uppercase; }
.site-nav{ display:flex; align-items:center; gap:30px; }
.site-nav a{ font-size:15px; font-weight:600; }
@media(max-width:768px){
  .site-header-inner{ height:70px; }
  .site-nav{ display:none; }
}




/* ========================================
HERO
======================================== */
.hero{ position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat; padding:120px 0 80px; }
.hero::before{ content:''; position:absolute; inset:0; background:rgba(0,0,0,.45); z-index:1; }
.hero__inner{ position:relative; z-index:2; width:100%; }
.hero__text{ max-width:640px; color:#fff; }
.hero .eyebrow{ display:inline-block; margin-bottom:20px; font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:#00d563; font-weight:700; }
.hero h1{ font-size:72px; line-height:1.15; margin-bottom:28px; font-weight:800; letter-spacing:.02em; color:#fff; }
.hero p{ font-size:18px; line-height:1.9; margin-bottom:36px; color:rgba(255,255,255,.92); }
.hero .btn-primary{ background:#fff; color:#111; }
@media(max-width:768px){
  .hero{ min-height:75vh; padding:140px 0 80px; }
  .hero h1{ font-size:44px; line-height:1.3; }
  .hero p{ font-size:16px; }
  .hero .btn-primary{ width:100%; }
}




/* ========================================
FEATURES
======================================== */
.features-section{ background:#fff; }
.features-section .kenkaku-card{ text-align:center; }
.features-section .feature-image{ margin-bottom:24px; }
.features-section .feature-image img{ width:110px; height:110px; object-fit:cover; border-radius:50%; margin:0 auto; }




/* ========================================
PROBLEM
======================================== */
.problem-section{ background:#f7f7f7; }
.problem-section .kenkaku-card{ overflow:hidden; padding:0; }
.problem-section .problem-image img{ width:100%; height:260px; object-fit:cover; }
.problem-section .kenkaku-card h3{ padding:25px 25px 10px; }
.problem-section .kenkaku-card p{ padding:0 25px 30px; }




/* ========================================
BENEFIT
======================================== */
.benefit-section{ background:#fff; }
.benefit-section .kenkaku-card{ overflow:hidden; padding:0; }
.benefit-section .benefit-image img{ width:100%; height:260px; object-fit:cover; }
.benefit-section .kenkaku-card h3{ padding:25px 25px 10px; }
.benefit-section .kenkaku-card p{ padding:0 25px 30px; }




/* ========================================
VOICE
======================================== */
.voice-section{ background:#fff; }
.voice-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.voice-card{ background:#fff; border-radius:24px; padding:30px; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.voice-header{ display:flex; align-items:center; gap:20px; margin-bottom:20px; }
.voice-image{ width:80px; height:80px; border-radius:50%; overflow:hidden; flex-shrink:0; }
.voice-image img{ width:100%; height:100%; object-fit:cover; }
.voice-meta h3{ margin:0 0 6px; font-size:20px; }
.voice-meta span{ display:block; font-size:14px; color:#777; }
.voice-text p{ font-size:15px; line-height:1.8; }
@media(max-width:768px){
  .voice-grid{ grid-template-columns:1fr; }
}




/* ========================================
LP WORKS
======================================== */
.lp-works-section{ background:#f7f7f7; }
.lp-works-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.lp-works-card{ background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.lp-works-image img{ width:100%; height:240px; object-fit:cover; }
.lp-works-content{ padding:25px; }
.lp-works-content h3{ font-size:22px; margin-bottom:10px; }
.lp-works-content span{ display:block; font-size:14px; color:#777; margin-bottom:15px; }
.lp-works-content p{ line-height:1.8; }
@media(max-width:768px){
  .lp-works-grid{ grid-template-columns:1fr; }
}




/* ========================================
COMPANY
======================================== */
.company-section{ background:#fff; }
.company-layout{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.company-image img{ width:100%; border-radius:24px; }
.company-content{ display:flex; flex-direction:column; gap:24px; }
.company-desc, .company-message, .company-info{ background:#fff; padding:30px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,.05); line-height:1.9; }
@media(max-width:768px){
  .company-layout{ grid-template-columns:1fr; }
}




/* ========================================
FAQ
======================================== */
.faq-section{ background:#f7f7f7; }
.faq-list{ max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:20px; }
.faq-item{ background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.faq-question{ width:100%; min-height:88px; background:none; border:none; padding:25px 60px 25px 30px; display:flex; justify-content:space-between; align-items:center; cursor:pointer; text-align:left; }
.faq-question span:first-child{ flex:1; font-size:22px; font-weight:700; line-height:1.5; }
.faq-icon{ font-size:30px; transition:.3s; }
.faq-item.active .faq-icon{ transform:rotate(45deg); }
.faq-answer{ max-height:0; overflow:hidden; transition:max-height .4s ease; }
.faq-answer p{ padding:0 30px 30px; line-height:1.9; color:#666; }
@media(max-width:768px){
  .faq-question{ min-height:auto; padding:22px 20px; }
  .faq-question span:first-child{ font-size:18px; }
  .faq-answer p{ padding:0 20px 25px; }
}




/* ========================================
CTA
======================================== */
.cta-section{ background:#111; color:#fff; text-align:center; }
.cta-title{ font-size:52px; line-height:1.3; margin-bottom:24px; }
.cta-desc{ font-size:18px; line-height:1.9; color:rgba(255,255,255,.8); margin-bottom:40px; }
.cta-buttons{ display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }
.cta-btn, .cta-line-btn{ display:inline-flex; align-items:center; justify-content:center; min-width:260px; height:64px; border-radius:999px; font-size:18px; font-weight:700; transition:.3s; }
.cta-btn{ background:#fff; color:#111; }
.cta-line-btn{ background:#06C755; color:#fff; }
.cta-btn:hover, .cta-line-btn:hover{ transform:translateY(-3px); opacity:.9; }
@media(max-width:768px){
  .cta-title{ font-size:36px; }
  .cta-desc{ font-size:16px; }
  .cta-buttons{ flex-direction:column; }
  .cta-btn, .cta-line-btn{ width:100%; min-width:auto; }
}
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://buildpress.jp/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://buildpress.jp/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://buildpress.jp/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://buildpress.jp/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://buildpress.jp/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>