Free Estimate & Inquiries

/* =========================================================
Kakeru Koumuten Co., Ltd. | Contact Page
– Limited to #kk-contact only (no need for theme or additional CSS changes)
– Headings override JIN’s heading design with !important
– Do not use non-ASCII characters in CSS content
========================================================= */
#kk-contact{
–kk-orange:#f26b1d;
–kk-orange-dark:#d9570f;
–kk-orange-light:#fff3ea;
–kk-blue:#2f718f;
–kk-blue-dark:#20566f;
–kk-blue-light:#edf6fa;
–kk-red:#d6342c;
–kk-red-light:#fff2f1;
–kk-line-green:#06c755;
–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-contact,
#kk-contact *{box-sizing:border-box}
#kk-contact p{margin:0 0 1em}
#kk-contact img{max-width:100%;height:auto}
#kk-contact a{transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}
#kk-contact a:hover{opacity:.88}
#kk-contact .kk-center{text-align:center}

/* Headings (ensure JIN’s heading design is overridden) */
html body #kk-contact h2.kk-section-title,
html body #kk-contact h2.kk-form-heading{
position:relative!important;
display:block!important;
float:none!important;
clear:both!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
background-color:#fff!important;
background-image:none!important;
box-shadow:none!important;
text-shadow:none!important;
color:var(–kk-blue-dark)!important;
-webkit-text-fill-color:var(–kk-blue-dark)!important;
font-family:inherit!important;
font-style:normal!important;
font-weight:700!important;
letter-spacing:.02em!important;
transform:none!important;
overflow:visible!important;
}
html body #kk-contact h2.kk-section-title::before, a{display:block;line-height:0}a:hover{opacity:.92}
#kk-contact .kk-banner-card img{display:block;width:100%;height:auto;margin:0}
#kk-contact .kk-banner-body{padding:18px 20px 16px;text-align:center}
#kk-contact .kk-banner-body p{margin:0 0 .5em}
#kk-contact .kk-banner-body p:last-child{margin:0}
#kk-contact .kk-banner-body strong{color:var(–kk-orange-dark)}
#kk-contact .kk-banner-body .kk-button{min-width:240px;margin-top:8px}

/* Form */
#kk-contact .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-contact .kk-form-intro{
margin:0 0 22px;
color:var(–kk-muted);
font-size:14px;
text-align:center;
}
#kk-contact .wpcf7-form input[type=”text”],
#kk-contact .wpcf7-form input[type=”email”],
#kk-contact .wpcf7-form input[type=”tel”],
#kk-contact .wpcf7-form input[type=”url”],
#kk-contact .wpcf7-form input[type=”number”],
#kk-contact .wpcf7-form select,
#kk-contact .wpcf7-form textarea{
width:100%;
max-width:100%;
padding:11px 12px;
border:1px solid #cfd8dc;
border-radius:7px;
background:#fff;
font:inherit;
}
#kk-contact .wpcf7-form input[type=”file”]{max-width:100%;font-size:14px}
#kk-contact .wpcf7-form input[type=”checkbox”],
#kk-contact .wpcf7-form input[type=”radio”]{width:auto}
#kk-contact .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-contact .wpcf7-form input[type=”submit”]:hover{background:var(–kk-orange-dark)}
#kk-contact .wpcf7-not-valid-tip{font-size:13px}
#kk-contact .wpcf7-response-output{margin:18px 0 0!important;border-radius:8px}

/* Smartphone */
@media (max-width:767px){