#login{margin:10px 0}#login_contents{background:white;box-shadow:1px 0 10px 0 rgba(0,0,0,0.1);padding:10px}#login_contents section{color:#333333}#login_contents .red{color:#dc000c}.sns_caution{font-size:1.4rem}#login_contents .head_line{display:flex;align-items:center}#login_contents .icon{-o-object-fit:contain;object-fit:contain}#login_contents .pass .icon{height:16px;padding:0;margin-right:5px;margin-left:0;-o-object-fit:contain;object-fit:contain}#login_contents h3{font-weight:bold;margin:5px 0}@media screen and (min-width: 737px){#login_contents{margin:30px 0}#login_contents h3{font-size:2rem}#login_contents .head_line{margin:0 30px}#login_contents .notice{margin:0 30px}#login_contents .icon{height:20px;width:17px;margin-right:8px}#login_contents .red{margin:0 30px}}@media screen and (max-width: 736px){#login_contents{margin:10px 0}#login_contents h3{font-size:1.8rem}#login_contents .head_line{margin:0}#login_contents .red{margin-left:8px}#login_contents .notice{margin-left:8px}#login_contents .icon{height:17px;width:14px;margin:0 10px 0 8px}}#login_form{text-align:center;margin:0 auto}#form_input .input_wrapper{font-weight:500}#form_input .form_label{font-weight:bold}#login_email,#login_password{text-align:center;width:100%}#form_input .input_wrapper input{border:1px solid #333333;box-shadow:none}#login_submit{margin-bottom:20px}#login_submit .submit_button{font-weight:500;color:white;font-size:1.5rem;box-sizing:border-box;background-color:#4a70eb;border-radius:3px;height:50px}@media screen and (min-width: 737px){#login_form{width:630px}#form_input{margin:0 auto;padding-top:40px}#form_input .input_wrapper{display:flex;justify-content:space-between;align-items:center;font-weight:500}#login_email,#login_password{font-size:1.6rem;text-align:center;margin:0 0 30px}#form_input .form_label{font-size:1.4rem}#form_input .input_wrapper input{width:430px;height:25px;border-radius:5px}#login_submit .submit_button{width:260px}}@media screen and (max-width: 736px){#login_form{width:100%}#form_input{width:100%;padding-top:10px}#login_email,#login_password{margin:0 0 15px}#form_input .input_wrapper{display:block;flex-direction:column;margin-right:0;text-align:left}#form_input .input_wrapper input{width:100%;height:30px;box-sizing:border-box;border-radius:3px;width:100%;font-size:1.6rem}#form_input .form_label{font-size:1.2rem;margin-bottom:5px}#login_submit .submit_button{width:230px;max-height:40px}}#auto_login{margin:20px 0;font-weight:500}#auto_login label{font-size:1.2rem}input[type="checkbox"]{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#auto_login label input[type="checkbox"]+span{position:relative;padding:0 5px 0 23px;font-weight:bold}#auto_login label input[type="checkbox"]+span::before,#auto_login label input[type="checkbox"]+span::after{position:absolute;top:0;left:0;display:inline-block;content:"";box-sizing:border-box}#auto_login label input[type="checkbox"]+span::before{z-index:0;background-color:transparent;width:18px;height:18px;border:1px #333333 solid;border-radius:2px}#auto_login label input[type="checkbox"]+span::after{z-index:1;margin:3px 6px;width:6px;height:9px}#auto_login label input[type="checkbox"]:checked+span::before{border:2px #4a70eb solid;background-color:#4a70eb}#auto_login label input[type="checkbox"]:checked+span::after{border:2px solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}#auto_login label input[type="checkbox"]{display:none}#lostpass_link,#new_user_link,#faq_link,#sns_link{font-size:1.3rem;display:flex;align-items:center;margin-left:calc(50% - 138px)}#lostpass_link a,#new_user_link a,#faq_link a,#sns_link a{color:#4a70eb}#new_user_link{margin-bottom:10px}#lostpass_link{margin-bottom:10px}#faq_link{margin-bottom:10px}#login_notes{text-align:left;border-top:1px solid #ccc}#login_notes .note p{color:#dc000c;margin-bottom:0;font-weight:bold}#login_notes .note{color:#333333}@media screen and (min-width: 737px){#login_notes{font-size:1.2rem;padding:40px 0 20px}#login_notes .note{margin-bottom:20px}#lostpass_link a,#new_user_link a,#faq_link a,#sns_link a{font-size:1.4rem}}@media screen and (max-width: 736px){#login_notes{font-size:1.1rem;padding:30px 0 10px}#login_notes .note{margin-bottom:10px}#login_contents .pass .icon{height:15px;padding:0}#lostpass_link{margin-bottom:6px}#lostpass_link,#new_user_link,#faq_link,#sns_link{margin-left:calc(50% - 120px)}#lostpass_link a,#new_user_link a,#faq_link a,#sns_link a{font-size:1.2rem}}