/* =========================================================
翔工务店｜非面对面・概算估算页面
– 页面内仅限于 #kk-quick-estimate 完全限定
– PC／智能手机适配
– 抑制与 JIN・Contact Form 7 的现有设计干扰
– 修正：JIN 的标题设计（蓝色背景＋白色文字）被 h2/h3 覆盖
因此，仅标题使用 !important 进行抵消
========================================================= */
#kk-quick-estimate{
–kk-orange:#f26b1d;
–kk-orange-dark:#d9570f;
–kk-orange-light:#fff3ea;
–kk-blue:#2f718f;
–kk-blue-dark:#20566f;
–kk-blue-light:#edf6fa;
–kk-text:#333;
–kk-muted:#666;
–kk-line:#e4e8eb;
–kk-white:#fff;
–kk-shadow:0 10px 30px rgba(28,75,96,.10);
width:100%;
max-width:100%;
color:var(–kk-text);
font-size:16px;
line-height:1.85;
overflow-wrap:anywhere;
}
#kk-quick-estimate,
#kk-quick-estimate *{box-sizing:border-box}
#kk-quick-estimate p{margin:0 0 1em}
#kk-quick-estimate img{max-width:100%;height:auto}
#kk-quick-estimate a{transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}
#kk-quick-estimate a:hover{opacity:.88}
#kk-quick-estimate .kk-center{text-align:center}
#kk-quick-estimate .kk-orange{color:var(–kk-orange);font-weight:700}
#kk-quick-estimate .kk-marker{
background:linear-gradient(transparent 60%,#ffe58a 60%);
font-weight:700;
}

/* 主图像 */
#kk-quick-estimate .kk-main-visual{
display:block;
width:100%;
margin:0 auto 28px;
border-radius:16px;
box-shadow:var(–kk-shadow);
}

/* ———————————————————
标题通用重置
JIN 主题对文章内的 h2/h3 施加背景色・白文字・边距・装饰
优先级很高，因此这里仅使用 !important 完全抵消
——————————————————— */
#kk-quick-estimate .kk-section-title,
#kk-quick-estimate .kk-sub-title,
#kk-quick-estimate .kk-step-title,
#kk-quick-estimate .kk-form-heading{
position:relative!important;
display:block!important;
width:auto!important;
margin:0!important;padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
background-image:none!important;
box-shadow:none!important;
text-shadow:none!important;
color:var(–kk-blue-dark)!important;
font-weight:700!important;
letter-spacing:.02em!important;
overflow:visible!important;
}
#kk-quick-estimate .kk-section-title::before,
#kk-quick-estimate .kk-section-title::after,
#kk-quick-estimate .kk-sub-title::before,
#kk-quick-estimate .kk-sub-title::after,
#kk-quick-estimate .kk-step-title::before,
#kk-quick-estimate .kk-step-title::after,
#kk-quick-estimate .kk-form-heading::before,
#kk-quick-estimate .kk-form-heading::after{
content:none!important;
display:none!important;
}

/* 大标题（下划线样式） */
#kk-quick-estimate .kk-section-title{
margin:44px 0 22px!important;
padding:0 0 12px!important;
border-bottom:3px solid var(–kk-blue)!important;
font-size:clamp(22px,3.3vw,30px)!important;
line-height:1.45!important;
text-align:left!important;
}
#kk-quick-estimate .kk-sub-title{
margin:34px 0 18px!important;
font-size:clamp(19px,2.8vw,24px)!important;
line-height:1.5!important;
text-align:center!important;
}

/* 引导 */
#kk-quick-estimate .kk-lead{
position:relative;
margin:0 0 34px;
padding:30px 24px;
overflow:hidden;
border:1px solid #d8e9f0;
border-radius:18px;
background:linear-gradient(145deg,#f7fcfe 0%,var(–kk-blue-light) 100%);
box-shadow:0 8px 24px rgba(32,86,111,.08);
}
#kk-quick-estimate .kk-lead::after{
content:””;
position:absolute;
right:-55px;
bottom:-65px;
width:170px;
height:170px;
border-radius:50%;
background:rgba(47,113,143,.07);
pointer-events:none;
}
#kk-quick-estimate .kk-lead p{position:relative;z-index:1;margin:0 0 .65em}
#kk-quick-estimate .kk-lead p:last-of-type{margin-bottom:0}
#kk-quick-estimate .kk-lead-title{
color:var(–kk-blue-dark);
font-size:clamp(19px,3vw,24px);font-weight:700;
line-height:1.65;
}
#kk-quick-estimate .kk-points{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
max-width:620px;
margin:22px auto 0;
}
#kk-quick-estimate .kk-point{
min-width:0;
padding:14px 8px 12px;
border:1px solid var(–kk-line);
border-radius:12px;
background:var(–kk-white);
text-align:center;
box-shadow:0 4px 14px rgba(32,86,111,.05);
}
#kk-quick-estimate .kk-point b{
display:block;
color:var(–kk-orange);
font-size:clamp(21px,3.5vw,28px);
line-height:1.2;
}
#kk-quick-estimate .kk-point small{
display:block;
margin-top:5px;
color:var(–kk-muted);
font-size:12px;
line-height:1.4;
}

