.p-intro__bnr-wrap{display:block;margin-inline:-20px}@media (min-width: 48em){.p-intro__bnr-wrap{margin-inline:0}}.p-intro__bnr{display:block;margin-left:12px;margin-right:8px}@media (min-width: 48em){.p-intro__bnr{margin:0;transition:opacity .4s}}@media (min-width: 48em){.p-intro__bnr:hover{opacity:.7}}.p-product{margin-top:40px}@media (min-width: 48em){.p-product{margin-top:60px}}.p-product__links{margin-top:30px}@media (min-width: 48em){.p-product__links{margin-top:40px}}.p-useful{background-color:#f0f5fa;border-radius:5px;margin:80px auto 40px;padding:22px 20px 20px}@media (min-width: 48em){.p-useful{margin-top:100px;margin-bottom:60px}}.p-useful__heading{font-weight:700;font-size:1.9rem;letter-spacing:.01em;text-align:center;color:var(--c-text-darkest)}@media (min-width: 48em){.p-useful__heading{font-size:2.2rem;line-height:1.4545454545}}.p-useful__links{margin-top:17px;display:flex;flex-direction:column;gap:15px}@media (min-width: 48em){.p-useful__links{flex-direction:row;margin-top:24px;gap:20px}}.p-useful__link{display:grid;border-radius:5px;background-color:#fff;padding:22px 20px;grid-template-columns:56px auto;grid-template-areas:"icon heading" "text text"}@media (min-width: 48em){.p-useful__link{padding:30px 30px 22px;grid-template-columns:69px auto;grid-template-areas:"icon heading" "icon text";width:calc((100% - 20px)/2);gap:0 24px}}.p-useful__link-icon{display:flex;grid-area:icon}@media (min-width: 48em){.p-useful__link-icon{flex-shrink:0}}.p-useful__link-head{display:flex;gap:0 10px;margin-left:14px;align-items:center;grid-area:heading;flex-wrap:wrap}@media (min-width: 48em){.p-useful__link-head{margin:0;transition:opacity .4s}}.p-useful__link-heading{font-size:1.9rem;line-height:1.4210526316;color:var(--c-text-darker)}@media (min-width: 48em){.p-useful__link-heading{font-size:2rem;line-height:1.45}}.p-useful__link-arrow{color:var(--c-primary);width:14px;flex-shrink:0;display:flex;align-self:flex-end;margin-bottom:6px}@media (min-width: 48em){.p-useful__link-arrow{align-self:center;margin:0}}.p-useful__link-text{grid-area:text;font-size:1.4rem;letter-spacing:.04em;line-height:1.5714285714;color:var(--c-text-light-dark);margin-top:8px}@media (min-width: 48em){.p-useful__link-text{font-size:1.5rem;transition:opacity .4s;margin-top:4px}}@media (min-width: 48em){.p-useful__link:nth-of-type(2){gap:0 17px}}@media (min-width: 48em){.p-useful__link:hover .p-useful__link-head,.p-useful__link:hover .p-useful__link-text{opacity:.7}}.p-other__attention{margin-top:40px}@media (min-width: 48em){.p-other__attention{margin-top:60px}}