@charset "utf-8";

/* --------------------------------------------------------- */
/* signup.css */
/* --------------------------------------------------------- */


/* メイン
----------------------- */
#signup{}
#signup .txt{font-weight:bold;}

#signup form{margin-bottom:6.667%;}
#signup form .txt{margin:1em 0;line-height:160%;}
#signup form .input{width:81.539%;/*530*/margin:0 auto;}
#signup form .input span:after{content:'を入力してください';}
#signup form .id{margin-bottom:2.308%;}
#signup form .mail{margin-bottom:5.385%;}
#signup form .submit{width:53.847%;/*350*/margin:0 auto;}
#signup form .note{margin-bottom:2em;font-size:16px;font-weight:normal;}

#signup .btn{width:29.167%;/*350*/margin:0 auto 13.334%;}
#signup .btn a,
#signup .btn a{padding:1em 0;color:#fff;font-size:20px;font-weight:bold;line-height:100%;border-radius:30px;background:#e15e68;transition:opacity ease 0.3s;cursor:pointer;}



@media screen and (max-width: 1450px){

/* メイン
----------------------- */
#signup form .note{font-size:1.104vw;}

#signup .btn a{font-size:1.38vw;}

}



@media screen and (max-width: 750px){

/* メイン
----------------------- */
#signup form{margin-bottom:10.134%;}
#signup form .txt{line-height:178%;}
#signup form .input{width:84.058%;/*580*/}
#signup form .id{margin-bottom:2.174%;}
#signup form .mail{margin-bottom:5.073%;}
#signup form .submit{width:72.464%;/*500*/}
#signup form .note{font-size:3.734vw;}

#signup .btn{width:72.464%;margin:0 auto 23.189%;}
#signup .btn a,
#signup .btn a{font-size:4.267vw;border-radius:50px;}

}