@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; }
}
<!doctype html>
<html lang="ja">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>
ケンカク建設 | 建設業最強のLPテーマ</title>

<meta
name="description"
content="建設業・工具・施工・現場対応まで幅広くサポート。"
>

<link
rel="canonical"
href="https://buildpress.jp/"
>


<meta name="robots" content="index,follow">


<meta property="og:type" content="website">

<meta
property="og:site_name"
content="ケンカク建設"
>

<meta
property="og:title"
content="ケンカク建設"
>

<meta
property="og:description"
content="建設業・工具・施工・現場対応まで幅広くサポート。"
>

<meta
property="og:url"
content="https://buildpress.jp/"
>


<meta property="og:locale" content="ja_JP">

<meta
name="twitter:card"
content="summary_large_image"
>


<meta name='robots' content='max-image-preview:large' />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='kenkaku-core-integrated-css' href='https://buildpress.jp/wp-content/plugins/kenkaku-core-integrated/assets/css/front.css?ver=2.2.1' type='text/css' media='all' />
<link rel='stylesheet' id='kenkaku-product-style-css' href='https://buildpress.jp/wp-content/plugins/kenkaku-product-system/assets/css/style.css?ver=1.4.6' type='text/css' media='all' />
<link rel='stylesheet' id='kenkaku-works-front-css' href='https://buildpress.jp/wp-content/plugins/kenkaku-works-front-v13/assets/css/front.css?ver=1.3' type='text/css' media='all' />
<link rel="https://api.w.org/" href="https://buildpress.jp/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://buildpress.jp/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />

</head>

<body class="home blog wp-theme-kenkaku-unbreakable">

<header class="site-header">

<div class="lp-inner">

<div class="site-header-inner">
<div class="site-logo">
<a href="https://buildpress.jp/">
<span class="logo-mark">
K
</span>
<span class="logo-text">
<strong>
ケンカク建設</strong>
<small>
Commercial
</small>
</span>
</a>
</div>	
	
	
	
	
	
<nav class="site-nav">

<a href="#problem">お悩み</a>

<a href="#lp-works">施工実績</a>

<a href="#voice">お客様の声</a>

<a href="#company">会社概要</a>

<a href="#faq">FAQ</a>

</nav>

<div class="site-header-cta">

<a href="#cta" class="kenkaku-btn line">
LINE相談
</a>

</div>

</div>

</div>

</header>


<main class="kenkaku-lp">


  
    
<section
  class="hero"
      style="background-image:url('https://buildpress.jp/wp-content/uploads/2026/05/b07ee200-71af-4fa3-be14-6ed58aa82984.png');"
  >

  <div class="hero__inner lp-inner">

    <div class="hero__text">

      <span class="eyebrow">
        Simple Landing Page Theme      </span>

      <h1>
        伝わるLPで、相談につながる入口をつくる      </h1>

      <p>
        画像と文章を変えるだけで、スマホでも見やすいLPが完成します。      </p>

      <a class="btn-primary" href="#contact">
        無料で相談する      </a>

    </div>

  </div>

</section>


  

  
    <section id="features" class="kenkaku-section features-section">

  <div class="lp-inner">

    <div class="section-heading">

<h2 class="section-title">
  特徴</h2>



    </div>

    <div class="kenkaku-grid">

      
        <div class="kenkaku-card">

          
          
          <h3>
            Feature Title          </h3>

          <p>
            Feature description text.          </p>

        </div>

      
        <div class="kenkaku-card">

          
          
          <h3>
            Feature Title          </h3>

          <p>
            Feature description text.          </p>

        </div>

      
        <div class="kenkaku-card">

          
          
          <h3>
            Feature Title          </h3>

          <p>
            Feature description text.          </p>

        </div>

      
    </div>

  </div>

</section>


  

  
    <section id="problem" class="kenkaku-section problem-section">

  <div class="lp-inner">

    <div class="section-heading">

      <h2 class="section-title">
        こんなお悩みありませんか？      </h2>

      
      
    </div>

    <div class="kenkaku-grid">

      
        <div class="kenkaku-card">

          
          
          <h3>
            Problem Title          </h3>

          <p>
            Problem description text.          </p>

        </div>

      
        <div class="kenkaku-card">

          
          
          <h3>
            Problem Title          </h3>

          <p>
            Problem description text.          </p>

        </div>

      
        <div class="kenkaku-card">

          
          
          <h3>
            Problem Title          </h3>

          <p>
            Problem description text.          </p>

        </div>

      
    </div>

  </div>

</section>
  

  
    <section id="benefit" class="kenkaku-section benefit-section">

  <div class="lp-inner">

    <div class="section-heading">

      <h2 class="section-title">
        導入後のメリット      </h2>

      
      
    </div>

    <div class="kenkaku-grid">

      
        <div class="kenkaku-card">

          
          
          <h3>
            Benefit Title          </h3>

          <p>
            Benefit description text.          </p>

        </div>

      
        <div class="kenkaku-card">

          
          
          <h3>
            Benefit Title          </h3>

          <p>
            Benefit description text.          </p>

        </div>

      
        <div class="kenkaku-card">

          
          
          <h3>
            Benefit Title          </h3>

          <p>
            Benefit description text.          </p>

        </div>

      
    </div>

  </div>

</section>
  

  
    
  

  
    <section id="voice" class="kenkaku-section voice-section">

<div class="lp-inner">

<div class="section-heading">

<h2>
お客様の声
</h2>

<p>
実際にご相談・ご依頼いただいたお客様の声をご紹介します。
</p>

</div>

<div class="voice-grid">


<div class="voice-card">

<div class="voice-header">

