/* 0.6.91 */
/* Red letters chosen in the tool (見出し). */
.addack-v3 .ax-red{color:var(--ax-red,#ff4b36)!important;font-style:normal}
/* The top: with only the heading, one line and the button, they sit in the middle of the picture (above the red wave) instead of near the top. */
@media(min-width:901px){
 .addack-v3 .ax-hero .ax-hero-copy{display:flex!important;flex-direction:column;justify-content:center;padding-top:0!important;padding-bottom:clamp(120px,15vh,170px)!important}
 .addack-v3 .ax-hero .ax-hero-copy>.wp-block-group__inner-container{display:block}
}
/* お問い合わせ: 「ご相談の目的」 is one more field like the others (no pink box, no help line under it). */
.addack-v3 .ax-contact-form .ax-purpose{display:block!important;background:none!important;padding:0!important;border:0!important;border-radius:0!important;margin:0 0 10px!important}
.addack-v3 .ax-contact-form .ax-purpose label{display:block!important;font-size:12px!important;font-weight:700!important;color:#111216;margin:0 0 6px!important}
.addack-v3 .ax-contact-form .ax-purpose-help{display:none!important}
.addack-v3 .ax-contact-form .ax-purpose-picker,.addack-v3 .ax-contact-form .ax-purpose-trigger{width:100%!important;max-width:none!important}
.addack-v3 .ax-contact-form .ax-purpose-trigger{height:42px!important;min-height:0!important;padding:0 40px 0 12px!important;border:1px solid #d5d9dd!important;border-radius:10px!important;background-color:#fbfcfd!important;font-size:13px!important;font-weight:600!important;text-align:left}
/* 「遊びたい」をつくる: a tall band with the words in the middle (a background picture can be set in 画像・演出). */
.addack-v3 .ax-manifesto.ax-section{min-height:clamp(440px,70vh,740px);display:flex!important;align-items:center;padding:96px 0!important}
.addack-v3 .ax-manifesto .ax-container{width:100%}
.addack-v3 .ax-manifesto .ax-manifesto-grid{display:block!important;text-align:center}
.addack-v3 .ax-manifesto .ax-manifesto-grid h2{font-size:clamp(34px,5.4vw,86px)!important;line-height:1.22!important;margin:0 auto!important;text-align:center;text-wrap:balance}
.addack-v3 .ax-manifesto .ax-flame{display:none!important}
@media(max-width:900px){.addack-v3 .ax-manifesto.ax-section{min-height:420px;padding:72px 0!important}}
/* 0.6.94: the small word above each section heading (課題・サービス…) sits right on its heading, a little larger, in red (案A). */
.addack-v3 .ax-container>.wp-block-group__inner-container>.ax-eyebrow{font-size:20px!important;font-weight:700!important;letter-spacing:.08em!important;line-height:1.5!important;margin:0 0 6px!important;padding-left:.14em!important;color:var(--ax-red,#ff4b36)!important}
@media(max-width:900px){.addack-v3 .ax-container>.wp-block-group__inner-container>.ax-eyebrow{font-size:16px!important;margin-bottom:4px!important}}
/* 流れ 04: the flag is drawn centred in its circle (it sat 1.5/24 to the left). */
.addack-v3 .ax-process .ax-step:nth-child(4){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 21V4M6.5 4h11l-2 4 2 4H6.5'/%3E%3C/svg%3E")}
/* 0.6.97: 「遊びたい」をつくる with characters: the words sit higher, the characters stand on the bottom edge, smaller. */
.addack-v3 .ax-manifesto.ax-has-cast{position:relative;overflow:hidden;align-items:flex-start!important;min-height:clamp(470px,68vh,720px)!important;padding:clamp(64px,10vh,112px) 0 0!important}
.addack-v3 .ax-manifesto.ax-has-cast .ax-container{position:relative;z-index:1}
.addack-v3 .ax-cast{position:absolute;left:0;right:0;bottom:0;height:clamp(160px,34vh,310px);pointer-events:none;z-index:0}
.addack-v3 .ax-cast canvas{position:absolute;left:0;bottom:0;width:auto;will-change:transform,opacity;opacity:0}
@media(max-width:900px){.addack-v3 .ax-manifesto.ax-has-cast{min-height:480px!important;padding-top:64px!important}.addack-v3 .ax-cast{height:130px}}
/* 0.7.7: 「ご相談の目的」 arrow — centred in the shorter box, both pointing down (closed) and up (open); it turns smoothly. */
.addack-v3 .ax-contact-form .ax-purpose-trigger::after{top:50%!important;margin:0!important;transform:translateY(-5px) rotate(45deg)!important;transition:transform .32s cubic-bezier(.3,.7,.25,1)!important}
.addack-v3 .ax-contact-form .ax-purpose-trigger[aria-expanded="true"]::after{transform:translateY(-1.5px) rotate(225deg)!important}
@media(prefers-reduced-motion:reduce){.addack-v3 .ax-contact-form .ax-purpose-trigger::after{transition:none!important}}
/* 0.7.8: after sending, 「ご相談の目的」 goes away with the form (the field style above had kept it showing). */
.addack-v3 .ax-contact-form .ax-sent>.ax-purpose{display:none!important}
/* 0.7.8: a missed or wrong field — no line pushed in below it: the field turns red, gives a small shake,
   and the short message sits inside the field on the right (it steps aside while you type). */
.addack-v3 .wpcf7 .wpcf7-form-control-wrap{position:relative;display:block}
.addack-v3 .wpcf7 .wpcf7-not-valid-tip{position:absolute!important;right:12px;top:50%;transform:translateY(-50%);margin:0!important;max-width:60%;padding:0 0 0 10px;background:#fff6f4;font-size:12px!important;font-weight:700;line-height:1.4;color:var(--ax-red,#ff4b36)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:opacity .15s}
.addack-v3 .wpcf7 textarea~.wpcf7-not-valid-tip,.addack-v3 .wpcf7 [data-name="your-message"] .wpcf7-not-valid-tip{top:12px;transform:none}
.addack-v3 .wpcf7 .wpcf7-form-control-wrap:focus-within .wpcf7-not-valid-tip{opacity:0}
.addack-v3 .wpcf7 .wpcf7-not-valid{border-color:var(--ax-red,#ff4b36)!important;background-color:#fff6f4!important}
@media(prefers-reduced-motion:no-preference){.addack-v3 .wpcf7 .wpcf7-not-valid{animation:ax-field-shake .38s cubic-bezier(.36,.07,.19,.97)}}
@keyframes ax-field-shake{20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
.addack-v3 .wpcf7 form.invalid .wpcf7-response-output,.addack-v3 .wpcf7 form.unaccepted .wpcf7-response-output{display:none!important}
/* 0.7.9: service cards — no red frame on hover (they still lift a little); opening 「詳しく見る」 on one card no longer
   stretches the other two (they keep the shared height they had closed, so no empty white space at their bottom). */
.addack-v3 .ax-service-card:hover,.addack-v3 .ax-service-card:has(:focus-visible){border-color:transparent!important}
@media(min-width:901px){.addack-v3 .ax-grid-three{align-items:start!important}.addack-v3 .ax-grid-three .ax-service-card{min-height:var(--ax-card-h,auto)}}
/* 0.7.11: closing 「詳しく見る」 no longer drops the card while the pointer is still on it (an old rule cancelled the hover lift after closing). */
.addack-v3 .ax-service-card.ax-just-closed:hover{transform:translateY(-4px)!important;box-shadow:0 12px 28px rgba(255,75,54,.08)!important}