/* C案：文字を囲わず、短いラインで操作を示す */
body .open-action,#x-content .open-action{position:relative;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;min-height:44px;padding:12px 4px 16px!important;cursor:pointer}
body .open-action:before,#x-content .open-action:before{content:""!important;display:block!important;position:absolute;left:4px;bottom:0;width:32px;height:2px;background:currentColor;transition:width .2s;pointer-events:none}
body .open-action:hover:before,#x-content .open-action:hover:before{width:56px}
body .open-action:focus-visible,#x-content .open-action:focus-visible{outline:2px solid currentColor;outline-offset:5px}
main .btn.open-action{color:#173440!important;gap:24px}
main .btn-primary.open-action:after{content:"→";font-size:22px}
.site-header .nav .open-action{color:#f0f4f1!important}
.site-header .nav .nav-home span{border:0;padding-left:0}
.site-header .nav .nav-home:after,.site-header .nav .nav-cta:after{display:none!important}
.site-header .nav .nav-cta .cta-label{border:0!important}
.site-header .nav .nav-cta .cta-icon{background:none!important;color:inherit;border:0;border-radius:0;width:24px;height:24px;box-shadow:none}
.carousel--hero .car-item figcaption .open-action{color:#fff!important;font-weight:400;text-shadow:0 1px 8px #000;display:inline-flex;align-items:center}
.carousel--hero .car-item figcaption .open-action:before{left:calc(50% - 16px)}
.carousel--hero .car-ctrl,.carousel--hero .car-btn,.carousel--hero .car-auto{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:white}
.carousel--hero .car-ctrl{filter:drop-shadow(0 1px 5px #000)}
.carousel--hero .car-btn:hover,.carousel--hero .car-auto:hover{background:none!important;color:#bdeaf1}
.phone-play span{background:transparent!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 2px 5px #000)}
.phone-play svg,.phone-play svg path{fill:#fff!important}
.contact-row .go{background:none!important;color:inherit;border:0;border-radius:0}
#x-content .submit.open-action{color:#fff;font-size:16px;width:auto;min-width:220px;max-width:100%}
#x-content #recruit .recruit-cta:after{display:none}
#x-content .open-action .arrow{background:none;border:0;border-radius:0}
@media(prefers-reduced-motion:reduce){body .open-action:before,#x-content .open-action:before{transition:none}}

/* 濃い面に置く操作リンクは、暗い文字色のままだと読めないため明るくする
   （contact.html の送信ボタンがコントラスト比 1.28:1 になっていた） */
main .sec-dark .btn.open-action,
main .sec-dark .open-action,
main #form .btn.open-action{color:#eef4f5!important}
main .sec-dark .btn.open-action:hover,
main #form .btn.open-action:hover{color:#bdeaf1!important}

/* ==========================================================================
   ヒーローの説明文（スマホ）
   2文をそれぞれ1行に収める。1文目21字・2文目27字が入る字送りにし、
   字間は詰めて幅を稼ぐ。
   ========================================================================== */
@media (max-width:700px){
  /* max-width が em 指定で、字を小さくすると欄まで狭まってしまうため解除する */
  .hero-lead{letter-spacing:0;font-size:clamp(11px,3.1vw,15px);line-height:2;
    max-width:none;min-width:0}
}