/* 0.6.87 — pieces of each section rise in one after another when scrolled to (only while JavaScript has marked them). */
.addack-v3 .ax-rv:not(.is-in){opacity:0}
/* While coming in, a piece's own transitions are off (the 流れ cards ease every change, which fought the rise and made them jump). */
.addack-v3 .ax-rv{transition:none!important}
.addack-v3 .ax-rv.is-in{animation:ax-rv-in .8s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms) both;will-change:transform,opacity}
@keyframes ax-rv-in{from{opacity:0;transform:translateY(26px)}}
/* Phones: 「相談する」 kept at the bottom of the screen after the top picture, out of the way near the form and the footer. */
.ax-sticky-cta{display:none}
@media(max-width:900px){
 .ax-sticky-cta{display:flex;align-items:center;justify-content:center;position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:900;min-height:52px;padding:0 20px;border-radius:8px;background:var(--ax-red,#ff4b36);color:#fff!important;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-weight:900;font-size:16px;letter-spacing:.04em;text-decoration:none!important;box-shadow:0 10px 26px rgba(17,18,22,.22);transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s ease}
 .ax-sticky-cta.is-shown{transform:none;opacity:1;pointer-events:auto}
 .ax-sticky-cta:active{background:#e23a26}
}
@media(prefers-reduced-motion:reduce){.ax-sticky-cta{transition:none}}
/* No scroll-progress line under the header. */
.addack-v3 .ax-header::after{display:none!important}
/* The お問い合わせ background waits until the form is near (the same picture, untouched; only fetched later). */
html.ax-lazybg .addack-v3 .ax-contact:not(.ax-bg-ready)::before{background-image:none!important}
/* Header: the section you are in — its letters turn red softly from left to right with a small wave. */
.addack-v3 .ax-navigation ax-w{display:inline-block;transition:color .45s ease;transition-delay:0ms}
.addack-v3 .ax-navigation a.is-here ax-w{color:var(--ax-red,#ff4b36);transition-delay:calc(var(--i)*45ms)}
.addack-v3 .ax-navigation a.is-here.is-waving ax-w{animation:ax-nav-wave .7s cubic-bezier(.33,.9,.4,1) calc(var(--i)*45ms) both;will-change:transform}
/* Hover: no underline and no movement - the letters just turn a pale red. */
.addack-v3 .ax-navigation p:not(.ax-button)>a:hover{text-decoration:none!important}
@media(hover:hover){.addack-v3 .ax-navigation p:not(.ax-button)>a:not(.is-here):hover ax-w{color:rgba(255,75,54,.62);transition:color .2s ease;transition-delay:0ms}}
@keyframes ax-nav-wave{0%{transform:translate3d(0,0,0)}38%{transform:translate3d(0,-5px,0)}68%{transform:translate3d(0,1.2px,0)}100%{transform:translate3d(0,0,0)}}
/* サービス資料: a quiet band under the service cards, a line in お問い合わせ. */
.addack-v3 .ax-brochure-band{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-top:28px;padding:20px 24px 20px 28px;background:#fff;border:1px solid rgba(17,18,22,.08);border-radius:16px}
.addack-v3 .ax-brochure-band p{margin:0;font-weight:800;font-size:16px;color:#111216}
.addack-v3 .ax-brochure-band button{appearance:none;cursor:pointer;min-height:46px;padding:0 26px;border:2px solid var(--ax-red,#ff4b36);border-radius:8px;background:#fff;color:var(--ax-red,#ff4b36);font:inherit;font-weight:900;font-size:15px;letter-spacing:.04em;transition:background .2s ease,color .2s ease}
.addack-v3 .ax-brochure-band button:hover{background:var(--ax-red,#ff4b36);color:#fff}
@media(max-width:600px){.addack-v3 .ax-brochure-band{padding:18px}.addack-v3 .ax-brochure-band button{width:100%}}
.addack-v3 .ax-brochure-note{margin:22px 0 0}
.addack-v3 .ax-brochure-note button{appearance:none;cursor:pointer;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;font-size:15px;opacity:.92;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.addack-v3 .ax-brochure-note button::after{content:" \2192"}
.addack-v3 .ax-brochure-note button:hover{opacity:1}
/* After sending: only a thank-you, popping in with a soft bounce. */
.addack-v3 .ax-form-sent.ax-thanks{gap:16px;padding:46px 22px}
.addack-v3 .ax-sent>.ax-purpose,.addack-v3 .ax-form-sent.ax-thanks .ax-form-sent-detail,.addack-v3 .ax-form-sent.ax-thanks .ax-form-sent-reset{display:none}
@media(prefers-reduced-motion:no-preference){
 .addack-v3 .ax-form-sent.ax-thanks{animation:ax-thanks-pop .9s cubic-bezier(.3,.7,.4,1) .28s both;transform-origin:50% 60%}
 .addack-v3 .ax-form-sent.ax-thanks .ax-form-sent-icon{animation:ax-thanks-icon .9s cubic-bezier(.3,.7,.4,1) .45s both}
 .addack-v3 .ax-form-sent.ax-thanks .ax-form-sent-icon path{stroke-dasharray:40;stroke-dashoffset:40;animation:ax-thanks-check .5s ease-out .9s forwards}
 .addack-v3 .ax-form-sent.ax-thanks .ax-form-sent-title{animation:ax-thanks-title .7s ease .7s both}
}
@keyframes ax-thanks-pop{0%{opacity:0;transform:scale(.9)}45%{opacity:1;transform:scale(1.025)}70%{transform:scale(.995)}100%{transform:none}}
@keyframes ax-thanks-icon{0%{transform:scale(0)}45%{transform:scale(1.22)}65%{transform:scale(.92)}82%{transform:scale(1.04)}100%{transform:none}}
@keyframes ax-thanks-check{to{stroke-dashoffset:0}}
@keyframes ax-thanks-title{from{opacity:0;transform:translateY(8px)}}
.addack-v3 .ax-form-sent-title.ax-two-lines{white-space:pre-line;line-height:1.6}
.addack-v3 form.ax-brochure-mode .ax-form-assurance{display:none}
/* Sending: no spinner beside the button; the button itself says 「送信中…」 with a soft light running across it. */
.addack-v3 .wpcf7 .wpcf7-spinner{display:none!important}
.addack-v3 .wpcf7 [type=submit].ax-sending{cursor:progress!important;pointer-events:none;opacity:1!important;color:#fff!important;
 background-color:var(--ax-red,#ff4b36)!important;background-image:linear-gradient(100deg,var(--ax-red,#ff4b36) 0%,var(--ax-red,#ff4b36) 38%,#ff8a7a 50%,var(--ax-red,#ff4b36) 62%,var(--ax-red,#ff4b36) 100%)!important;background-size:250% 100%!important;
 animation:ax-sending 1.6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes ax-sending{from{background-position:100% 0}to{background-position:-150% 0}}
@media(prefers-reduced-motion:reduce){.addack-v3 .wpcf7 [type=submit].ax-sending{animation:none}}
/* The thank-you stands on the white card by itself (no pale red box or red frame). */
.addack-v3 .ax-form-sent.ax-thanks{background:none!important;border:0!important;border-radius:0}
.addack-v3 .ax-form-sent.ax-thanks .ax-form-sent-note{margin:-4px 0 0;font-size:13px;color:#6b7079;letter-spacing:.02em}
@media(prefers-reduced-motion:no-preference){.addack-v3 .ax-form-sent.ax-thanks .ax-form-sent-note{animation:ax-thanks-title .7s ease .95s both}}
/* Fields: no blue - neither the autofill tint nor a focus ring; a quiet darker edge shows where you are typing. */
.addack-v3 .wpcf7 input:not([type=submit]):not([type=checkbox]):focus,.addack-v3 .wpcf7 textarea:focus,.addack-v3 .wpcf7 select:focus{outline:none!important;box-shadow:none!important;border-color:#9aa0a8!important}
.addack-v3 .wpcf7 input:-webkit-autofill,.addack-v3 .wpcf7 input:-webkit-autofill:hover,.addack-v3 .wpcf7 input:-webkit-autofill:focus,.addack-v3 .wpcf7 textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fbfcfd inset!important;box-shadow:0 0 0 1000px #fbfcfd inset!important;-webkit-text-fill-color:#111216!important;caret-color:#111216;transition:background-color 99999s ease 0s}
.addack-v3 .wpcf7 input:autofill{background-color:#fbfcfd!important}
/* Contact Form 7's own 「送信されました」 line under the form is not shown after sending (it pushed the page down; the thank-you says it). */
.addack-v3 .wpcf7 form.sent .wpcf7-response-output,.addack-v3 .wpcf7 form.resetting .wpcf7-response-output,.addack-v3 .wpcf7 form.ax-leaving .wpcf7-response-output{display:none!important}
/* 0.6.90: section headings without side text use the whole width (no empty right column). */
.addack-v3 .ax-heading-row:not(:has(p)),.addack-v3 .ax-manifesto-grid:not(:has(p)){grid-template-columns:minmax(0,1fr)!important}
.addack-v3 .ax-heading-row:not(:has(p)) h2,.addack-v3 .ax-manifesto-grid:not(:has(p)) h2{max-width:none!important}
/* After coming in, a piece stays on its own layer, so it is drawn at exactly the same spot as during the move (otherwise it could hop 1px sideways at the end). */
/* 0.7.8: no longer kept on a layer (text was a little soft); the content areas sit on whole pixels instead (release-0687.js). */