/* 目标工程・按钮 */
#kk-quick-estimate .kk-target{
margin:0 0 28px;
padding:22px 18px;
border:2px solid var(–kk-orange);
border-radius:14px;
background:var(–kk-white);
text-align:center;
}
#kk-quick-estimate .kk-target-title{
display:inline-block;
margin:0 0 12px;
padding:3px 18px;
border-radius:999px;
background:var(–kk-orange);
color:var(–kk-white);
font-size:14px;
font-weight:700;
line-height:1.8;
}
#kk-quick-estimate .kk-tags{
display:flex;
flex-wrap:wrap;
gap:9px;
justify-content:center;
margin:0;
}
#kk-quick-estimate .kk-tags span{
padding:5px 13px;
border:1px solid #ffd9c3;
border-radius:7px;
background:var(–kk-orange-light);
color:var(–kk-orange-dark);
font-size:15px;
font-weight:700;
line-height:1.5;
}
#kk-quick-estimate .kk-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
justify-content:center;
margin:20px 0 6px;
}
#kk-quick-estimate .kk-button{
display:inline-flex;
min-width:220px;
min-height:50px;
align-items:center;
justify-content:center;
padding:11px 22px;
border-radius:999px;
color:var(–kk-white)!important;
font-weight:700;
line-height:1.4;#kk-quick-estimate .kk-button{
text-decoration:none!important;
box-shadow:0 6px 16px rgba(32,86,111,.16);
}
#kk-quick-estimate .kk-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(32,86,111,.22)}
#kk-quick-estimate .kk-button-primary{background:var(–kk-orange)}
#kk-quick-estimate .kk-button-line{background:#06c755}

/* 步骤 */
#kk-quick-estimate .kk-step{
margin:0 0 26px;
overflow:hidden;
border:1px solid var(–kk-line);
border-radius:16px;
background:var(–kk-white);
box-shadow:0 7px 22px rgba(25,63,80,.07);
}
#kk-quick-estimate .kk-step-header{
display:flex;
gap:14px;
align-items:center;
padding:16px 20px;
background:linear-gradient(90deg,var(–kk-orange-light),#fff9f5);
}
#kk-quick-estimate .kk-step-number{
display:flex;
flex:0 0 46px;
width:46px;
height:46px;
align-items:center;
justify-content:center;
border-radius:50%;
background:var(–kk-orange);
color:var(–kk-white);
font-size:20px;
font-weight:700;
line-height:1;
}
#kk-quick-estimate .kk-step-title{
color:var(–kk-orange-dark)!important;
font-size:clamp(18px,2.8vw,21px)!important;
line-height:1.45!important;
text-align:left!important;
}
#kk-quick-estimate .kk-step-body{padding:24px 22px}
#kk-quick-estimate .kk-step-image{
display:block;
width:auto;
max-height:190px;
margin:0 auto 18px;
object-fit:contain;
}
#kk-quick-estimate .kk-checklist{margin:16px 0 0;padding:0;list-style:none}
#kk-quick-estimate .kk-checklist li{
position:relative;
margin:0;
padding:9px 8px 9px 33px;
border-bottom:1px dashed var(–kk-line);
list-style:none;
}
#kk-quick-estimate .kk-checklist li:last-child{border-bottom:0}
#kk-quick-estimate .kk-checklist li::before{
content:””;
position:absolute;
top:15px;
left:8px;
width:8px;
height:14px;
border-right:3px solid var(–kk-orange);
border-bottom:3px solid var(–kk-orange);
transform:rotate(45deg);
}#kk-quick-estimate .kk-checklist small{
display:block;
color:var(–kk-orange-dark);
font-size:13px;
line-height:1.6;
}
#kk-quick-estimate .kk-speed{
display:flex;
gap:15px;
align-items:center;
margin:18px 0 0;
padding:15px 18px;
border-radius:11px;
background:linear-gradient(135deg,var(–kk-blue),var(–kk-blue-dark));
color:var(–kk-white);
}
#kk-quick-estimate .kk-speed b{flex:none;font-size:21px;line-height:1.35;white-space:nowrap}
#kk-quick-estimate .kk-speed span{font-size:14px;line-height:1.65}
#kk-quick-estimate .kk-note{
margin:18px 0 0;
padding:15px 18px;
border-left:4px solid var(–kk-blue);
border-radius:0 9px 9px 0;
background:#f7f8f9;
font-size:14px;
line-height:1.8;
}

