@charset "UTF-8";.jsPageAchievementTest .keyvisual{position:relative;text-align:center;background-image:url(/s/achievementtest/images/keyvisual_pc.webp);background-size:auto 100%;background-repeat:no-repeat;background-position:bottom;height:700px}
.jsPageAchievementTest .keyvisual .text{position:absolute;top:5%;left:50%;width:90%;max-width:800px;margin:0 auto;text-align:center;transform:translateX(-50%)}.jsPageAchievementTest .keyvisual .image{position:absolute;bottom:22%;left:57%;width:auto}
.jsPageAchievementTest .keyvisual .image img{display:block;width:300px;margin:0 auto}.fadein_rise{pointer-events:none;position:absolute;opacity:0;animation-name:fadein_rise;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:.6s}
@keyframes fadein_rise{0{opacity:0;scale:.98;transform:translateY(20px)}100%{opacity:1;scale:1.0;transform:translateY(0)}}@media screen and (max-width:480px){.jsPageAchievementTest .keyvisual{height:550px;background-size:auto 100%;background-image:url(/s/achievementtest/images/keyvisual_sp.png)}
.jsPageAchievementTest .keyvisual .image{position:absolute;bottom:40%;left:0;width:100%}.jsPageAchievementTest .keyvisual .image img{display:block;width:300px;margin:0 auto}}.jsPageAchievementTest .keyvisual .text h1{display:inline-block;font:bold 40px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center;margin-bottom:5px}
@media screen and (max-width:767px){.jsPageAchievementTest .keyvisual .text h1{font-size:32px}}.jsPageAchievementTest .keyvisual .text h1 small{display:block;font-size:65%}.jsPageAchievementTest .keyvisual .text p{font:normal 22px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-wrap:balance}
@media screen and (max-width:767px){.jsPageAchievementTest .keyvisual .text p{font-size:20px}}.jsPageAchievementTest .keyvisual .text p.label{display:inline-block;border-radius:3em;padding:0 1.5em;background-color:#d8d8d8;color:#000;margin-top:15px;font-weight:bold}
.jsPageAchievementTest .area-introduction{padding:0 20px 0;text-align:center;background-color:#fffaed}@media screen and (max-width:767px){.jsPageAchievementTest .area-introduction{padding:0}}.jsPageAchievementTest .area-introduction h2.head{font:bold 48px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;background-color:#fff;color:#088042;text-align:center;display:inline-block;border:2px solid;padding:2px 10px;position:relative;z-index:1}
@media screen and (max-width:767px){.jsPageAchievementTest .area-introduction h2.head{font-size:24px;padding:2px 5px}}.jsPageAchievementTest .area-introduction h2.head::after{content:"";display:block;width:20px;height:20px;background-color:#fff;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) skew(15deg,15deg);transform-origin:right bottom;position:absolute;right:50%;bottom:auto;z-index:-1}
.jsPageAchievementTest .area-introduction p{font:normal 22px/1.6 Helvetica,"Helvetica Neue",Arial,sans-serif}@media screen and (max-width:767px){.jsPageAchievementTest .area-introduction p{font:normal 18px/1.6 Helvetica,"Helvetica Neue",Arial,sans-serif}
}.jsPageAchievementTest .area-head{background-color:#12a356;text-align:center;padding:40px 20px 35px;color:#fff}@media screen and (max-width:767px){.jsPageAchievementTest .area-head{padding:40px 20px 30px}
}.jsPageAchievementTest .area-head .icon{width:80px;height:80px;border-radius:50%;margin:-75px auto 0;position:relative;background-color:#12a356;font:bold 45px/80px Helvetica,"Helvetica Neue",Arial,sans-serif}
.jsPageAchievementTest .area-head h2{font:bold 38px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;margin-bottom:10px}@media screen and (max-width:767px){.jsPageAchievementTest .area-head h2{font-size:30px;line-height:1.2}
}.jsPageAchievementTest .area-head .text{font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#fff;text-align:center;text-wrap:balance}@media screen and (max-width:767px){.jsPageAchievementTest .area-head .text{font-size:20px}
}.jsPageAchievementTest .step2text.head{font:bold 50px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#088042;text-align:center;text-wrap:balance}.jsPageAchievementTest .step2text.content{font:bold 24px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#088042;text-align:center;text-wrap:balance}
@media screen and (max-width:480px){.jsPageAchievementTest .step2text.head{font:bold 40px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#088042;text-align:center;text-wrap:balance}
.jsPageAchievementTest .step2text.content{font:bold 18px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#088042;text-align:center;text-wrap:balance}}.jsPageAchievementTest .area-section-bg{position:relative;z-index:-1;overflow:hidden;background-image:url(/s/achievementtest/images/arrow.svg);background-position:center bottom;background-size:1400px auto;background-repeat:no-repeat;background-color:#fffaed}
.jsPageAchievementTest .area-section-bg .area-section{position:relative;z-index:-1;padding-bottom:100px}.jsPageAchievementTest .area-section_block{border:2px solid #056f37;border-radius:5px;overflow:hidden;width:90%;max-width:1000px;margin:0 auto;background:#fff}
.jsPageAchievementTest .area-section_block--v2{background:#f9eed0;color:#056f37;max-width:750px}.jsPageAchievementTest .area-section_block-head{background:#056f37;color:#fff;text-align:center;padding:20px 20px 15px}
.jsPageAchievementTest .area-section_block-head h3{font:bold 24px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-wrap:balance;margin-bottom:10px}.jsPageAchievementTest .area-section_block-head p{font:normal 18px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-wrap:balance}
@media screen and (max-width:767px){.jsPageAchievementTest .area-section_block-head p{font-size:16px}}.jsPageAchievementTest .area-section_block-arrow{text-align:center;max-width:50px;margin:20px auto}
.jsPageAchievementTest .area-section_block-end{padding:20px 0 50px}.jsPageAchievementTest .area-section_block-end p{font:normal 24px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center;text-wrap:balance;color:#056f37}
.jsPageAchievementTest .area-section_text{max-width:1000px;max-width:750px;margin:0 auto;color:#056f37}@media screen and (max-width:767px){.jsPageAchievementTest .area-section_text{padding:0 10px}}.jsPageAchievementTest .area-section_text h3{font:bold 24px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center;margin-bottom:10px}
.jsPageAchievementTest .area-section_text p{font:normal 18px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}.jsPageAchievementTest .area-image{display:flex;justify-content:center}
.jsPageAchievementTest .area-testoffer .area-image{background-image:url(/s/achievementtest/images/illust_skillup_pc_bg.webp);background-size:100% 100%;padding-bottom:0}@media screen and (max-width:767px){.jsPageAchievementTest .area-image{flex-direction:column;align-items:center}
.jsPageAchievementTest .area-testoffer .area-image{padding-bottom:40px}}.jsPageAchievementTest .area-image__item{max-width:1000px;flex:1}.jsPageAchievementTest h3.head{font:bold 30px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center;margin-bottom:20px;color:#088042}
@media screen and (max-width:767px){.jsPageAchievementTest h3.head{font-size:30px}}.jsPageAchievementTest .area-cta{padding:20px 20px 40px}.jsPageAchievementTest .area-cta .head{margin-bottom:10px}.jsPageAchievementTest a.button{display:block;width:100%;max-width:350px;margin:0 auto;font:bold 26px/80px Helvetica,"Helvetica Neue",Arial,sans-serif;height:80px;text-align:center;text-decoration:none;color:#fff;background:#088042;border-radius:80px;box-shadow:0 1px 5px rgb(0 0 0 / 30%);transition:all .3s ease-out;transform:scale(1)}
.jsPageAchievementTest a.button:hover{opacity:1;transition:all 100ms ease-out;transform:scale(1.02)}.jsPageAchievementTest a.button:active{opacity:.9;transform:scale(0.95)}.jsPageAchievementTest .area-testoffer .content{background-color:#c0d4f9;background:url(/s/achievementtest/images/illust_skillup_pc_bg.png) repeat-x #484ed0;background-size:auto 100%;text-align:center}
.jsPageAchievementTest .area-success h2{font:bold 42px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center;text-wrap:balance;margin:60px auto}@media screen and (max-width:767px){.jsPageAchievementTest .area-success h2{font-size:30px;margin:50px auto 0}
}.jsPageAchievementTest .area-success .content{max-width:750px;margin:0 auto;text-align:center}.area-cta{width:100%}.area-cta .sub{color:#088042;font:normal 16px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center;margin-bottom:20px}
.area-cta .button{height:70px}.area-cta .button span{line-height:70px}.jsPageAchievementTest .announce{display:flex;align-items:center;justify-content:center;padding:0 20px}.jsPageAchievementTest .announce .text{display:flex;justify-content:center;margin:0 auto;padding:10px 20px;color:#ff4eb6;border:2px solid;background-color:#fff0f8;border-radius:10px;overflow:hidden;font:normal 12px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;gap:15px;overflow:hidden}
.jsPageAchievementTest .announce .text .icon{max-width:50px}@media screen and (max-width:767px){.jsPageAchievementTest .announce .text{padding:10px 20px}.jsPageAchievementTest .announce .text .icon{max-width:45px}
}.jsPageAchievementTest .announce .text p{font:bold 18px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-wrap:balance}@media screen and (max-width:767px){.jsPageAchievementTest .announce .text p{font-size:18px}
}.jsPageAchievementTest .announce .text p span{text-decoration:underline}.jsPageAchievementTest .area-skillup{background:#12a356}.jsPageAchievementTest .skillup_head_wrap{padding:30px 0 30px}.jsPageAchievementTest h2.skillup_head{text-align:center;margin-bottom:15px;font:bold 35px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}
.jsPageAchievementTest .skillup_head_text{color:#fff;font:normal 18px/1.6 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center;text-wrap:balance}.jsPageAchievementTest .skillup_description{color:#fff;font:normal 18px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center;text-wrap:balance;padding:20px 0}
@media screen and (max-width:767px){.jsPageAchievementTest h2.skillup_head{font:bold 26px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}.jsPageAchievementTest .skillup_head_text{font:normal 16px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}
.jsPageAchievementTest .skillup_description{font:normal 16px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}}.jsPageAchievementTest .area-state_introduction{background:#048742;color:#fff;text-align:center;padding:30px 20px 50px}
.jsPageAchievementTest .area-state_introduction-text{text-wrap:balance;font:normal 24px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}@media screen and (max-width:767px){.jsPageAchievementTest .area-state_introduction-text{font:bold 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}
}.jsPageAchievementTest .area-state_name{margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px}@media screen and (max-width:767px){.jsPageAchievementTest .area-state_name{margin-bottom:20px}
}.jsPageAchievementTest .area-state_name--bg{max-width:500px;width:90%;margin-bottom:0;padding:20px 0;position:relative;color:#056f37;z-index:1}.jsPageAchievementTest .area-state_name--bg::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;padding-top:100%;border-radius:50%;background:#fff;box-shadow:0 2px 4px 0 rgba(18,163,87,0.2);z-index:-1}
.jsPageAchievementTest .area-state_name-flag{max-width:120px;margin:0 auto 10px;border:1px solid #000;box-shadow:0 1px 3px rgba(0,0,0,0.3)}.jsPageAchievementTest .area-state_name-text{font:bold 30px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}
@media screen and (max-width:767px){.jsPageAchievementTest .area-state_name-text{font-size:30px}}.jsPageAchievementTest .header-announcement{display:flex;align-items:center;width:100%;background-color:#fbe6f2;height:80px;font:bold 30px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;gap:10px;justify-content:center}
.jsPageAchievementTest .header-announcement .icon{width:50px}.jsPageAchievementTest .header-announcement .text{font:bold 18px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;text-align:center;color:#ff58ba}