@charset "UTF-8";img{width:auto;height:auto;display:inline}#wrap{width:auto;margin:0 auto;padding:0 0 30px;border:0;border-top:#f87c8e solid 4px;text-align:center}h1.login-ttl{display:flex;justify-content:center;align-items:center;max-width:1200px;min-height:290px;margin:0 auto 20px;padding:0 0 7%;text-align:center;background-image:url(../img/login/main_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box}h1.login-ttl img{max-width:674.5px}.login-lead{font-size:30px;font-size:3rem;font-weight:700;color:#f87c8e;margin:0 0 20px}.login-guide,.login-outline{margin:0 0 20px;font-size:16px;font-size:1.6rem}.login-guide{margin:0 auto 15px;max-width:500px}.login-guide a{display:block;background-color:#ffefd1;color:#4d4d4d;text-decoration:none;font-weight:700;padding:7px;border-radius:8px;position:relative}.login-guide a:hover{opacity:.7}.login-guide a::after{content:"";display:block;width:10px;height:10px;border-right:#4d4d4d solid 1px;border-top:#4d4d4d solid 1px;transform:rotate(45deg);position:absolute;top:50%;right:15px;margin-top:-5px}.login-guide a img{width:138px}.login-prepare{width:600px;margin:0 auto 15px;font-weight:700}.login-prepare span{display:inline-block}.to-login-v1{margin:15px 0 0}.to-login-v1 a{color:#1d3994}.logo{margin:0 0 8px}.login-v2{margin:0 4%}.login-v2 .login-form{max-width:500px;border:#4d4d4d solid 1px;padding:20px 70px 30px}.login-v2-register{text-align:center}.login-v2-register a{box-sizing:border-box;width:100%;max-width:300px;display:inline-block;font-size:22px;font-size:2.2rem;font-weight:700;color:#fff;background-color:#bb0327;text-decoration:none;border-radius:5px;padding:3px 0 2px}.login-form-list{margin:0;padding:0;text-align:left}.login-form-list>dt{margin:14px 0 4px;padding:0;font-weight:700}.login-form-list>dt:first-child{margin:0 0 4px}.login-form-list>dd{margin:0;padding:0}.login-v1{background-color:#fcebeb;margin-top:50px;padding:30px 4% 40px}.login-v1-ttl{text-align:center;margin-bottom:10px}.login-v1-ttl img{max-width:480px}.login-v1-sub{font-size:20px;font-size:2rem;font-weight:700;margin-bottom:20px}.login-v1-lead,.login-v1-note{font-size:16px;font-size:1.6rem;text-align:center}.login-v1-lead{max-width:500px;margin:0 auto;text-align:left}.login-form{box-sizing:border-box;max-width:400px;margin:20px auto 0;padding:20px 20px 30px;background-color:#fff}.login-form a{color:#1d3994}.terms-v1{margin-top:20px}.terms-v1 a{text-decoration:none}.terms-v1 a:hover{text-decoration:underline}input[type=email],input[type=password],input[type=submit]{width:100%;box-sizing:border-box}input[type=email],input[type=password]{border-radius:5px;border:#c8c8c8 solid 1px;padding:4px 5px 3px}input[type=submit]{border:0;font-size:22px;font-size:2.2rem;font-weight:700;color:#fff;background-color:#f87c8e;border-radius:5px;padding:3px 0 2px}.btn-submit{margin:12px 0 10px}.login-err{color:red;margin-bottom:5px}.notice-block{border-top:#d5d5d5 solid 1px;padding:15px 0 0}.notice-detail{width:480px;margin:0 auto;*zoom:1;text-align:left}.notice-detail:after{content:"";display:table;clear:both}.notice-left{float:left;width:300px}.blog-bnr a:hover,.bnr-youtube a:hover,.notice-left a:hover{opacity:.7}.notice-right{float:right;width:170px;padding:8px 0 0}.blog-bnr{margin-top:30px}.trademark{margin-top:20px;padding:0 15px;font-size:12px;font-size:1.2rem}.bnr-youtube{max-width:500px;margin:40px auto 0}.bnr-youtube a img{width:100%}@media only screen and (max-width:640px){#wrap{padding:0 0 16px}h1.login-ttl{min-height:170px;margin-bottom:10px;padding-bottom:9%;background-image:url(../img/login/main_bg_sp.jpg)}.login-outline br{display:none}.login-v2{margin:0 10%}.login-v2 .login-form{padding:15px}.login-v2-register a{max-width:200px}.login-v1{margin-top:45px;padding:25px 5% 30px}.login-v1-ttl{font-size:1.8rem}.login-v1-sub{font-size:1.6rem}.login-v1-lead,.login-v1-note{font-size:1.4rem}.login-form{max-width:100%;padding:15px 10px}.btn-submit{margin:12px 0 30px}.notice-tit{text-align:center}.notice-detail{width:auto;padding:0 15px}.notice-left{text-align:center}.blog-bnr a img,.notice-left a img{max-width:100%}.notice-left,.notice-right{float:none;width:auto}.blog-bnr{margin:30px 10px 0}.trademark{text-align:left}.bnr-youtube{margin-top:30px}}@media only screen and (max-width:768px){h1.login-ttl img{width:80%}.login-lead{font-size:2rem}.login-outline{width:80%;margin:0 auto 15px;font-size:1.4rem;text-align:left}.login-guide{width:80%;margin:0 auto 20px}.login-prepare{width:80%;margin:0 auto 15px;font-size:1.4rem}.to-login-v1{width:80%;margin:15px auto 0}.logo img{width:35%}.login-v1-ttl img{width:80%}}@media only screen and (min-width:641px) and (max-width:768px){.login-v1-sub{font-size:1.8rem}}