/* 悩み */
#kk-quick-estimate .kk-illustration{
display:block;
width:auto;
max-height:190px;
margin:0 auto 18px;
object-fit:contain;
}
#kk-quick-estimate .kk-worry-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin:0 0 22px;
padding:0;
list-style:none;
}
#kk-quick-estimate .kk-worry-list li{
position:relative;
margin:0;
padding:14px 14px 14px 42px;
border:1px solid #dcebf1;
border-radius:12px;
background:var(–kk-blue-light);
font-weight:700;
line-height:1.65;
list-style:none;
}
#kk-quick-estimate .kk-worry-list li::before{
content:”?”;
position:absolute;
top:14px;
left:14px;
display:flex;
width:21px;
height:21px;
align-items:center;
justify-content:center;
border-radius:50%;
background:var(–kk-blue);
color:var(–kk-white);
font-size:13px;
font-weight:700;
line-height:1;
}
#kk-quick-estimate .kk-answer{
margin:0 0 26px;
padding:19px 16px;
border-radius:12px;
background:var(–kk-orange-light);
color:var(–kk-text);
font-size:18px;
font-weight:700;
text-align:center;
}

/* 服务区域 */
#kk-quick-estimate .kk-area-card{
margin:0 0 14px;overflow:hidden;
border:1px solid var(–kk-line);
border-radius:12px;
background:var(–kk-white);
}
#kk-quick-estimate .kk-area-card summary{
position:relative;
padding:14px 48px 14px 18px;
background:var(–kk-blue);
color:var(–kk-white);
font-size:17px;
font-weight:700;
line-height:1.5;
cursor:pointer;
list-style:none;
}
#kk-quick-estimate .kk-area-card summary::-webkit-details-marker{display:none}
#kk-quick-estimate .kk-area-card summary::after{
content:”+”;
position:absolute;
top:50%;
right:18px;
transform:translateY(-50%);
font-size:22px;
font-weight:400;
line-height:1;
}
#kk-quick-estimate .kk-area-card[open] summary::after{content:”\2212″}
#kk-quick-estimate .kk-area-card p{
margin:0;
padding:17px 18px;
color:#555;
font-size:14px;
line-height:2;
}
#kk-quick-estimate .kk-area-note{
margin:16px 0 28px;
padding:15px 18px;
border-radius:10px;
background:var(–kk-blue-light);
font-size:14px;
text-align:center;
}

/* 表单 */
#kk-quick-estimate .kk-form-box{
scroll-margin-top:30px;
margin:0 0 30px;
padding:26px 22px;
border:2px solid var(–kk-blue);
border-radius:16px;
background:var(–kk-white);
box-shadow:var(–kk-shadow);
}
#kk-quick-estimate .kk-form-heading{
margin:0 0 8px!important;
font-size:clamp(20px,3vw,25px)!important;
line-height:1.5!important;
text-align:center!important;
}
#kk-quick-estimate .kk-form-intro{
margin:0 0 22px;
color:var(–kk-muted);
font-size:14px;
text-align:center;
}
#kk-quick-estimate .wpcf7-form input[type=”text”],
#kk-quick-estimate .wpcf7-form input[type=”email”],
#kk-quick-estimate .wpcf7-form input[type=”tel”],
#kk-quick-estimate .wpcf7-form input[type=”url”],
#kk-quick-estimate .wpcf7-form input[type=”number”],
#kk-quick-estimate .wpcf7-form select,
#kk-quick-estimate .wpcf7-form textarea{
width:100%;
max-width:100%;
padding:11px 12px;border:1px solid #cfd8dc;
border-radius:7px;
background:#fff;
font:inherit;
}
#kk-quick-estimate .wpcf7-form input[type=”file”]{max-width:100%;font-size:14px}
#kk-quick-estimate .wpcf7-form input[type=”checkbox”],
#kk-quick-estimate .wpcf7-form input[type=”radio”]{width:auto}
#kk-quick-estimate .wpcf7-form input[type=”submit”]{
display:block;
width:min(100%,360px);
min-height:52px;
margin:24px auto 0;
padding:12px 24px;
border:0;
border-radius:999px;
background:var(–kk-orange);
color:#fff;
font-size:17px;
font-weight:700;
cursor:pointer;
box-shadow:0 7px 18px rgba(242,107,29,.23);
}
#kk-quick-estimate .wpcf7-form input[type=”submit”]:hover{background:var(–kk-orange-dark)}
#kk-quick-estimate .wpcf7-not-valid-tip{font-size:13px}
#kk-quick-estimate .wpcf7-response-output{margin:18px 0 0!important;border-radius:8px}

