.about-detail{margin:0;color:#153457;background:#fff;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}.about-detail *{box-sizing:border-box}.about-detail main h1,.about-detail main p,.about-detail main figure{margin:0}.ad-container{width:calc(100% - 96px);max-width:1200px;margin:0 auto}.ad-photo{overflow:hidden;border-radius:20px;background:#edf3f8;min-width:0}.ad-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%}.ad-hero{padding-top:12px}.ad-hero>.ad-photo{width:86%;height:340px;border-radius:0 22px 22px 0}.ad-title-band{position:relative;width:54%;margin:-56px 0 0 auto;padding:34px 7%;border-radius:18px 0 0 18px;background:linear-gradient(110deg,#3038de,#2868ed 65%,#278cf7);color:#fff}.ad-title-band>p{font-size:clamp(32px,4vw,58px);font-weight:700;letter-spacing:.06em;line-height:1.2}.ad-title-band h1{font-size:20px;font-weight:500;margin-top:12px!important;letter-spacing:.1em}
.ad-pages{padding:100px 0}.ad-pages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ad-page-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:32px;min-height:240px;padding:36px;border:1px solid #e5eaf0;border-radius:18px;background:#fff;color:#153457;text-decoration:none;transition:box-shadow .2s ease,border-color .2s ease}.ad-page-card strong{font:700 34px/1.3 Arial,sans-serif;letter-spacing:.035em;color:#3154e8}.ad-page-card-jp{display:block;font-size:16px;line-height:1.8;margin-top:14px}.ad-page-card-arrow{display:grid;place-items:center;align-self:flex-end;width:40px;height:40px;border:1px solid #3154e8;border-radius:50%;color:#3154e8}.ad-page-card-arrow svg{width:22px;height:22px;transition:transform .2s ease}.ad-page-card:hover{border-color:#b3c3f8;box-shadow:0 10px 28px #15345708}.ad-page-card:hover svg{transform:translateX(3px)}.ad-page-card:focus-visible{outline:3px solid #6b91ff;outline-offset:5px}.about-detail [data-ad-reveal]{transition:opacity .7s ease var(--ad-delay,0ms),transform .7s ease var(--ad-delay,0ms),box-shadow .2s ease,border-color .2s ease}.about-detail .ad-pending{opacity:0;transform:translateY(12px)}
@media(max-width:1023px){.ad-container{width:calc(100% - 64px)}.ad-pages-grid{gap:20px}.ad-page-card{padding:28px 22px}.ad-page-card strong{font-size:27px}}
@media(max-width:767px){.ad-container{width:calc(100% - 40px)}.ad-hero{padding-top:8px}.ad-hero>.ad-photo{width:94%;height:210px;border-radius:0 16px 16px 0}.ad-title-band{width:83%;margin-top:-34px;padding:25px 24px;border-radius:14px 0 0 14px}.ad-title-band>p{font-size:34px}.ad-title-band h1{font-size:17px}.ad-pages{padding:64px 0}.ad-pages-grid{grid-template-columns:1fr;gap:20px}.ad-page-card{flex-direction:row;align-items:center;min-height:148px;padding:30px 24px;gap:16px;border-radius:16px}.ad-page-card strong{font-size:28px}.ad-page-card-jp{font-size:15px;margin-top:10px}.ad-page-card-arrow{align-self:center;flex:none}}
@media(prefers-reduced-motion:reduce){.about-detail [data-ad-reveal],.about-detail .ad-page-card,.about-detail .ad-page-card-arrow svg{transition:none!important}.about-detail .ad-pending{opacity:1!important;transform:none!important}.about-detail .ad-page-card:hover svg{transform:none}}

/* ユーザー確定原稿：FVと既存リンクカードの間。 */
.about-detail .ad-message{padding:104px 0 0}.about-detail .ad-message-inner{width:calc(100% - 96px);max-width:780px;margin:0 auto}.about-detail .ad-message-label{margin:0 0 24px;color:#3154e8;font-size:11px;font-weight:700;letter-spacing:.15em}.about-detail .ad-message h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.7;letter-spacing:.02em}.about-detail .ad-message-prose{margin-top:40px;font-size:15px;line-height:2.1;overflow-wrap:anywhere}.about-detail .ad-message-prose p+p{margin-top:24px}@media(max-width:767px){.about-detail .ad-message{padding-top:64px}.about-detail .ad-message-inner{width:calc(100% - 40px)}.about-detail .ad-message h2{font-size:clamp(23px,6vw,28px);letter-spacing:0}.about-detail .ad-message-prose{margin-top:30px;font-size:14px;line-height:2.05}}

/* ABOUTページのキャッチコピー色。 */
.about-detail #ad-message-title{color:#3154E8}

.about-detail #ad-message-title{font-weight:800}
.about-detail .ad-message-prose{font-size:17px}
@media(max-width:767px){.about-detail .ad-message-prose{font-size:16px}}

/* Supplied ABOUT hero: retain title frame and focus on the handshake. */
.about-detail .ad-hero .ad-photo img{object-fit:cover;object-position:60% 48%}

/* ABOUT copy: requested phone line breaks without changing desktop. */
.about-detail .ad-copy-mobile-break{display:none}
@media(max-width:767px){.about-detail .ad-copy-desktop-break{display:none}.about-detail .ad-copy-mobile-break{display:initial}}