/* Production content; adopted layout and motion preserved. */
.product-art{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;padding:24px 30px 24px 0!important}
.product-art .product-pc{position:relative;width:96%;height:auto;object-fit:contain}
.product-art .product-phone{position:absolute;right:0;bottom:4%;width:25%;height:auto;object-fit:contain}
.contact-address{margin-top:24px!important;font-size:clamp(16px,2vw,22px)!important;overflow-wrap:anywhere}.contact-address a{color:inherit;text-decoration:underline;text-underline-offset:5px}
#contact .contact-link{text-decoration:none}#recruit h3{font-size:clamp(24px,3.4vw,48px)}
#detail-body{white-space:pre-line;line-height:2}.detail-dialog{max-height:85dvh;overflow:auto}
:focus-visible{outline:3px solid #f5b940;outline-offset:6px}
@media(max-width:700px){.product-art{min-height:260px;padding:15px 20px 15px 0!important}.company-facts dd{overflow-wrap:anywhere}}

#contact>p{margin-top:24px!important}#contact .contact-link{padding-bottom:18px!important}

/* News opens and closes with a restrained fade, including its backdrop. */
#detail-dialog{opacity:0;transition:opacity .2s ease}
#detail-dialog.is-visible{opacity:1}
#detail-dialog::backdrop{opacity:0;transition:opacity .2s ease}
#detail-dialog.is-visible::backdrop{opacity:1}
@media(prefers-reduced-motion:reduce){#detail-dialog,#detail-dialog::backdrop{transition:none}}

/* Recruit uses a collaboration close-up rather than the Company room image. */
body.integrated .asobica-track #recruit{background-image:linear-gradient(#10131b88,#10131b88),url('recruit-collaboration.webp');background-position:center;background-size:cover}

/* Visible interaction feedback, without moving text or changing layout. */
body.integrated #news .news-row{cursor:pointer;transition:background-color .22s ease,box-shadow .22s ease,color .22s ease;opacity:1}
body.integrated #news .news-row strong{transition:color .22s ease;text-underline-offset:5px;text-decoration-thickness:1px}
body.integrated #news .news-row::before{transition:background-size .25s ease,box-shadow .25s ease}
body.integrated :is(.home,.footer-top>a){transition:opacity .2s ease}
body.integrated :is(.scroll-cue,.motion,.cinema-skip,.footer-top nav a,.footer-bottom a){text-underline-offset:5px;transition:color .2s ease,opacity .2s ease}
body.integrated :is(.menu-toggle,.detail-close){transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
body.integrated #section-menu a{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
body.integrated .footer-product-card{transition:background-color .25s ease,box-shadow .25s ease;opacity:1}
body.integrated #news .news-row:is(:focus-visible,:active){background:#fff;box-shadow:inset 0 0 0 1px #022fa735;opacity:1}
body.integrated #news .news-row:is(:focus-visible,:active) strong{color:#022fa7;text-decoration:underline}
body.integrated #news .news-row:focus-visible::before{background-size:82%;box-shadow:0 6px 20px #022fa715}
body.integrated :is(.scroll-cue,.motion,.cinema-skip,.footer-top nav a,.footer-bottom a):focus-visible{text-decoration:underline}
body.integrated :is(.menu-toggle,.detail-close):focus-visible{background:#022fa7;color:white;box-shadow:0 4px 14px #022fa725}
body.integrated #section-menu a:focus-visible{background:#eef2f8;color:#022fa7;opacity:1}
body.integrated .footer-product-card:focus-visible{background:#eef2f8;box-shadow:inset 0 0 0 2px #8ca9ff;opacity:1}
@media(hover:hover) and (pointer:fine){
 body.integrated #news .news-row:hover{background:#fff;box-shadow:inset 0 0 0 1px #022fa735;opacity:1}
 body.integrated #news .news-row:hover strong{color:#022fa7;text-decoration:underline}
 body.integrated #news .news-row:hover::before{background-size:82%;box-shadow:0 6px 20px #022fa715}
 body.integrated :is(.home,.footer-top>a):hover{opacity:.72}
 body.integrated :is(.scroll-cue,.motion,.cinema-skip,.footer-top nav a,.footer-bottom a):hover{text-decoration:underline;opacity:.8}
 body.integrated :is(.menu-toggle,.detail-close):hover{background:#022fa7;color:white;box-shadow:0 4px 14px #022fa725}
 body.integrated #section-menu a:hover{background:#eef2f8;color:#022fa7;opacity:1;box-shadow:inset 0 -1px #022fa740}
 body.integrated .footer-product-card:hover{background:#eef2f8;box-shadow:inset 0 0 0 2px #8ca9ff;opacity:1}
}
@media(prefers-reduced-motion:reduce){
 body.integrated :is(.news-row,.news-row strong,.home,.footer-top>a,.scroll-cue,.motion,.cinema-skip,.footer-top nav a,.footer-bottom a,.menu-toggle,.detail-close,.footer-product-card),body.integrated #section-menu a,body.integrated #news .news-row::before{transition:none}
 body.integrated #news .news-row:is(:hover,:focus-visible)::before{background-size:75%}
}
@media(prefers-reduced-motion:reduce){body.integrated #news .news-row,body.integrated #news .news-row strong{transition:none}}