@charset "UTF-8";.jsPageApp .section-header h1{padding:30px 0;font:bold 40px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#fff;text-align:center;background:#001a4a}
@media screen and (max-width:767px){.jsPageApp .section-header h1{padding:20px 0;font-size:30px}}.jsPageApp .keyvisual{position:relative;width:100%;text-align:center;background:#eafafa}@media screen and (max-width:480px){.jsPageApp .keyvisual{width:100%;margin:0 auto}
}.jsPageApp .keyvisual .image{display:block;width:1200px;max-width:100%;margin:0 auto}.jsPageApp .keyvisual .text{position:absolute;top:95%;left:calc(50% - 400px);width:800px;max-width:800px;margin:60px auto;text-align:center}
.jsPageApp .area-introduction{text-align:center;max-width:950px;width:90%;margin:0 auto;padding:60px 0 0}@media screen and (max-width:767px){.jsPageApp .area-introduction{text-align:left;padding:50px 0 0}
}.jsPageApp .area-introduction h2.head{width:100%;margin:0 auto 20px;font:bold 40px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center}@media screen and (max-width:767px){.jsPageApp .area-introduction h2.head{font-size:30px;text-align:left}
}.jsPageApp .area-introduction p{font:normal 22px/1.6 Helvetica,"Helvetica Neue",Arial,sans-serif}@media screen and (max-width:767px){.jsPageApp .area-introduction p{font:normal 18px/1.6 Helvetica,"Helvetica Neue",Arial,sans-serif}
}.jsPageApp .area-app{padding:40px 0 60px}.jsPageApp .area-app .head{display:flex;align-items:center;justify-content:center;gap:20px;font:bold 20px / 1.6 Helvetica,"Helvetica Neue",Arial,sans-serif;margin-bottom:40px}
@media screen and (max-width:767px){.jsPageApp .area-app .head{font-size:16px}}.jsPageApp .area-app .head .icon{width:90px;border-radius:20px;overflow:hidden;border:2px solid #001778}.jsPageApp .area-app .head .name{font:bold 26px/1.3 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#000c}
@media screen and (max-width:767px){.jsPageApp .area-app .head .name{font-size:20px}}.jsPageApp .area-app .buttons{max-width:750px;width:80%;margin:0 auto;display:flex;gap:40px;justify-content:center;text-align:center}
@media screen and (max-width:767px){.jsPageApp .area-app .buttons{gap:20px}}.jsPageApp .area-app .buttons a{transition:opacity .1s ease}@media screen and (max-width:767px){.jsPageApp .area-app .buttons a.app{width:48%}
.jsPageApp .area-app .buttons a.google{width:52%}}.jsPageApp .area-app .buttons a:hover{opacity:.8}.jsPageApp .area-app .buttons a img{height:80px;max-width:unset;width:auto}@media screen and (max-width:767px){.jsPageApp .area-app .buttons a img{height:auto;max-width:100%;width:100%}
}.jsPageApp .area-app .notice{font:normal 12px / 1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#888;width:90%;margin:20px auto 0;text-align:center}.jsPageApp .area-app .notice a{color:#888;text-decoration:underline}
.jsPageApp .section{position:relative;width:100%}.area-cards p.text{font:normal 20px / 1.6 Helvetica,"Helvetica Neue",Arial,sans-serif !important}@media screen and (max-width:767px){.area-cards p.text{font:normal 16px / 1.4 Helvetica,"Helvetica Neue",Arial,sans-serif !important;text-align:left}
}.area-cards .cards{display:flex;flex-direction:column;gap:20px;width:90%;max-width:950px;margin:0 auto}.area-cards .card{display:flex;flex-direction:column;align-items:center;width:100%;padding:35px 40px;background:#fff;border-radius:20px;box-shadow:0 1px 3px rgb(0 0 0 / 20%)}
@media screen and (max-width:767px){.area-cards .card{flex-direction:column;padding:25px 20px}}.area-cards h5.head{margin-bottom:20px;font:bold 30px/1.3 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#000c;text-align:center;text-wrap:balance}
.area-cards .content.column2 h5.head{margin-bottom:20px;font:bold 30px / 1.3 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#000c;text-align:left}@media screen and (max-width:767px){.area-cards h5.head{margin:0 auto 10px;font-size:20px;text-align:center}
.area-cards .content.column2 h5.head{font-size:20px;margin:0 auto 25px;text-align:center}}.area-cards .area-text{flex:1;display:flex;flex-direction:column}.area-cards .area-text p.note{font:normal 12px / 1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;margin-top:auto}
.area-cards .area-image{flex:1;text-align:center;margin:0 auto}.area-cards .content.column2 .area-image{max-width:100%;margin:0}.area-cards .area-image figure{display:inline-block}.area-cards .area-image figcaption{font:normal 12px / 1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;margin-top:auto;margin-top:10px}
.area-cards .content{width:100%}.area-cards .content.column2{display:flex;gap:20px}@media screen and (max-width:767px){.area-cards .content.column2{flex-direction:column}}