<div class="voice-image">


</div>

<div class="voice-meta">

<h3>
山田様</h3>

<span>
工務店</span>

<div class="voice-stars">
★★★★★</div>

</div>

</div>

<div class="voice-text">

<p>
丁寧に対応していただき安心して相談できました。</p>

</div>

</div>


<div class="voice-card">

<div class="voice-header">

<div class="voice-image">


</div>

<div class="voice-meta">

<h3>
山田様</h3>

<span>
工務店</span>

<div class="voice-stars">
★★★★★</div>

</div>

</div>

<div class="voice-text">

<p>
丁寧に対応していただき安心して相談できました。</p>

</div>

</div>


<div class="voice-card">

<div class="voice-header">

<div class="voice-image">


</div>

<div class="voice-meta">

<h3>
山田様</h3>

<span>
工務店</span>

<div class="voice-stars">
★★★★★</div>

</div>

</div>

<div class="voice-text">

<p>
丁寧に対応していただき安心して相談できました。</p>

</div>

</div>


</div>

</div>

</section>
  

  
    <section id="works" class="kenkaku-section lp-works-section">

<div class="lp-inner">

<div class="section-heading">

<h2>施工実績</h2>

<p>
これまで対応してきた施工実績の一部をご紹介します。
</p>

</div>

<div class="lp-works-grid">


<div class="lp-works-card">

<div class="lp-works-image">


</div>

<div class="lp-works-content">

<h3>
施工実績名称</h3>

<span>
兵庫県神戸市</span>

<p>
施工実績の説明が入ります。</p>

</div>

</div>


<div class="lp-works-card">

<div class="lp-works-image">


</div>

<div class="lp-works-content">

<h3>
施工実績名称</h3>

<span>
兵庫県神戸市</span>

<p>
施工実績の説明が入ります。</p>

</div>

</div>


<div class="lp-works-card">

<div class="lp-works-image">


</div>

<div class="lp-works-content">

<h3>
施工実績名称</h3>

<span>
兵庫県神戸市</span>

<p>
施工実績の説明が入ります。</p>

</div>

</div>


</div>

</div>

</section>
  

  
    <section id="company" class="kenkaku-section company-section">

  <div class="lp-inner">

    <div class="section-heading">

      <h2 class="section-title">
        会社案内      </h2>

      
      
    </div>

    <div class="company-layout">

      <div class="company-image">

        
        
      </div>

      <div class="company-content">

        <div class="company-desc">
          会社紹介文が入ります。        </div>

        <div class="company-message">
          代表メッセージが入ります。        </div>

        <div class="company-info">
          会社名：<br />
所在地：<br />
TEL：        </div>

      </div>

    </div>

  </div>

</section>
  

  
    
  

  
    <section id="faq" class="kenkaku-section faq-section">

  <div class="lp-inner">

    <div class="section-heading">

      <h2 class="section-title">
        よくあるご質問      </h2>

      
      
    </div>

    <div class="faq-list">

      
        <div class="faq-item">

          <button class="faq-question">

            <span>
              質問が入ります            </span>

            <span class="faq-icon">+</span>

          </button>

          <div class="faq-answer">

            <p>
              回答が入ります。            </p>

          </div>

        </div>

      
        <div class="faq-item">

          <button class="faq-question">

            <span>
              質問が入ります            </span>

            <span class="faq-icon">+</span>

          </button>

          <div class="faq-answer">

            <p>
              回答が入ります。            </p>

          </div>

        </div>

      
        <div class="faq-item">

          <button class="faq-question">

            <span>
              質問が入ります            </span>

            <span class="faq-icon">+</span>

          </button>

          <div class="faq-answer">

            <p>
              回答が入ります。            </p>

          </div>

        </div>

      
        <div class="faq-item">

          <button class="faq-question">

            <span>
              質問が入ります            </span>

            <span class="faq-icon">+</span>

          </button>

          <div class="faq-answer">

            <p>
              回答が入ります。            </p>

          </div>

        </div>

      
        <div class="faq-item">

          <button class="faq-question">

            <span>
              質問が入ります            </span>

            <span class="faq-icon">+</span>

          </button>

          <div class="faq-answer">

            <p>
              回答が入ります。            </p>

          </div>

        </div>

      
    </div>

  </div>

</section>
  

  
    
  

  
    <section id="cta" class="kenkaku-section cta-section">

  <div class="lp-inner">

    <div class="cta-box">

      <h2 class="cta-title">
        まずはお気軽にご相談ください      </h2>

      <p class="cta-desc">
        ご相談・お見積りは無料です。      </p>

      <div class="cta-buttons">

        <a
          href="#"
          class="cta-btn"
        >
          無料相談はこちら        </a>

        <a
          href="#"
          class="cta-line-btn"
        >
          LINE相談        </a>

      </div>

    </div>

  </div>

</section>
  

</main>

<footer class="kenkaku-section">
  <div class="kenkaku-inner">
    <p>© Kenkaku Commercial</p>
  </div>
</footer>
<script>

document.querySelectorAll('.faq-question').forEach(button => {

button.addEventListener('click', () => {

const item = button.parentElement;

item.classList.toggle('active');

const answer = item.querySelector('.faq-answer');

if(item.classList.contains('active')){

answer.style.maxHeight = answer.scrollHeight + 'px';

}else{

answer.style.maxHeight = null;

}

});

});

</script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kenkaku-unbreakable/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" src="https://buildpress.jp/wp-content/plugins/kenkaku-product-system/assets/js/modal.js?ver=1.4.6" id="kenkaku-product-modal-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://buildpress.jp/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://buildpress.jp/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>
</body>
</html>