/* 下部CTA・SNS */
#kk-quick-estimate .kk-final-cta{
margin:0 0 28px;
padding:25px 18px 20px;
border-radius:15px;
background:linear-gradient(145deg,var(–kk-orange-light),#fffaf7);
text-align:center;
}
#kk-quick-estimate .kk-final-title{
margin:0 0 8px;
color:var(–kk-orange-dark);
font-size:clamp(20px,3vw,25px);
font-weight:700;
}
#kk-quick-estimate .kk-final-cta img{
display:block;
width:auto;
max-height:190px;
margin:8px auto 0;
object-fit:contain;
}
#kk-quick-estimate .kk-sns{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
margin:0 0 28px;
}
#kk-quick-estimate .kk-sns-card{
min-width:0;
padding:20px 15px;
border:1px solid var(–kk-line);
border-radius:14px;
background:var(–kk-white);
text-align:center;
box-shadow:0 6px 18px rgba(25,63,80,.06);
}
#kk-quick-estimate .kk-sns-title{margin:0 0 5px;font-size:18px;font-weight:700}
#kk-quick-estimate .kk-sns-title-line{color:#06a947}
#kk-quick-estimate .kk-sns-title-insta{color:#c72d65}
#kk-quick-estimate .kk-sns-card p{font-size:14px}

您是否进行了相互估算？如果您提供估算书和图纸，我们可以在非面对面的情况下制作概算估算！

重要的家外装翻新。
这个估算是合理价格吗？必要的工程吗？

金额和工程内容通过比较多家公司会更容易看出差异。我们会根据您手中的估算书，翔工务店也会免费制作概算估算。

0元概算估算免费

无需到店支持表单・LINE

最短当天通常1〜3个工作日

非面对面・免费的快速概算估算

适用工程

屋顶覆盖工程屋顶更换外墙涂装屋顶涂装雨水槽更换

前往专用表单通过LINE咨询

请发送您手中的估算书或图纸

只需通过下面的专用联系表单或LINE拍摄并附上估算书即可。其他公司的名称可以隐去。

姓名
地址如果施工地点和邮寄地址不同，请填写两个地址
电子邮件地址
电话号码
估算书的照片如果有立面图和平面图，请一并附上
希望的工程内容・要求

最短当天
通常1〜3个工作日在确认资料后，负责人员将向您提供概算估算。根据内容和繁忙情况，可能需要额外时间。

如果您发送的数量或面积与实际建筑大相径庭，金额可能会有所变动。虽然不是必需的，但附上平面图・立面图将能提供更准确的概算。确认概算金额后，如果符合您的预算，我们将进行现场调查，并制作正式的估算书。

我们将通过电子邮件、LINE或邮寄方式发送概算估算

我们将根据您提供的资料，制作并发送我们的概算估算。如果您对内容有任何疑问，请随时告诉我们。

翔工务店推荐进行相互估算。您可以仔细比较其他公司。如果不符合您的期望，您也可以拒绝。请放心使用。

查看估算书时，您是否有以下烦恼？

“一式”的记载很多，材料和金额的明细不清楚
超出预算。想知道是否可以再降低一些费用
被催促签约，没有时间冷静比较
无法判断这个工程内容是否真的必要
各家公司解释不同，不知道该相信哪一个

翔工务店将帮助您确认内容，并比较金额和工程内容。

如果您是“急需确认”的客户，请先与我们咨询。如果资料齐全，最短当天，通常1-3个工作日内将为您提供概算估算。

翔工务店的服务区域

东京都的服务区域

昭岛市／あきる野市／足立区／荒川区／板桥区／稲城市／江戸川区／青梅市／大田区／葛飾区／北区／清瀬市／国立市／江东区／小金井市／国分寺市／小平市／狛江市／品川区／渋谷区／新宿区／杉并区／墨田区／世田谷区／台东区／立川市／多摩市／中央区／调布市／千代田区／丰岛区／中野区／奥多摩町／西东京市／练马区／八王子市／羽村市／东久留米市／东村山市／东大和市／日野市／府中市／福生市／文京区／町田市／三鹰市／港区／武藏村山市／武藏野市／目黑区

神奈川县的服务区域

横滨市（青叶区／旭区／泉区／磯子区／神奈川区／金泽区／港南区／港北区／荣区／瀬谷区／都筑区／鹤见区／户塚区／中区／西区／保土谷区／绿区／南区）／川崎市（川崎区／幸区／中原区／高津区／多摩区／宫前区／麻生区）／相模原市（绿区／中央区／南区）／厚木市／海老名市／伊势原市／小田原市／镰仓市／逗子市／茅崎市／秦野市／平塚市／藤泽市／三浦市／南足柄市／横须贺市／爱川町／大井町／开成町／中井町／松田町／山北町／箱根町／真鶴町／汤河原町／寒川町／大磯町／二宫町／叶山町

埼玉县・千叶县・山梨县的部分地区也可以提供服务。外墙涂装・屋顶工程的现场调查和估算是免费的，请先与我们联系。