.navigation-body>section.navigation-benefits,.navigation-body>section.navigation-data,.navigation-body>section.navigation-closing{display:block}.navigation-body .visual-story figure img{aspect-ratio:auto;object-fit:contain;padding:20px}.navigation-body .visual-story figure{background:#f3f8fb}.navigation-body .visual-story figcaption{padding-top:0}.navigation-body h2{margin:15px 0 22px!important}.navigation-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}.navigation-benefit-grid article{padding-top:22px;border-top:2px solid #9bc4d8}.navigation-benefit-grid article>span{font:30px Georgia,serif;color:#88b849}.navigation-benefit-grid h3{font-size:21px;line-height:1.65;margin:18px 0 12px}.navigation-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 25px}.navigation-data-grid figure{margin:0;border:1px solid #d7e4eb;border-radius:5px;overflow:hidden;background:#f3f8fb}.navigation-data-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;padding:20px}.navigation-data-grid figcaption{padding:20px 25px;background:white}.navigation-data-grid figcaption strong{display:block;font-size:21px;color:#254c63}.navigation-data-grid figcaption span{display:block;font-size:17px;color:#607b8b;margin-top:12px;line-height:1.8}.navigation-body>section.navigation-guide{display:grid;grid-template-columns:43% minmax(0,1fr);gap:40px;align-items:center}.navigation-guide figure{margin:0;border-radius:5px;overflow:hidden;background:#eff7fa}.navigation-guide img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.navigation-guide figcaption{font-size:12px;line-height:1.8;padding:15px;color:#69818e}.navigation-body .process-grid img{object-fit:contain;background:#f1f7fa}.navigation-note{padding:20px;border-left:3px solid #a0bd69;background:#f1f7fa;margin-top:30px!important}.navigation-body>section.navigation-closing{padding:40px!important;margin-top:35px;text-align:center;background:#eef5f8;border:0;border-radius:5px}.navigation-closing .button{margin-top:18px}
@media(max-width:800px){.navigation-benefit-grid{grid-template-columns:1fr;gap:25px}.navigation-body>section.navigation-guide{grid-template-columns:1fr;gap:28px}}
@media(max-width:680px){.navigation-data-grid{grid-template-columns:1fr}.navigation-data-grid img{aspect-ratio:3/2}.navigation-data-grid figcaption span{font-size:15px}.navigation-benefit-grid h3{font-size:20px}.navigation-body>section.navigation-closing{padding:30px 22px!important}.navigation-note{padding:18px}}