/* Local layout only: typography continues to use the shared tit-* classes. */
.about .ab3 > .con { width: calc(100% - 48px); max-width: 1600px; }
.about .ab3 .aox { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 32px; width: 100%; margin: 32px 0 0; }
.about .ab3 .aox .lf { width: 100%; max-width: 760px; margin: 0 auto; }
.about .ab3 .aox .lf img { display: block; width: 100%; height: auto; }
.about .ab3 .aox .rf { width: 100%; min-width: 0; padding: 0; margin: 0; }
.about .ab3 .aox .rf .li { position: relative; display: flex; gap: 16px; margin: 0; width: 100%; }
.about .ab3 .aox .rf .li + .li { margin-top: 24px; }
.about .ab3 .aox .rf .li:nth-child(n) .ico { flex: 0 0 44px; width: 44px; margin: 8px 0 0; padding: 0; }
.about .ab3 .aox .rf .li .ico > img { display: block; width: 100%; height: auto; }
.about .ab3 .aox .rf .li .txtbox { flex: 1; min-width: 0; width: auto; overflow-wrap: anywhere; }
.about .ab3 .aox .rf .li .txtbox .t3 { line-height: 1.65; }
.about .ab3 .aox .rf .li .txtbox .t3::before { height: 1.65em; }
.about .ab3 .aox .rf .li .ico span { visibility: hidden; top: 50%; bottom: auto; margin: 0; transform: translateY(-50%); pointer-events: none; }
.about .ab3 .aox .rf .li .ico span s { width: 6px; height: 6px; transform: translateX(-50%); }
.about .ab3 .aox.is-linked { grid-template-columns: minmax(0, 52fr) minmax(0, 44fr); column-gap: 4%; }
.about .ab3 .aox.is-linked .lf { max-width: none; }
.about .ab3 .aox.is-linked .rf { position: relative; }
.about .ab3 .aox.is-linked .rf .li { position: absolute; left: 0; margin: 0; }
@media (max-width: 767px) {
    .about .ab3 > .con { width: calc(100% - 32px); }
    .about .ab3 .aox .rf .li { gap: 12px; }
    .about .ab3 .aox .rf .li:nth-child(n) .ico { flex-basis: 32px; width: 32px; }
}