@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}
  body{margin:0;font-family:"Noto Sans JP",sans-serif;background:#fff;} .page-template-default .l-content {padding-top: calc(var(--ark-header_height) + 0px);}   .page .c-postContent > * {margin-top: 0 !important;} .l-content__body{width:100%!important;margin:0 0 0 0!important;padding:0!important;background:#f6e9d8;display:contents;}
.p-archive__title, .p-page__title {margin-bottom:0!important;} .p-breadcrumb{background:#132A4A;color:#FFFFFF;padding-left:15px;}   .grecaptcha-badge {
bottom: 20px !important;
left: 20px !important;
right: auto !important;
z-index: 9999 !important;
visibility: hidden; } .instagram-media{
margin: 40px auto 0 !important;
} .pick{  color:#D6B36A;
font-weight:700;
letter-spacing:0.03em;}  @media screen and (max-width: 768px){
.sp-deha-kieru{display:none;} .post-template .l-content, .blog ul.p-postList.-type-simple{padding:0 16px 0 16px;}
.blog ul.p-postList.-type-simple{border-top:none;}
.blog ul.p-postList.-type-simple a:hover{background:#0b1f3b;color:#FFF;}
.blog .l-content{margin:40px auto 40px;}	
.post-template h1{margin-top:20px;}
.post-template h2{border-left: 6px solid #1d3557;
background: #f5f7fa;
padding: 16px 20px;
font-weight: 700;
font-size: 24px;}
.post-template h3{border-bottom: 2px solid #1d3557;
padding-bottom: 6px;
font-size: 20px;
font-weight: 700;} .p-drawer {
background: linear-gradient(
160deg,
#0B1F3B 0%,
#12335E 60%,
#071A33 100%
);
color: #fff;
--ark-nav-padding--Y: 18px;
--ark-nav-padding--L: 20px;
--ark-nav-padding--R: 20px;
} .c-drawerNav__a {
font-size: 16px;
border-bottom: 1px solid rgba(255,255,255,0.1);
} .c-drawerNav__a:active {
background: rgba(255,255,255,0.1);
} .c-drawerNav .sub-menu .c-drawerNav__a {
font-size: 14px;
opacity: 0.85;
} .menu-item-has-children > .c-drawerNav__a {
font-weight: 600;
} .c-drawerNav > li:last-child > .c-drawerNav__a {
background: #C8102E;
margin: 20px;
border-radius: 8px;
text-align: center;
}  [data-scrolled=true] .l-header {--ark-color--header_bg: rgba(11,31,59,0.7);backdrop-filter: none;} [data-scrolled=false] .page-template-default .l-header, [data-scrolled=false] .post-template .l-header, [data-scrolled=false] .blog .l-header{background:#0B1F3B;} .fv{
display:flex;
flex-direction:column;
height:auto;
overflow:visible;
position:relative;
} .fv-video{
width:100%;
height:70vh;
position:relative;
overflow:hidden;
} .fv-video video{
width:100%;
height:100%;
object-fit:cover;
filter:
contrast(1.2)
saturate(0.85)
brightness(0.85);
transform:scale(1.15);
} .fv-video::before{
content:"";
position:absolute;
inset:0;
background-image:
radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px);
background-size:3px 3px;
pointer-events:none;
z-index:4;
} .fv-video::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
rgba(11,31,59,0.2) 0%,
rgba(11,31,59,0.6) 60%,
rgba(11,31,59,0.9) 100%
);
pointer-events:none;
z-index:3;
} .fv-content{
width:100%;
height:auto;
background:linear-gradient(
160deg,
#0B1F3B 0%,
#12335E 60%,
#071A33 100%
);
color:#fff;
padding:60px 6%;
position:relative;
z-index:2;
} .fv-content::before{
content:"";
position:absolute;
top:-20%;
right:-20%;
width:400px;
height:400px;
background:radial-gradient(
circle,
rgba(255,255,255,0.08),
transparent 70%
);
pointer-events:none;
z-index:0;
} .bg-word{
position:absolute;
width:90%;
top:-50px;
left:50%;
transform:translateX(-50%);
mask-image: linear-gradient(to right, black 60%, transparent);
font-size:55px;
font-weight:700;
color:rgba(255,255,255,0.09);
letter-spacing:6px;
line-height:0.9;
pointer-events:none;
z-index:0;
} .sub{
letter-spacing:4px;
font-size:12px;
opacity:0.85;
}
h1{
font-family:"Noto Serif JP",serif;
font-size:34px;
margin:0;
}
.lead{
padding-top:15px;
margin-top:20px;
font-size:16px;
line-height:1.7;
border-top:1px solid rgba(255,255,255,0.15);
}
.catch{
font-size:12px;
line-height:1.7;
letter-spacing:1px;
color:#D6B36A;
}
.career{margin-top:15px;font-size:13px;color:#D6B36A;} .cta{
display:block;
width:100%;
text-align:center;
margin-top:30px;
padding:14px 20px;
background:#C8102E;
color:#fff;
text-decoration:none;
font-weight:600;
letter-spacing:1px;
} .fv-video{
position:sticky;
top:0;
z-index:1;
}
.fv-content{
margin-top:-40px;
border-radius:20px 20px 0 0;
} .top-heading{
margin-bottom:40px;
} .top-heading.-left,
.top-heading.-right{
margin:0 auto 40px;
} .top-heading.-right{
text-align:center;
} .top-heading-main{
font-size:clamp(48px, 14vw, 80px);
letter-spacing:0.12em;
line-height:0.9;
} .top-heading.-left .top-heading-main{
margin-left:-0.04em;
}
.top-heading.-right .top-heading-main{
margin-right:-0.1em;
} .top-heading-sub{
font-size:11px;
letter-spacing:0.25em;
margin-top:10px;
} .top-heading-sub::before{
width:24px;
margin-bottom:8px;
} .top-heading.-right .top-heading-sub::before{
margin:0 auto 8px;
} .top-heading.-white{color:#fff;} .trouble-list{margin:10px auto 30px;position:relative;z-index:2;}
.trouble-item{display:flex;color:#FFF;gap:14px;padding:18px 0; border-bottom:1px solid rgba(255,255,255,.2);align-items:flex-start;}
.trouble-item span{color:#FFF;
 font-size:11px;
letter-spacing:1px;
min-width:28px;
margin-top:2px;
opacity:.5;
}	
.trouble-message{
margin-top:35px;
text-align:center;
font-size:18px;
line-height:1.9;
font-weight:700;
color:#fff;
}  .result-lead {
margin-top: 15px;
font-size: 14px;
color: #555;
line-height: 1.6;
} .result-main {
margin-top: 25px;
display: grid;
 grid-template-columns: repeat(1, 1fr);
gap: 15px;
}
.result-main .result-item {
background: #0d3b66;
color: #fff;
padding: 20px;
border-radius: 6px;
border: none;
}
.result-main .result-item h3 {
font-size: 16px;
color: #fff;
}
.result-main .result-item p {
font-size: 13px;
margin-top: 8px;
line-height: 1.6;
color: #eaeaea;
} .result-grid {margin-top: 25px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.result-grid .result-item {
background: #fff;
border: 1px solid #e5e5e5;
padding: 15px;
border-radius: 4px;
}
.result-grid .result-item h3 {
font-size: 14px;
color: #0d3b66;
}
.result-grid .result-item p {
font-size: 12px;
margin-top: 5px;
color: #555;
line-height: 1.5;
} .link-block {
display: block;
padding: 35px 20px;
border: 1px solid rgba(255,255,255,0.2);
background: #0d3b66;
position: relative;
overflow: hidden;
} .link-block .en {
font-size: 11px;
letter-spacing: 1.5px;
color: #aaa;
} .link-block .jp {
font-size: 20px;
font-weight: bold;
margin-top: 8px;
color: #fff;
line-height: 1.4;
} .price-free {
margin-top: 20px;
font-size: 14px;
font-weight: 600;
color: #fff;
opacity: 0.9;
} .price-main {
font-size: 28px;
font-weight: bold;
color: #C6A75E;
margin-top: 8px;
line-height: 1.3;
} .price-sub {
font-size: 13px;
color: #fff;
margin-top: 8px;
opacity: 0.85;
} .price-note {
font-size: 11px;
color: #ddd;
margin-top: 4px;
} .price-actions {
margin-top: 25px;
display: flex;
flex-direction: column; gap: 12px;
} .btn-main,
.btn-sub {
display: block;
width: 100%;
padding: 14px 10px;
text-align: center;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
} .btn-main {
background: #fff;
color: #0d3b66;
} .btn-sub {
border: 1px solid #fff;
color: #fff;
background: transparent;
} .btn-main:active {
background: #C6A75E;
color: #fff;
}
.btn-sub:active {
background: #fff;
color: #0d3b66;
} .top-profile{
padding:0px 16px;
background:#fff;
}
.top-profile-wrap{
max-width:1100px;
margin:0 auto;
display:flex;
align-items:center;
flex-direction: column;
 gap:30px;
}
.top-profile .catch{padding-top:20px;border-top:1px solid rgba(255,255,255,0.15);font-size:22px;line-height:1.8;letter-spacing:2px;color:#D6B36A;font-weight:500;}	
.top-profile-text{
flex:1;
width:100%;
}
.top-profile-img{flex:1;width:100%;}
.top-profile-img img{width:100%;border-radius:10px;}  .p-page__title.u-flex--aic {display: block;} .p-page__title {
text-align: center;
background: #f2f5f9;
padding: 40px 15px 15px;
margin: 0;
} .c-pageTitle__main {
font-size: 28px; font-weight: 600;
letter-spacing: 0.08em; margin: 0;
} .c-pageTitleSub {
text-align: center;
background: #f2f5f9;
margin-top: -6px; padding-bottom: 40px;
} .c-pageTitleSub__text {
font-size: 10px; color: #888;
letter-spacing: 0.25em; margin: 0;
} .c-pageTitleSub__text::before {
content: "";
display: block;
width: 20px; height: 1px;
background: #ccc;
margin: 0 auto 10px;
} .c-sectionTitle {margin: 28px 0px 24px;padding: 0 0 0 12px;font-size: 18px;font-weight: 600;letter-spacing: 0.04em;border-left: 3px solid #0b1f3b;}
.c-sectionTitle span {
display: block;
font-size: 10px;
letter-spacing: 0.18em;
color: #888;
margin-top: 4px;
}
.c-sectionTitle.-tel {
border-left: 3px solid #C8102E;
} .c-sectionTitle.-white{border-left: 3px solid #FFF;text-align:left;color:#fff;}
.c-sectionTitle.-white span{color:rgba(255,255,255,0.7);}
.c-sectionTitle.-white span::before{background:rgba(255,255,255,0.4);} .section-white{background:#fff;padding:50px 16px;} .section-navy{background:#0b1f3b;padding:50px 16px;color:#fff;} .section-inner{width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box;}  .parallax-link{position:relative;overflow:hidden;padding:60px 0;min-height:clamp(200px, 40vh, 500px);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;  --overlay-color: rgba(11,31,59,0.55);display:flex;align-items:center;} .parallax-link{
background-image:url(https://kounokazuhito.com/wp-content/uploads/2026/04/ChatGPT-Image-2025年10月31日-17_49_53.png);
} .parallax-link::before{
content:"";
position:absolute;
inset:0;
background:var(--overlay-color);
z-index:1;
} .parallax-link .section-inner{
position:relative;
z-index:2;
}  .parallax-link.-sm{ min-height:220px; }
.parallax-link.-md{ min-height:340px; }
.parallax-link.-lg{ min-height:460px; } .parallax-link.-left{
justify-content:flex-start;
text-align:left;
} .parallax-link.-right{
justify-content:flex-end;
text-align:right;
} .parallax-link.-light{
--overlay-color: rgba(11,31,59,0.3);
} .parallax-link.-dark{
--overlay-color: rgba(11,31,59,0.75);
}  .link-block {
display: block;
 padding: 40px 20px;
border: 1px solid #e5e5e5;
text-decoration: none;
color: #000;
transition: 0.3s;
}
.link-block:hover {
background: #0d3b66;
color: #fff;
}
.link-block .en {
 font-size: 11px;
letter-spacing: 2px;
color: #888;
}
.link-block .jp {
 font-size: 20px;
font-weight: bold;
 margin-top: 8px;
} .grid-links {
display: grid;
grid-template-columns: 1fr;
}
.grid-links a {
 padding: 40px 20px;
border: 1px solid #eee;
text-decoration: none;
color: #000;
transition: 0.3s;
}
.grid-links a:hover {
background: #0d3b66;
color: #fff;
} .page-lead {font-size: 13px;line-height: 1.9;padding: 0 14px;margin-bottom: 12px;} .page-lead-strong {font-weight: 600;} .target-cards {
display: flex;
flex-direction: column;
gap: 15px;
}
.target-card {
width: 100%;
min-width: 100%;
background: #f8f9fb;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.target-card p {
font-size: 13px;
color: #666;
margin-bottom: 6px;
}
.target-card strong {
font-size: 16px;
color: #0f172a;
} .target-image {
margin-bottom: 10px;
}
.target-image img {
width: 90px;
height: auto;
} .section-text {
max-width: 100%;
margin: 20px 0 0;
line-height: 1.8;
text-align: left;
font-size: 14px;
} .flow-wrap {
display: flex;
flex-direction: column;
gap: 15px;
margin: 30px 0 0;
}
.flow-box {
width: 100%;
min-width: 100%;
padding: 20px;
border-radius: 10px;
}
.flow-box h3 {
margin: 0 0 10px 0;
color: #0b1f3b;
font-size: 16px;
}
.flow-box ul {
padding-left: 18px;
color: #0b1f3b;
font-size: 14px;
}
.flow-box.problem {
background: #fff5f5;
}
.flow-box.benefit {
background: #f1f5f9;
} .flow-arrow {
display: none;
} .support-steps {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 100%;
margin: 30px 0 0;
}
.support-steps .step {
width: 100%;
min-width: 100%;
position: relative;
background: #f8f9fb;
padding: 20px;
border-radius: 10px;
display: flex;
flex-direction: row;
align-items: flex-start;
text-align: left;
gap: 15px;
box-sizing: border-box;
} .support-steps .step-icon img {
width: 50px;
height: 50px;
object-fit: contain;
} .support-steps .step-content {
flex: 1;
}
.support-steps .step-content span {
display: block;
font-size: 11px;
color: #888;
margin-bottom: 4px;
letter-spacing: 0.05em;
}
.support-steps .step-content p {
margin: 0;
line-height: 1.6;
font-size: 14px;
font-weight: 500;
} .support-steps .step-note {
font-size: 13px;
margin-top: 6px;
color: #666;
line-height: 1.6;
} .support-steps .step::after {
display: none;
} .roadmap {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 30px;
}
.roadmap-item {
width: 100%;
min-width: 100%;
background: rgba(255,255,255,0.1);
padding: 15px;
border-radius: 8px;
text-align: left;
}
.roadmap-item h3 {
margin-bottom: 6px;
font-size: 15px;
}
.roadmap-item p {
font-size: 13px;
}
.roadmap-item span {
display: block;
margin-top: 6px;
font-weight: bold;
color: #c6a75e;
font-size: 13px;
}
.roadmap-future {
text-align: left;
margin-top: 20px;
font-weight: bold;
line-height: 1.7;
font-size: 14px;
} .service-grid-main{
display:grid;
grid-template-columns:1fr;
gap:24px;
margin-top:40px;
}
.service-grid-sub{
display:grid;
grid-template-columns:1fr;
gap:20px;
margin-top:24px;
} .service-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 5px 20px rgba(0,0,0,0.05);border:1px solid #e8edf3;display:flex;flex-direction:column;}
.service-card a{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:20px;
width:fit-content;
padding:10px 18px;
border-radius:100px;
background:#C8102E;
color:#fff;
font-size:14px;
font-weight:bold;
text-decoration:none;
transition:
background .25s ease,
opacity .25s ease;
}
.service-card a::after{
content:"→";
font-size:13px;
} .service-card a:hover{
background:#C6A75E;
}
.service-label{
display:inline-block;
margin-bottom:14px;
padding:6px 12px;
border-radius:100px;
font-size:12px;
font-weight:bold;
} .service-label.startup{
background:#e8f1ff;
color:#2457a7;
} .service-label.management{
background:#eaf8ee;
color:#2f7d46;
} .service-label.branding{
background:#fff1e7;
color:#c46b2d;
} .service-label.organization{
background:#f3ebff;
color:#7a47b8;
}
.service-card h3{
 font-size:20px;
line-height:1.5;
margin-bottom:18px;
color:#0d2340;
}
.service-card p{
line-height:2;
color:#444;
flex:1;
}  .service-all {
padding: 80px 6%;
background: #f9f9f9;
} .service-all-hero {
text-align: center;
margin-bottom: 60px;
}
.service-all-hero h1 {
font-size: 32px;
margin-bottom: 20px;
}
.service-all-hero .lead {
font-size: 16px;
line-height: 1.8;
}
.service-all .service-grid {
display: grid;
 grid-template-columns:1fr;
gap: 30px;
margin-bottom: 60px;
} .service-all .service-guide {
text-align: center;
margin-bottom: 60px;
}
.service-all .guide-grid {
display: grid;
 grid-template-columns:1fr;
gap: 20px;margin-top:30px;
}
.service-all .guide-grid a:hover{color:#C8102E;}
.service-all .guide-grid div {
background: #fff;
padding: 20px;
border-radius: 8px;
} .cta-soft {
text-align: center;
padding: 25px 15px;
background: #d1c0a6;
border-radius: 12px;
margin: -30px 0 -30px;
}
.cta-text {
margin-bottom: 15px;
line-height: 1.7;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,0.2);
font-size: 14px;
}
.cta-text span {
font-size: 18px;
font-weight: 700;
}
.cta-link {
display: inline-block;
color: #C8102E;
font-weight: bold;
text-decoration: none;
border-bottom: 2px solid #C8102E;
padding-bottom: 2px;
}  .plan-flow {
display: flex;
flex-direction: column;
text-align: center;
} .plan-box {
position: relative;
padding: 30px;
color: #fff;
} .box-1 { background: #4a6fa5; }
.box-2 { background: #3b5d8a; }
.box-3 { background: #2c486b; } .box-1::after { background: #4a6fa5; }
.box-2::after { background: #3b5d8a; }
.box-3::after { background: #2c486b; }  .plan-box::after {
content: "";
position: absolute;
bottom: -29px;
left: 0;
width: 100%;
height: 30px;
clip-path: polygon(0 0, 50% 100%, 100% 0);
} .plan-box::after {border: none;} .plan-box:last-child::after {display: none;} .plan-box {z-index: 1;}
.box-1 { z-index: 3; }
.box-2 { z-index: 2; }
.box-3 { z-index: 1; } .consult-card {
background: #fff;
padding: 25px 20px;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
text-align: center;
}
.consult-card .price {
font-size: 22px;
font-weight: bold;
} .support-plans {
display: flex;
flex-direction: column;
gap: 15px;
}
.support-card {
position: relative;
background: #fff;
color: #333;
padding: 20px;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.support-card h3 {
font-size: 16px;
margin-bottom: 10px;
}
.price {
font-size: 22px;
font-weight: bold;
}
.label {
font-size: 12px;
 color: #FFF;
}
.support-card ul {
margin: 10px 0;
padding-left: 18px;
}
.target {
font-size: 12px;
color: #555;
} .is-strong {
border: 2px solid #c6a75e;
transform: none;
} .badge {
position: absolute;
top: -8px;
right: 15px;
background: #c6a75e;
color: #fff;
font-size: 11px;
padding: 4px 8px;
border-radius: 20px;
} .note {
text-align: center;
font-size: 11px;
margin-top: 20px;
color: #ccc;
} .center{text-align:center;}
.white{color:#fff;}
.case-kv-text{
font-size:14px;
line-height:1.8;
margin:20px 0;
}
.case-kv-numbers{ display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px;}
.case-num{
background:#fff;
color:#0b1f3b;
padding:15px;
border-radius:10px;
text-align:center;
width:100%;
}
.case-num span{
display:block;
font-size:12px;
margin-bottom:5px;
}
.case-num strong{
font-size:18px;
font-weight:bold;
} .case-sns-wrap{
display:flex;
flex-direction:column;
gap:20px;
}
.case-sns-box{
border:1px solid #ddd;
padding:18px;
border-radius:12px;
}
.case-sns-box h3{
font-size:18px;
margin-bottom:8px;
}
.sns-number{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}
.sns-desc{
font-size:13px;
line-height:1.8;
}
.case-sns-box a{
display:inline-block;
margin-top:10px;
font-size:13px;
color:#0b1f3b;
text-decoration:underline;
} .case-sns-flow{
margin-top:30px;
text-align:center;
}
.case-sns-list{
list-style:none;
padding:20px;
border:2px solid #0b1f3b;
border-radius:12px;
text-align:left;
}
.case-sns-list li{
font-size:13px;
margin-bottom:10px;
padding-left:20px;
position:relative;
line-height:1.6;
}
.case-sns-list li::before{
content:"✔";
position:absolute;
left:0;
color:#0b1f3b;
font-size:12px;
}
.flow-arrow{
margin:18px 0;
font-size:20px;
}
.flow-result{
background:#0b1f3b;
color:#fff;
display:inline-block;
padding:12px 20px;
border-radius:30px;
font-size:13px;
 font-weight:bold;margin-top:30px;
}
.case-sns-note{
margin-top:15px;
font-size:13px;
}
.case-sns-note .num{
font-size:20px;
font-weight:bold;
color:#0b1f3b;
} .case-parallax{
background-attachment:scroll; background-size:cover;
background-position:center;
padding:70px 16px;
position:relative;
}
.case-parallax::before{
content:"";
position:absolute;
inset:0;
background:rgba(11,31,59,0.7);
}
.case-parallax .section-inner{
position:relative;
z-index:2;
} .case-card-grid{
display:flex;
flex-direction:column;
gap:20px;
margin-top:25px;
}
.case-card{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 10px 20px rgba(0,0,0,0.15);
text-align:center;
}
.case-card h3{
font-size:16px!important;
margin-bottom:8px;
}
.case-year{
font-size:13px;
line-height:1.6;
margin-bottom:10px;
}
.case-card a{
display:inline-block;
margin-top:10px;
font-size:13px;
color:#0b1f3b;
text-decoration:underline;
} .case-media-grid{
display:flex;
flex-direction:column;
gap:20px;
}
.media-box iframe{
width:100%;
aspect-ratio:16/9;
border:none;
}
.media-box img{
width:100%;
border-radius:10px;
}
.media-box p{
font-size:13px;
margin-top:8px;
}
.media-box a{
display:inline-block;
margin-top:5px;
font-size:13px;
color:#0b1f3b;
text-decoration:underline;
} .output-wrap{
display:flex;
flex-direction:column;
gap:20px;
align-items:center;
text-align:center;
}
.output-img img{width:100%;max-width:260px;}
.output-text{
font-size:14px;
line-height:1.8;
}
.case-company .big{
font-size:18px;
}
.case-company .strong{
font-size:24px;
font-weight:bold;
} .case-lead{
font-size:14px;
line-height:1.8;
margin-bottom:20px;
}
.service-links{
display:grid;grid-template-columns:repeat(2,1fr);
gap:12px;
margin-top:20px;
}
.service-links a{
display:block;
width:100%;
background:#fff;
color:#0b1f3b;
padding:12px;
border-radius:30px;
text-align:center;
font-size:13px;
font-weight:bold;
text-decoration:none;
} .service-sub-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 25px 0;
}
.service-sub-links a {
display: inline-block;
padding: 8px 16px;
border: 1px solid rgba(255,255,255,0.6);
border-radius: 20px;
color: #fff;
font-size: 13px;
text-decoration: none;
transition: 0.3s;
} .profile-name{
font-size: 36px;
font-weight: 600;
letter-spacing: 0.1em;
margin: 10px 0;
}
.profile-name-sub{
display:block;
font-size: 12px;
letter-spacing: 0.3em;
margin-top:8px;
opacity:0.7;
}
.profile-fv-box{
display:flex;
flex-direction:column;
gap:30px;
}
.profile-fv-text{color:#fff;order:2;width:100%;}
.profile-fv-img{width:100%;order:1;}
.profile-fv-img img{width:100%;border-radius:12px;} .profile-sns{
margin-top:20px;
display:flex;
gap:12px;
flex-wrap:wrap;
} .profile-sns a{display:inline-flex;align-items:center;justify-content:center;width:160px;height:36px;font-size:12px;letter-spacing:0.15em;color:#FFF;text-decoration:none;border:2px solid #FFF;background:#d1c0a6;  border-radius:30px;transition:.3s;} .profile-sns a:hover{
background:#C8102E;
border:2px solid #FFFFFF;
color:#FFFFFF;
}
.profile-sns.-center{
justify-content:center;
} .profile-career-grid{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:10px;}
.career-card{
background:#0b1f3b;
color:#fff;
padding:30px 20px;
border-radius:10px;
}
.career-card .num{
font-size:32px;
font-weight:bold;
letter-spacing:0.05em;
}
.career-card .num .unit{
font-size:12px;
margin-left:4px;
opacity:0.7;
}
.career-card .desc{
font-size:13px;
opacity:0.85;
margin-top:10px;
line-height:1.7;
}
.profile-skill-box{
max-width:700px;
margin:50px auto 0;
padding:30px;
background:#f7f9fc;
border-radius:12px;
text-align:center;
}
.skill-lead{
font-size:14px;
font-weight:600;
margin-bottom:20px;
}
.skill-title{
font-size:14px;
font-weight:600;
letter-spacing:0.15em;
margin-top:20px;
margin-bottom:12px;
color:#0b1f3b;
position:relative;
display:inline-block;
padding-bottom:8px;
} .skill-title::after{
content:"";
position:absolute;
left:50%;
bottom:0;
transform:translateX(-50%);
width:30px;
height:2px;
background:#C8102E;
}
.skill-list{
list-style:none;
padding:0;
margin:0 auto 20px;
display:flex;
flex-wrap:wrap; justify-content:center; gap:10px;
} .skill-list li{
width:calc(50% - 10px); max-width:160px; padding:10px;
font-size:13px;
border-radius:20px;
background:#0b1f3b;
color:#fff;
text-align:center;
}
.skill-desc{font-size:14px;line-height:1.8;opacity:0.8;} .profile-achievement-section{
position:relative;
padding:50px 16px;
color:#fff;
overflow:hidden;
}
.bg-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
} .bg-image{
position:absolute;
inset:0;
background:url(https://kounokazuhito.com/wp-content/uploads/2026/04/0421.jpg) center/cover no-repeat;
z-index:0;background-attachment: fixed;
}
.profile-achievement-section::before{
content:"";
position:absolute;
inset:0;
background:rgba(11,31,59,0.7);
z-index:1;
}
.profile-achievement-section .section-inner{
position:relative;
z-index:2;
}
.profile-achievement{
display:flex;
justify-content:center;
gap:20px;
margin:60px 0;
flex-wrap:wrap;
} .achievement-circle{width:130px;height:130px;
border:2px solid #fff;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}
.achievement-circle .big{
font-size:18px;
font-weight:600;
letter-spacing:0.1em;
}
.achievement-circle p{
font-size:13px;
margin-top:6px;
}
.achievement-text{
text-align:center;
margin-bottom:30px;
line-height:1.8;
font-size:14px;
}
.profile-achievement-btn{
text-align:center;
margin-top:30px;
}
.profile-achievement-btn a{
display:inline-block;
} .profile-story{
padding:50px 16px;
}
.profile-story-wrap{
display:flex;
 gap:30px;
flex-direction:column;
}
.profile-story-img{
flex:0 0 38%;order:1;
}
.profile-story-img img{
width:100%;
border-radius:12px;
}
.profile-story-text{
flex:1;
font-size:15px;
order:2;
}
.profile-story-text p{
margin-bottom:20px;
line-height:1.9;
} .profile-mission{text-align:center;}
.mission-text{font-size:20px;margin-bottom:20px;line-height:1.8;}
.mission-sub{opacity:0.8;font-size:14px;line-height:1.8;} .profile-field-wrap{display:flex;gap:30px;flex-direction:column;}
.profile-field-img{order:1;}
.profile-field-img img{width:100%;border-radius:12px;}
.profile-field-text{flex:1;font-size:15px;line-height:1.9;order:2;} .cf7-form {
max-width: 100%;
margin: 0 auto;
padding: 0 16px;
color: #0b1f3b;
} .cf7-row {
display: block;
padding: 20px 0;
border-bottom: 1px solid #e5e8ee;
} .cf7-label {
width: 100%;
font-weight: 600;
color: #0b1f3b;
margin-bottom: 8px;
} .cf7-field {
width: 100%;
} .cf7-flex {
display: flex;
flex-direction: column;
gap: 10px;
}
.cf7-flex br {
display: none;
}
.cf7-flex p {
display: contents;
}
.cf7-flex input {
width: 100%;
margin: 0;
} .wpcf7 input,
.wpcf7 textarea {
width: 100%;
padding: 12px;
border: 1px solid #d6dbe4;
background: #f2f5f9;
font-size: 14px;
border-radius: 4px;
color: #0b1f3b;
} .wpcf7 input:focus,
.wpcf7 textarea:focus {
background: #fff;
border-color: #0b1f3b;
outline: none;
} .required {
display: inline-block;
background: #C8102E;
color: #fff;
font-size: 12px;
padding: 3px 8px;
margin-right: 8px;
border-radius: 3px;
} .optional {
display: inline-block;
background: #9aa4b2;
color: #fff;
font-size: 12px;
padding: 3px 8px;
margin-right: 8px;
border-radius: 3px;
} .cf7-check {
display: flex;
align-items: flex-start;
font-size: 14px;
}
.cf7-check input[type="checkbox"] {
width: 20px;
height: 20px;
accent-color: #C8102E;
margin: 2px 12px 0 0;
flex-shrink: 0;
}
.cf7-check label {
display: flex;
align-items: flex-start;
cursor: pointer;
}
.wpcf7-list-item {
margin: 0 !important;
} .cf7-submit {
text-align: center;
margin-top: 32px;
}
.cf7-submit input[type="submit"] {
width: 100%;
max-width: 320px;
background: #C8102E;
color: #fff;
padding: 14px;
border: none;
border-radius: 30px;
font-size: 15px;
cursor: pointer;
transition: background 0.3s ease, color 0.3s ease;
} .cf7-submit input[type="submit"]:hover {
background: #D6B36A;
color: #FFFFFF;
} .wpcf7-not-valid-tip,
.wpcf7-response-output {
font-size: 13px !important;
line-height: 1.6;
} .wpcf7-response-output {
max-width: 100%;
margin: 20px 0 0 !important;
padding: 14px;
border: 1px solid #C8102E !important;
background: #fff;
color: #0b1f3b;
border-radius: 6px;
text-align: left;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
border-left: 4px solid #C8102E !important;
} .cf7-note {font-size: 12px;color: #555;line-height: 1.7;margin:16px 10px 0;padding: 14px;background: #f9f9f9;border-radius: 8px;max-width: 900px;}
.cf7-note p {margin-bottom: 8px;} .contact-tel { padding: 16px;}
.contact-tel-number {
font-size: 22px;
}
.contact-tel-number a {
display: inline-block;
padding: 6px 0;
}
.contact-tel-time {
font-size: 12px;
}
.contact-tel-note {
font-size: 11px;
line-height: 1.6;color:#777;
}	
.contact-tel-sp {
display: block;
margin: 20px 10px 0;
text-align: center;
} .contact-tel-sp {
margin: 20px 10px 20px;
text-align: center;
}
.tel-btn {
display: flex; align-items: center; justify-content: center; width: 100%;
max-width: 320px;
margin: 0 auto;
background: #0b1f3b;
color: #fff;
font-size: 16px;
padding: 16px;
border-radius: 30px;
text-decoration: none;
font-weight: 600;
transition: 0.3s;
}
.tel-btn:active {
opacity: 0.8;
}
.tel-sub {
font-size: 12px;
margin-bottom: 8px;
}
.tel-note {
font-size: 11px;
color: #777;
margin-top: 6px;
}
.tel-icon {
width: 20px;
height: 20px;
fill: #ff6b6b;
margin-right: 8px;
vertical-align: middle; }  .l-footer {
background: #0B1F3B;
color: #fff;
font-size: 14px;
line-height: 1.7;
} .footer-left,
.footer-right {
padding: 16px;
} .footer-logo {
width: 110px;
margin-bottom: 12px;
} .footer-profile {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
margin-bottom: 14px;
}
.footer-face {
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
border: 2px solid rgba(255,255,255,0.2);
} .footer-name {
font-size: 13px;
margin-bottom: 3px;
}
.footer-name strong {
font-size: 14px;
} .footer-desc {
font-size: 12px;
opacity: 0.9;
} .footer-company {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid rgba(255,255,255,0.15);
font-size: 12px;
line-height: 1.7;
}
.footer-company p strong {
display: block;
margin-bottom: 2px;
}
.footer-company p {
margin-bottom: 8px;
}
.company-title {
font-weight: bold;
margin-bottom: 6px;
} .footer-cta {
margin-bottom: 20px;
}
.cta-lead {
font-size: 13px;
margin-bottom: 10px;
line-height: 1.6;
}
.cta-lead span {
font-size: 11px;
opacity: 0.8;
}
.cta-btn {
display: block;
width: 100%;
max-width: 320px;
background: #C8102E;
color: #fff;
padding: 14px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
text-align: center;
transition: .3s;
} .cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(200,16,46,0.4);
} .footer-nav ul {
list-style: none;
padding: 0;
margin-bottom: 16px;
}
.footer-nav li {
margin-bottom: 10px;
}
.footer-nav a {
position: relative;
display: block;
font-size: 14px;
opacity: 0.9;
text-decoration: none;
transition: .3s;
} .footer-nav a::after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 1px;
background: #D6B36A;
transform: translateX(-50%);
transition: .3s;
} .footer-nav a:hover {
color: #D6B36A;
opacity: 1;
transform: translateY(-1px);
}
.footer-nav a:hover::after {
width: 60%;
}  .is-style-logos-only {margin: 10px 0 0 20px;}
.is-style-logos-only a:hover svg {
fill: #D6B36A !important;
}
.w-footer .c-widget + .c-widget {
margin-top: 0;
}  .legal-wrap {
width: 100%;
padding: 30px 16px;
box-sizing: border-box;
} .legal-content {
width: 100%;
max-width: 100%;
margin: 0 auto;
} .legal-content h2 {
font-size: 20px;
line-height: 1.5;
margin-bottom: 16px;
} .legal-content h3 {
font-size: 16px;
line-height: 1.5;
margin-top: 24px;
margin-bottom: 8px;
} .legal-content p {
font-size: 14px;
line-height: 1.8;
margin-bottom: 12px;
} .legal-content ul {
padding-left: 18px;
margin-bottom: 16px;
}
.legal-content li {
font-size: 14px;
line-height: 1.8;
margin-bottom: 6px;
} .footer-bottom {padding: 20px 10px;} .footer-links {font-size: 12px;margin-bottom: 10px;line-height: 1.6;}
.footer-links span {display: none;}
.footer-links a {display: block;margin-bottom: 4px;} .recaptcha-note {font-size: 10px;line-height: 1.7;}
.recaptcha-note a {display: inline-block;margin-top: 2px;} .footer-copy {font-size: 12px;opacity: 0.7;margin-top:12px;}
.footer-copy .footer-note {font-size: 10px; opacity: 0.7;} .blog-slider-wrap {overflow: hidden;padding: 20px 0;background: #0d3b66;} .blog-slider-wrap .wp-block-latest-posts {display: flex;width: max-content;border:none!important;animation: blogSlide 80s linear infinite;gap: 20px;padding: 0;margin: 0;list-style: none;} .blog-slider-wrap .wp-block-latest-posts li {flex: 0 0 300px;border:none!important;margin: 0;} .blog-slider-wrap .wp-block-latest-posts li a {display: flex;align-items: center;height: 100%;padding: 20px;background: #fff;border-radius: 24px;text-decoration: none;color: #222;line-height: 1.8;font-size: 15px;font-weight: 700;box-shadow: 0 10px 30px rgba(0,0,0,0.05);transition:transform .3s ease,box-shadow .3s ease;}
.blog-slider-wrap .wp-block-latest-posts li a:hover {transform: translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,0.08);} @keyframes blogSlide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}	
}   @media screen and (min-width: 768px){ .contact-tel-sp, .pc-deha-kieru {display: none;} .blog ul.p-postList.-type-simple{margin:40px auto 40px!important;width:1100px;}
.blog ul.p-postList.-type-simple a:hover{background:#0b1f3b;color:#FFF;}
.blog .l-content{margin-top:50px;}	
.post-template h1{font-size:36px;margin-top:30px;letter-spacing: 0.04em;}	
.post-template h2{border-left: 6px solid #1d3557;
background: #f5f7fa;
padding: 16px 20px;
font-weight: 700;
font-size: 28px;}
.post-template h3{border-bottom: 2px solid #1d3557;
padding-bottom: 6px;
font-size: 22px;
font-weight: 700;} :root {--ark-padding--container: clamp(16px, 4vw, 32px);}	
.c-gnav {
display: flex;
align-items: center;
}
.c-gnav > .c-gnav__li {
flex: 1 1 0;
position: relative;
} .c-gnav__li > .c-gnav__a {
display: flex;
justify-content: center;
align-items: center;
padding: 18px 10px;
color: #fff;
letter-spacing: 1px;
position: relative;
transition: all .3s;
} .c-gnav__li > .c-gnav__a::after {
content: "";
position: absolute;
bottom: 6px;
left: 50%;
width: 0;
height: 2px;
background: #D6B36A;
transform: translateX(-50%);
transition: .3s;
}
.c-gnav__li:hover > .c-gnav__a::after {
width: 60%;
} .c-gnav__li:hover > .c-gnav__a {
color: #D6B36A;
transform: translateY(-1px);
} .c-gnav .sub-menu {
background: rgba(11,31,59,0.95);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.4);
} .c-gnav .sub-menu .c-gnav__a {
color: #fff;
padding: 14px 18px;
transition: all .25s;
} .c-gnav .sub-menu .c-gnav__a:hover {background: rgba(198,167,94,0.35);padding-left: 24px;} .c-gnav .sub-menu .c-gnav__a:before {
display: none;
} .c-gnav .sub-menu > .menu-item:not(:last-child) {
border-bottom: 1px solid rgba(255,255,255,0.15);
}  .c-gnav > .c-gnav__li:last-child {
display: flex;
align-items: center;
}  .c-gnav > .c-gnav__li:last-child > a {height: auto;display: inline-flex;align-items: center; justify-content: center;padding:15px 20px;margin:0 8px;background: #C8102E;color: #fff;border-radius: 6px;line-height: 1;box-shadow: 0 8px 20px rgba(200,16,46,0.4);transition: .3s;} .c-gnav > .c-gnav__li:last-child > a:hover {
transform: translateY(-2px);
box-shadow: 0 12px 25px rgba(200,16,46,0.5);
} .c-gnav > .c-gnav__li:last-child > a::after {
display: none;
}  [data-scrolled=false] .l-header {--ark-color--header_bg: transparent;} [data-scrolled=true] .l-header {--ark-color--header_bg: rgba(11,31,59,0.7);backdrop-filter: blur(8px);} [data-scrolled=false] .page-template-default .l-header, [data-scrolled=false] .post-template .l-header, [data-scrolled=false] .blog .l-header {background:#0B1F3B;} .sub,
h1,
.lead,
.career,
.cta{
position:relative;
z-index:3;
}
.fv::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
background:rgba(255,255,255,0.2);
z-index:10;
}
.fv{
display:flex;
height:100vh;
overflow:hidden;
position:relative;	
} .fv-video{
width:50%;
position:relative;
height:100%;
}
.fv-video video{
width:100%;
height:100%;
object-fit:cover;
filter:
contrast(1.2)
saturate(0.85)
brightness(0.85);
}
.fv-video::before,
.fv-video::after{
height:100%;
} .fv-video::before{
content:"";
position:absolute;
inset:0;
background-image:
radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px);
background-size:3px 3px;
pointer-events:none;
z-index:4;
} .fv-video::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(11,31,59,0.65) 0%,
rgba(11,31,59,0.55) 30%,
rgba(11,31,59,0.25) 55%,
rgba(11,31,59,0) 80%
);
pointer-events:none;
z-index:3;
} .fv-content{
width:50%;
height:100vh;
background:linear-gradient(
160deg,
#0B1F3B 0%,
#12335E 60%,
#071A33 100%
);
color:#fff;
padding:120px 8%;
position:relative;
z-index:2;
}
.fv-content::before{
content:"";
position:absolute;
top:-20%;
right:-20%;
width:600px;
height:600px;
background:radial-gradient(
circle,
rgba(255,255,255,0.08),
transparent 70%
);
pointer-events:none;
z-index:0;
} .bg-word{
position:absolute;
bottom:120px;
left:50%;
transform:translateX(-65%);
mask-image: linear-gradient(to right, black 60%, transparent);
font-size:260px;
font-weight:700;
color:rgba(255,255,255,0.09);
letter-spacing:14px;
line-height:0.9;
pointer-events:none;
z-index:0;
} .sub{
letter-spacing:6px;
font-size:13px;
opacity:0.85;
} h1{
font-family:"Noto Serif JP",serif;
font-size:56px;
margin:0;
position:relative;
left:0px;
} .top-profile .catch{padding-top:20px;border-top:1px solid rgba(255,255,255,0.15);font-size:30px;line-height:1.8;letter-spacing:2px;color:#D6B36A;font-weight:500;} .lead{
margin-top:30px;
font-size:20px;
line-height:1.8;
} .career{
margin-top:20px;
font-size:14px;
color:#C6A75E;
} .cta{
display:inline-block;
margin-top:40px;
padding:14px 36px;
background:#C8102E;
color:#fff;
text-decoration:none;
font-weight:600;
letter-spacing:1px;
transition:all .3s;
}
.cta:hover{
background:#C6A75E;
transform:translateY(-2px);
} .top-heading{
margin-bottom:60px; --main-color:#0b1f3b;
--sub-color:#888;
--line-color:#ccc;
}  .top-heading.-left{
max-width:1100px;
text-align:left;
} .top-heading.-right{
max-width:1100px;
margin:0 auto 60px;
padding:0 20px;
text-align:right;
} .top-heading-main{
font-size:clamp(80px, 12vw, 160px);
letter-spacing:0.18em;
line-height:0.85;
margin:0;
font-weight:700;
} .top-heading.-left .top-heading-main{margin-left:-0.08em;} .top-heading.-right .top-heading-main{margin-right:-0.25em;} .top-heading-sub{font-size:13px;letter-spacing:0.35em;margin-top:30px;position:relative;} .top-heading-sub::before{
content:"";
display:block;
width:30px;
height:1px;
background:var(--line-color);
margin-bottom:10px;
} .top-heading.-right .top-heading-sub::before{
margin:0 0 10px auto;
} .top-heading.-white{color:#FFF;} .trouble-list{margin:20px auto 40px;position:relative;z-index:2;}
.trouble-item{display:flex;color:#FFF;gap:30px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.2);}
.trouble-item span{color:#FFF;font-size:14px;letter-spacing:2px;opacity:.5;}
.trouble-message{
margin-top:50px;
text-align:center;
font-size:26px;
line-height:2;
font-weight:700;
color:#fff;
}   .result-lead {
margin-top: 15px;
font-size: 14px;
color: #555;
line-height: 1.6;
} .result-main {
margin-top: 25px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.result-main .result-item {
background: #0d3b66;
color: #fff;
padding: 20px;
border-radius: 6px;
border: none;
}
.result-main .result-item h3 {
font-size: 16px;
color: #fff;
}
.result-main .result-item p {
font-size: 13px;
margin-top: 8px;
line-height: 1.6;
color: #eaeaea;
} .result-grid {margin-top: 25px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.result-grid .result-item {
background: #fff;
border: 1px solid #e5e5e5;
padding: 15px;
border-radius: 4px;
}
.result-grid .result-item h3 {
font-size: 14px;
color: #0d3b66;
}
.result-grid .result-item p {
font-size: 12px;
margin-top: 5px;
color: #555;
line-height: 1.5;
} .link-block {
display: block;
padding: 60px 40px;
border: 1px solid rgba(255,255,255,0.2);
background: #0d3b66;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
} .link-block:hover {
background: #103f73; transform: none;
box-shadow: none;
} .link-block .en {
font-size: 12px;
letter-spacing: 2px;
color: #aaa;
} .link-block .jp {
font-size: 26px;
font-weight: bold;
margin-top: 10px;
color: #fff;
} .price-free {
margin-top: 25px;
font-size: 16px;
font-weight: 600;
color: #fff;
opacity: 0.9;
} .price-main {
font-size: 36px;
font-weight: bold;
color: #C6A75E;
margin-top: 10px;
} .price-note {
font-size: 12px;
color: #ddd;
margin-top: 5px;
} .price-sub {
font-size: 14px;
color: #fff;
margin-top: 10px;
opacity: 0.8;
} .price-actions {
margin-top: 30px;
display: flex;
gap: 15px;
flex-wrap: wrap;
} .btn-main {
display: inline-block;
padding: 12px 20px;
background: #fff;
color: #0d3b66;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
} .btn-sub {
display: inline-block;
padding: 12px 20px;
border: 1px solid #fff;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
} .btn-main:hover {background: #C6A75E;color: #FFF;}
.btn-sub:hover {background: #fff;color: #0d3b66;} .top-profile{
padding:0px 20px;
background:#fff;
}
.top-profile-wrap{
max-width:1100px;
margin:0 auto;
display:flex;
align-items:center;
gap:60px;
}
.top-profile-text{
flex:1;
}
.top-profile-img{
flex:1;
}
.top-profile-img img{
width:100%;
border-radius:12px;
} .section-white{
background:#fff;
padding:80px 0;
} .section-navy{
background:#0b1f3b;
padding:80px 0;
color:#fff;
}  .section-inner{
width:100%;
max-width:1200px;
margin:0 auto;
} .section-left{
margin-left:0;
margin-right:auto;
}
.section-right{
margin-left:auto;
margin-right:0;
} .content-box{
display:flex;
align-items:center;
gap:60px;
} .content-box.reverse{
flex-direction:row-reverse;
} .content-img, .content-text{flex:1;}
.content-img img{width:100%;border-radius:12px;}
.section-left .content-img{margin-left:-80px;}
.section-right .content-img{margin-right:-80px;}  .parallax-link{
position:relative;
overflow:hidden;
padding:80px 0;
min-height:clamp(240px, 50vh, 600px);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
--overlay-color: rgba(11,31,59,0.55);
display:flex;
align-items:center;
} .parallax-link{
background-image:url(https://kounokazuhito.com/wp-content/uploads/2026/04/ChatGPT-Image-2025年10月31日-17_49_53.png);
} .parallax-link::before{
content:"";
position:absolute;
inset:0;
background:var(--overlay-color);
z-index:1;
} .parallax-link .section-inner{
position:relative;
z-index:2;
}  .parallax-link.-sm{ min-height:240px; }
.parallax-link.-md{ min-height:400px; }
.parallax-link.-lg{ min-height:600px; } .parallax-link.-left{
justify-content:flex-start;
text-align:left;
} .parallax-link.-right{
justify-content:flex-end;
text-align:right;
} .parallax-link.-light{
--overlay-color: rgba(11,31,59,0.3);
} .parallax-link.-dark{
--overlay-color: rgba(11,31,59,0.75);
}  .grid-links {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.grid-links a {
padding: 60px 30px;
border: 1px solid #eee;
text-decoration: none;
color: #000;
transition: 0.3s;
}
.grid-links a:hover {
background: #0d3b66;
color: #fff;
}  .p-page__title.u-flex--aic {display: block;} .p-page__title {text-align:center;background:#f2f5f9;padding:50px 20px 20px;margin:0;} .c-pageTitle__main {
font-size: 56px;
font-weight: 600;
letter-spacing: 0.12em;
margin: 0;
} .c-pageTitleSub {text-align:center;background:#f2f5f9;margin-top:-10px 0 80px;padding-bottom:50px;} .c-pageTitleSub__text {font-size:12px;color:#888;letter-spacing:0.35em;margin:0;} .c-pageTitleSub__text::before {
content: "";
display: block;
width: 24px;
height: 1px;
background: #ccc;
margin: 0 auto 12px;
} .c-sectionTitle {text-align: center;font-size: 28px;font-weight: 600;letter-spacing: 0.08em;margin: 60px 0 32px;color: #0b1f3b;}
.c-sectionTitle span {
display: block;
font-size: 11px;
color: #888;
letter-spacing: 0.3em;
margin-top: 10px;
position: relative;
}
.c-sectionTitle span::before {
content: "";
display: block;
width: 24px;
height: 1px;
background: #ccc;
margin: 0 auto 10px;
} .c-sectionTitle.-white{color:#fff;}
.c-sectionTitle.-white span{
color:rgba(255,255,255,0.7);
}
.c-sectionTitle.-white span::before{
background:rgba(255,255,255,0.4);
}  .page-lead {max-width: 900px;margin: 0 auto 10px;font-size: 14px;line-height: 1.8;color: #0b1f3b;} .page-lead-strong {font-weight: 600;} .target-cards {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.target-card {
flex: 1;
min-width: 220px;
background: #f8f9fb;
padding: 28px;
border-radius: 10px;
text-align: center;
}
.target-card p {
font-size: 14px;
color: #666;
margin-bottom: 8px;
}
.target-card strong {
font-size: 18px;
color: #0f172a;
} .target-image {
margin-bottom: 15px;
}
.target-image img {
width: 120px;
height: auto;
} .target-card {
text-align: center;
} .target-card:hover img {
transform: translateY(-4px);
transition: 0.3s;
} .section-text {
max-width: 720px;
margin: 30px auto 0;
line-height: 1.9;
text-align: center;
} .flow-wrap {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
margin:50px 0 0 0;
}
.flow-box {
flex: 1;
min-width: 280px;
padding: 30px;
border-radius: 10px;
}
.flow-box h3 {
margin:0 0 15px 0;
color:#0b1f3b;
}
.flow-box ul {
padding-left: 18px;
color:#0b1f3b;
}
.flow-box.problem {
background: #fff5f5;
}
.flow-box.benefit {
background: #f1f5f9;
}
.flow-arrow {
font-size: 32px;
font-weight: bold;
}  .support-steps {
display: flex;
gap: 20px;
max-width: 900px;
margin: 40px auto 0;
} .support-steps .step {
flex: 1;
position: relative;
background: #f8f9fb;
padding: 30px 20px;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-sizing: border-box;
transition: 0.3s;
} .support-steps .step:hover {
transform: translateY(-4px);
} .support-steps .step-icon {
margin-bottom: 15px;
}
.support-steps .step-icon img {
width: 60px;
height: 60px;
object-fit: contain;
display: block;
} .support-steps .step-content span {
display: block;
font-size: 12px;
color: #888;
margin-bottom: 6px;
letter-spacing: 0.05em;
} .support-steps .step-content p {
margin: 0;
line-height: 1.6;
font-weight: 500;
} .support-steps .step-note {
font-size: 13px;
margin-top: 10px;
color: #666;
line-height: 1.6;text-align:left;
} .support-steps .step:not(:last-child)::after {
content: "➡";
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
color: #0b1f3b;
} .roadmap {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 40px;
}
.roadmap-item {
flex: 1;
min-width: 160px;
background: rgba(255,255,255,0.1);
padding: 20px;
border-radius: 8px;
text-align: center;
}
.roadmap-item h3 {
margin-bottom: 8px;
}
.roadmap-item p {
font-size: 14px;
}
.roadmap-item span {
display: block;
margin-top: 10px;
font-weight: bold;
color: #c6a75e;
}
.roadmap-future {
text-align: center;
margin-top: 30px;
font-weight: bold;
line-height: 1.8;
} .service-grid-main{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:40px;
}
.service-grid-sub{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:24px;
} .service-card{
background:#fff;
border-radius:16px;
padding:28px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
border:1px solid #e8edf3;
display:flex;
flex-direction:column;
}
.service-card a{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:20px;
width:fit-content;
padding:10px 18px;
border-radius:100px;
background:#C8102E;
color:#fff;
font-size:14px;
font-weight:bold;
text-decoration:none;
transition:
background .25s ease,
opacity .25s ease;
}
.service-card a::after{
content:"→";
font-size:13px;
} .service-card a:hover{
background:#C6A75E;
}
.service-label{
display:inline-block;
margin-bottom:14px;
padding:6px 12px;
border-radius:100px;
font-size:12px;
font-weight:bold;
} .service-label.startup{
background:#e8f1ff;
color:#2457a7;
} .service-label.management{
background:#eaf8ee;
color:#2f7d46;
} .service-label.branding{
background:#fff1e7;
color:#c46b2d;
} .service-label.organization{
background:#f3ebff;
color:#7a47b8;
}
.service-card h3{
font-size:22px;
line-height:1.5;
margin-bottom:18px;
color:#0d2340;
}
.service-card p{
line-height:2;
color:#444;
flex:1;
}  .service-all {
padding: 80px 6%;
background: #f9f9f9;
} .service-all-hero {
text-align: center;
margin-bottom: 60px;
}
.service-all-hero h1 {
font-size: 32px;
margin-bottom: 20px;
}
.service-all-hero .lead {
font-size: 16px;
line-height: 1.8;
}
.service-all .service-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
margin-bottom: 60px;
} .service-all .service-guide {
text-align: center;
margin-bottom: 60px;
}
.service-all .guide-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;margin-top:30px;
}
.service-all .guide-grid a:hover{color:#C8102E;}
.service-all .guide-grid div {
background: #fff;
padding: 20px;
border-radius: 8px;
} .cta-soft {
text-align: center;
padding: 20px;
background: #d1c0a6;
border-radius: 12px;
margin:-30px 0 -30px 0;
}
.cta-text {margin-bottom: 15px;line-height: 1.8;color:#FFF;text-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.cta-text span{font-size:20px;font-weight: 700;}
.cta-link {
display: inline-block;
color: #C8102E;
font-weight: bold;
text-decoration: none;
border-bottom: 2px solid #C8102E;
padding-bottom: 2px;
transition: 0.3s;
}
.cta-link:hover {
opacity: 0.7;
} .plan-flow {display: flex;text-align:center;}
.plan-box {
position: relative;
flex: 1;
padding: 30px;
color: #fff;
} .box-1 { background: #4a6fa5; }
.box-2 { background: #3b5d8a; }
.box-3 { background: #2c486b; } .plan-box::after {
content: "";
position: absolute;
top: 0;
right: -40px;
width: 40px;
height: 100%;
background: inherit;
clip-path: polygon(0 0, 100% 50%, 0 100%);
} .plan-box:last-child::after {
display: none;
}
.plan-box {
position: relative;
z-index: 1;
} .box-1 { z-index: 3; }
.box-2 { z-index: 2; }
.box-3 { z-index: 1; } .consult-card {
background: #fff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.consult-card .price {
font-size: 28px;
font-weight: bold;
margin: 20px 0;
}  .support-plans {
display: flex;
gap: 20px;
} .support-card {
position: relative;
flex: 1;
background: #fff;
color: #333;
padding: 30px;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
transition: 0.3s;
}
.support-card h3 {
font-size: 20px;
margin-bottom: 10px;
}
.price {
font-size: 28px;
font-weight: bold;
margin-bottom: 10px;
}
.label {
font-size: 13px;
 color: #FFF;
margin-bottom: 15px;
}
.support-card ul {
margin: 15px 0;
padding-left: 20px;
}
.support-card ul li {
margin-bottom: 5px;
}
.target {
font-size: 13px;
color: #555;
margin-top: 15px;
line-height: 1.6;
} .is-strong {
border: 2px solid #c6a75e;
transform: scale(1.05);
z-index: 2;
} .is-primary {
background: #f0f6ff;
} .badge {
position: absolute;
top: -10px;
right: 20px;
background: #c6a75e;
color: #fff;
font-size: 12px;
padding: 5px 10px;
border-radius: 20px;
} .note {
text-align: center;
font-size: 12px;
margin-top: 30px;
color: #ccc;
} .center{text-align:center;}
.white{color:#fff;}	
.case-kv-text{line-height:1.8;margin:20px 0;}
.case-kv-numbers{
display:flex;
justify-content:center;
gap:20px;
margin-top:30px;
}
.case-num{
background:#fff;
color:#0b1f3b;
padding:15px 25px;
border-radius:8px;
text-align:center;width:250px;
}
.case-num strong{font-size:20px;display:block;} .case-sns-wrap{
display:flex;
gap:30px;
justify-content:center;
}
.case-sns-box{
border:1px solid #ddd;
padding:20px;
width:500px;
border-radius:10px;
}
.sns-number{font-weight:bold;margin-bottom:10px;}
.sns-desc{font-size:14px;line-height:1.7;}
.case-sns-flow{text-align:center;margin-top:40px;}
.case-sns-list{
list-style:none;
padding:25px;
border:2px solid #0b1f3b;
border-radius:12px;
display:inline-block;
text-align:left;
}
.case-sns-list li{
margin-bottom:10px;
padding-left:20px;
position:relative;
}
.case-sns-list li::before{
content:"✔";
position:absolute;
left:0;
color:#0b1f3b;
}
.flow-arrow{margin:20px 0;font-size:22px;}
.flow-result{
background:#0b1f3b;
color:#fff;
display:inline-block;
padding:15px 30px;
border-radius:30px;
font-weight:bold;
}
.case-sns-note{margin-top:15px;}
.case-sns-note .num{
font-size:22px;
font-weight:bold;
color:#0b1f3b;
} .case-parallax{
background-attachment:fixed;
background-size:cover;
background-position:center;
padding:100px 20px;
position:relative;
}
.case-parallax::before{
content:"";
position:absolute;
inset:0;
background:rgba(11, 31, 59, 0.7);
}
.case-parallax .section-inner{
position:relative;
z-index:2;
} .case-card-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.case-card{
background:#fff;
padding:25px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
}
.case-card h3{margin-bottom:10px;font-size:20px!important;}
.case-card ul{padding-left:20px;margin-top:10px;} .case-media-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}
.media-box iframe{
width:100%;
aspect-ratio:16/9;
}
.media-box img{width:100%;} .output-wrap{
display:flex;
flex-direction:row;
gap:50px;
align-items:center;
}
.output-img img{width:100%;max-width:600px;}
.output-text{
font-size:14px;
line-height:1.8;
}
.case-company .big{
font-size:22px;
margin-bottom:10px;
}
.case-company .strong{
font-size:28px;
font-weight:bold;
} .service-links{
display:flex;
flex-wrap:wrap;
gap:15px;
justify-content:center;
margin-top:30px;
}
.service-links a{
background:#fff;
color:#0b1f3b;
padding:12px 22px;
border-radius:30px;
text-decoration:none;
font-weight:bold;width:200px;text-align:center;transition: 0.3s;
}
.service-links a:hover{
background:#c6a75e;
color:#FFF;
} .service-sub-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 25px 0;
}
.service-sub-links a {
display: inline-block;
padding: 8px 16px;
border: 1px solid rgba(255,255,255,0.6);
border-radius: 20px;
color: #fff;
font-size: 13px;
text-decoration: none;
transition: 0.3s;
}
.service-sub-links a:hover {
background: rgba(255,255,255,0.15);
} .profile-name{
font-size: 36px;
font-weight: 600;
letter-spacing: 0.1em;
margin: 10px 0;
}
.profile-name-sub{
display:block;
font-size: 12px;
letter-spacing: 0.3em;
margin-top:8px;
opacity:0.7;
}
.profile-fv-box{
display:flex;
align-items:center;
gap:60px;
}
.profile-fv-text{
flex:1;
color:#fff;
}
.profile-fv-img{
flex:0 0 40%;
}
.profile-fv-img img{
width:100%;
border-radius:12px;
} .profile-sns{
margin-top:20px;
display:flex;
gap:12px;
flex-wrap:wrap;
} .profile-sns a{
display:inline-flex;
align-items:center;
justify-content:center;
width:160px;
height:36px;
font-size:12px;
letter-spacing:0.15em;
color:#d1c0a6;
text-decoration:none;
border:2px solid #d1c0a6;
border-radius:30px;
transition:.3s;
} .profile-sns a:hover{
background:#C8102E;
border:2px solid #FFFFFF;
color:#FFFFFF;
}
.profile-sns.-center{
justify-content:center;
} .profile-career-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin:40px 0;
}
.career-card{
background:#0b1f3b;
color:#fff;
padding:30px 20px;
border-radius:10px;
}
.career-card .num{
font-size:32px;
font-weight:bold;
letter-spacing:0.05em;
}
.career-card .num .unit{
font-size:12px;
margin-left:4px;
opacity:0.7;
}
.career-card .desc{
font-size:13px;
opacity:0.85;
margin-top:10px;
line-height:1.7;
}
.profile-skill-box{
max-width:700px;
margin:50px auto 0;
padding:30px;
background:#f7f9fc;
border-radius:12px;
text-align:center;
}
.skill-lead{
font-size:14px;
font-weight:600;
margin-bottom:20px;
}
.skill-title{
font-size:14px;
font-weight:600;
letter-spacing:0.15em;
margin-top:20px;
margin-bottom:12px;
color:#0b1f3b;
position:relative;
display:inline-block;
padding-bottom:8px;
} .skill-title::after{
content:"";
position:absolute;
left:50%;
bottom:0;
transform:translateX(-50%);
width:30px;
height:2px;
background:#C8102E;
}
.skill-list{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin-bottom:20px;
padding:0;
list-style:none;
}
.skill-list li{
padding:8px 14px;
font-size:13px;
border-radius:20px;
background:#0b1f3b;
color:#fff;
width:122px; 
text-align:center;
}
.skill-desc{
font-size:14px;
line-height:1.8;
opacity:0.8;
} .profile-story{
padding:50px 16px;
}
.profile-story-wrap{
display:flex;
gap:50px;
align-items:flex-start;
}
.profile-story-img{flex:0 0 48%;}
.profile-story-img img{
width:100%;
border-radius:12px;
}
.profile-story-text{
flex:1;
font-size:15px;
}
.profile-story-text p{
margin-bottom:20px;
line-height:1.9;
} .profile-achievement-section{
position:relative;
padding:50px 16px;
color:#fff;
overflow:hidden;
}
.bg-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
} .bg-image{position:absolute;inset:0;background:url(https://kounokazuhito.com/wp-content/uploads/2026/04/profile-bg.jpg) center/cover no-repeat;z-index:0;background-attachment: fixed;} .bg-image-2{position:absolute;inset:0;background:url(https://kounokazuhito.com/wp-content/uploads/2026/04/3995010_m.jpg) center/cover no-repeat;z-index:0;background-attachment: fixed;} .bg-image-3{position:absolute;inset:0;background:url(https://kounokazuhito.com/wp-content/uploads/2026/05/all-st-bg.jpg) center/cover no-repeat;z-index:0;background-attachment: fixed;}	
.profile-achievement-section::before{
content:"";
position:absolute;
inset:0;
background:rgba(11,31,59,0.7);
z-index:1;
}
.profile-achievement-section .section-inner{
position:relative;
z-index:2;
}
.profile-achievement{
display:flex;
justify-content:center;
gap:40px;
margin:60px 0;
flex-wrap:wrap;
} .achievement-circle{
width:160px;
height:160px;
border:2px solid #fff;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}
.achievement-circle .big{
font-size:18px;
font-weight:600;
letter-spacing:0.1em;
}
.achievement-circle p{
font-size:13px;
margin-top:6px;
}
.achievement-text{
text-align:center;
margin-bottom:30px;
line-height:1.8;
font-size:14px;
}
.profile-achievement-btn{
text-align:center;
margin-top:30px;
}
.profile-achievement-btn a{
display:inline-block;
} .profile-mission{text-align:center;}
.profile-mission br{display:none;}	
.mission-text{font-size:22px;margin-bottom:20px;line-height:1.8;}
.mission-sub{
opacity:0.8;
font-size:14px;
line-height:1.8;
} .profile-field-wrap{
display:flex;
gap:60px;
align-items:center;
}
.profile-field-img{
flex:0 0 45%;
}
.profile-field-img img{
width:100%;
border-radius:12px;
}
.profile-field-text{
flex:1;
font-size:15px;
line-height:1.9;
}  .cf7-form {max-width: 900px;margin: 0 auto;color: #0b1f3b;} .cf7-row {
display: flex;
align-items: center; padding: 28px 0;
border-bottom: 1px solid #e5e8ee;
} .cf7-label {
width: 220px;
font-weight: 600;
color: #0b1f3b;
display: flex;
align-items: center; } .cf7-field {
flex: 1;
}
.cf7-flex br {
display: none;
} .cf7-flex {display: flex!important; gap: 16px;}
.cf7-flex p {display: contents;}
.cf7-flex input {width: 100%;margin: 0;} .wpcf7 input,
.wpcf7 textarea {
width: 100%;
padding: 14px;
border: 1px solid #d6dbe4;
background: #f2f5f9; font-size: 14px;
border-radius: 4px;
color: #0b1f3b;
} .wpcf7 input:focus,
.wpcf7 textarea:focus {
background: #fff;
border-color: #0b1f3b;
outline: none;
} .required {
display: inline-block;
background: #C8102E;
color: #fff;
font-size: 12px;
padding: 3px 8px;
margin-right: 8px;
border-radius: 3px;
} .optional {
display: inline-block;
background: #9aa4b2;
color: #fff;
font-size: 12px;
padding: 3px 8px;
margin-right: 8px;
border-radius: 3px;
} .cf7-check input[type="checkbox"] {
width: 20px;
height: 20px;
accent-color: #C8102E;
margin:0 20px 0 0;
flex-shrink: 0;
} .cf7-check {
display: flex;
align-items: center; font-size: 14px;
}
.cf7-check label {
display: flex;
align-items: center;
cursor: pointer;
}
.wpcf7-list-item{margin:0!important;} .cf7-submit {
text-align: center;
margin:40px 0 20px;
}
.cf7-submit input[type="submit"]{width:240px;background:#C8102E;color:#fff;padding:14px;border:none;border-radius:30px;font-size:16px;cursor:pointer;transition:background 0.3s ease, color 0.3s ease;} .cf7-submit input:hover {
background: #D6B36A;
 color: #FFFFFF;
}  .wpcf7-not-valid-tip,
.wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
font-size: 14px !important;
line-height: 1.6;
} .wpcf7-response-output {max-width: 640px;margin: 24px auto 0!important;padding: 16px 20px!important;border: 1px solid #C8102E!important;background: #fff;color: #0b1f3b;font-size: 14px;border-radius: 6px;text-align: left;line-height: 1.6; box-shadow: 0 4px 12px rgba(0,0,0,0.05);border-left: 4px solid #C8102E!important;} .cf7-note {font-size: 13px;color: #555;line-height: 1.7;margin:20px auto;padding: 16px 18px;background: #f9f9f9;border-radius: 8px;max-width: 900px;}
.cf7-note p {margin-bottom: 10px;}
.cf7-note p:last-child {margin-bottom: 0;} .contact-tel {
max-width: 900px;
margin: 30px auto 30px;
padding: 20px;
border: 1px solid #e5e8ee;
border-radius: 8px;
text-align: center;
background: #fff;
}
.contact-tel-label {
font-size: 14px;
margin-bottom: 8px;
color: #555;
}
.contact-tel-number {
font-size: 26px;
font-weight: bold;
margin-bottom: 8px;
}
.contact-tel-number a {
color: #C8102E;
text-decoration: none;
}
.contact-tel-number a:hover {
opacity: 0.7;
}
.contact-tel-time {
font-size: 13px;
margin-bottom: 6px;
}
.contact-tel-note {
font-size: 12px;
color: #777;
} .l-footer {
background: #0B1F3B;
color: #fff;
} .footer-left,
.footer-right {
padding: 20px;
} .footer-logo {
width: 130px;
margin-bottom: 15px;
} .footer-profile {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
.footer-face {width: 72px;height: 72px;border-radius: 50%;object-fit: cover;border: 2px solid rgba(255,255,255,0.2);} .footer-name {
font-size: 14px;
margin-bottom: 4px;
}
.footer-name strong {
font-size: 15px;
} .footer-desc {
font-size: 12.5px;
opacity: 0.9;
} .footer-company {
margin-top: 16px;
padding-top: 14px;
border-top: 1px solid rgba(255,255,255,0.15);
font-size: 12px;
line-height: 1.7;
}
.footer-company p strong {
display: block;
margin-bottom: 2px;
}
.footer-company p {
margin-bottom: 10px;
}
.company-title {
font-weight: bold;
margin-bottom: 6px;
} .footer-cta {
margin-bottom: 25px;
}
.cta-lead {
font-size: 14px;
margin-bottom: 12px;
line-height: 1.6;
}
.cta-lead span {
font-size: 12px;
opacity: 0.8;
}
.cta-btn {
display: inline-block;
background: #C8102E;
color: #fff;
padding: 12px 22px;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
transition: .3s;
}
.cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 25px rgba(200,16,46,0.5);
} .footer-nav ul {
list-style: none;
padding: 0;
margin-bottom: 20px;
}
.footer-nav li {
margin-bottom: 6px;
}
.footer-nav a {
position: relative;
font-size: 13px;
opacity: 0.85;
transition: .3s;
} .footer-nav a::after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 1px;
background: #D6B36A;
transform: translateX(-50%);
transition: .3s;
} .footer-nav a:hover {
color: #D6B36A;
opacity: 1;
transform: translateY(-1px);
}
.footer-nav a:hover::after {
width: 60%;
}  .is-style-logos-only {margin:0 0 0 20px;}
.is-style-logos-only a:hover svg {fill: #D6B36A !important;}
.w-footer .c-widget + .c-widget {margin-top: 0;}  .legal-wrap {padding: 60px 20px;} .legal-content {max-width: 1100px;margin: 0 auto;} .legal-content h2 {font-size: 28px;margin-bottom: 20px;}
.legal-content h3 {font-size: 20px;margin-top: 40px;margin-bottom: 10px;} .legal-content p {line-height: 1.9;margin-bottom: 12px;} .legal-content ul {padding-left: 20px;margin-bottom: 20px;}
.legal-content li {margin-bottom: 6px;} .footer-bottom {text-align:center;padding: 30px 20px 0;} .footer-links {font-size: 13px;margin-bottom: 14px;}
.footer-links a {text-decoration: none;transition: opacity 0.3s;} .recaptcha-note {font-size: 11px;opacity: 0.7;}
.recaptcha-note a {text-decoration: underline;}
.recaptcha-note a:hover {opacity: 0.7;} .footer-links a:hover {opacity: 0.7;}
.footer-copy {font-size: 12px;opacity: 0.7;}
.footer-copy .footer-note {font-size: 10px; opacity: 0.7;} .blog-slider-wrap {overflow: hidden;padding: 20px 0;background: #0d3b66;} .blog-slider-wrap .wp-block-latest-posts {display: flex;width: max-content;border:none!important;animation: blogSlide 80s linear infinite;gap: 20px;padding: 0;margin: 0;list-style: none;} .blog-slider-wrap .wp-block-latest-posts li {flex: 0 0 420px;border:none!important;margin: 0;} .blog-slider-wrap .wp-block-latest-posts li a {display: flex;align-items: center;height: 100%;padding: 26px;background: #fff;border-radius: 24px;text-decoration: none;color: #222;line-height: 1.8;font-size: 17px;font-weight: 700;box-shadow: 0 10px 30px rgba(0,0,0,0.05);transition:transform .3s ease,box-shadow .3s ease;}
.blog-slider-wrap .wp-block-latest-posts li a:hover {transform: translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,0.08);} @keyframes blogSlide {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}