@charset "UTF-8";*{box-sizing:border-box}html{margin:0;padding:0}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,sans-serif;background:rgba(45,40,127,.1);min-height:100vh;margin:0;padding:0;font-size:.925rem;line-height:1.8}a{text-decoration:none;color:#068bff}@media only screen and (max-width: 768px){.u_pc{display:none!important}}@media only screen and (min-width: 769px){.u_sp{display:none!important}}.app{margin:0;padding:0}.app .inner{width:90%;max-width:628px;margin:0 auto}.app .logo{text-align:center;padding:2rem 0;margin:0}.app .logo img{max-width:300px}.app .lead{padding:0 0 1rem}.app .flow{padding:0;background:#fff;border:3px solid #2d287f}.app .flow>.item{padding:1.5rem 1rem;list-style-type:none}.app .flow>.item:not(:last-child){border-bottom:3px solid #2d287f;position:relative}.app .flow>.item:not(:last-child):before,.app .flow>.item:not(:last-child):after{content:"";border:solid transparent;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.app .flow>.item:not(:last-child):before{border-width:22px;border-top-color:#2d287f}.app .flow>.item:not(:last-child):after{border-width:18px;border-top-color:#fff}.app .flow>.item .inner{margin:0;display:flex;justify-content:flex-start;align-items:center}.app .flow>.item .inner .left{font-size:20px;font-weight:600;color:#2d287f;flex-basis:20%;margin-right:1vw;text-align:center;margin-left:0}.app .flow>.item .inner .left .step{margin:0;padding:1.15rem 0;min-height:80px;max-height:80px;min-width:80px;max-width:80px;line-height:1;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;background:#2d287f;border-radius:45em;color:#fff;font-size:.675rem;font-weight:400;letter-spacing:2px}.app .flow>.item .inner .left .step .number{font-size:2rem;font-weight:500;letter-spacing:1px}.app .flow>.item .inner .right{padding:0 0 0 1rem;margin:0}.app .small_header{background:#2d287f;margin-bottom:2.5rem}.app .header{background:#2d287f;border-radius:0 0 20px 20px;padding:0 5% 20px;margin:0 0 2rem;width:100%;position:fixed;top:0;left:0}.app .body{padding:380px 0 0;margin:0}.app .btn_group{list-style:none;padding:0;margin:0}.app .btn_group.bottom{position:fixed;width:90%;bottom:20px;left:50%;margin-left:-45%}.app .btn_group .item{margin:0 0 1rem}.app .btn_group .btn{display:flex;justify-content:center;align-items:center;background:#2d287f;color:#fff;width:100%;max-width:628px;margin:0 auto;text-align:center;line-height:1.2;padding:1rem 0;border-radius:45em;position:relative}.app .btn_group .btn .arrow{position:absolute;right:50px;top:50%;margin:-15px}.app .btn_group .btn .arrow i{position:relative;display:inline-block;padding:10px}.app .btn_group .btn .arrow i:before{content:"";width:10px;height:10px;border-top:solid 2px #2d287f;border-right:solid 2px #2d287f;position:absolute;left:10px;top:8px;transform:rotate(45deg)}.app .btn_group .btn.theme{background:#fff;color:#2d287f}.app .heading2{text-align:center;font-size:1.25rem}.app .notification{list-style:none;padding:0 5%;margin:0 0 2rem}.app .notification .item{background:#fff;border-radius:20px;padding:1rem;margin:0 auto 1rem;max-width:628px}.app .notification .item .title{padding:0;margin:0 0 1rem;line-height:1;display:flex;justify-content:space-between;align-items:center;font-size:1rem}.app .notification .item .title span{color:#2d287f;font-size:.675rem;font-weight:500;border:1px solid #2d287f;padding:.35rem .5rem .25rem;border-radius:5px}.app .notification .item .title span.unread{background:#2d287f;color:#fff}.app .notification .item .content{padding:0 0 .25rem;margin:0;font-size:.875rem;line-height:1.5}.app .notification .item .date{padding:0;margin:0;font-size:.725rem;text-align:right;line-height:1;color:#00000080}.app .more{width:90%;max-width:628px;margin:0 auto 3rem}.app .more .btn{display:flex;align-items:center;justify-content:center;width:100%;background:#2d287f;color:#fff;padding:.5rem 0;border-radius:45em;font-size:.825rem}
