/*

********************

_mixin.scss

********************

*/
.page-contents { background: url("../images/login/img_main.jpg") no-repeat center center; background-size: cover; color: #fff; text-align: center; position: relative; }
.page-contents .note { position: absolute; bottom: 0; right: 0; padding: 10px; text-align: right; }

#loginMain { width: 90%; padding: 10vw 0 12vw; margin: 0 auto; }
#loginMain .pageName { width: 16.25%; margin: auto; }
#loginMain .pageName img { width: 100%; height: auto; }
#loginMain #loginForm { max-width: 502px; margin: 30px auto 0; display: flex; flex-flow: row wrap; justify-content: space-between; }
#loginMain #loginForm input { width: 56.97%; box-sizing: border-box; padding: 10px 15px; }
#loginMain #loginForm #loginButton { width: 41.43%; background: #00CEFF url("../images/login/arrow_login.png") no-repeat; background-size: 29px 7px; background-position: right 19px bottom 17px; box-sizing: border-box; border: 0; color: #fff; padding: 10px; font-size: 14px; cursor: pointer; }
#loginMain #upDate { font-size: 12px; margin-top: 20px; }
#loginMain #noPasswd { max-width: 460px; margin: 40px auto 0; }
#loginMain #noPasswd .title { align-items: center; font-size: 15px; font-weight: normal; display: flex; }
#loginMain #noPasswd .title::before, #loginMain #noPasswd .title::after { content: ""; flex-grow: 1; height: 1px; background: #fff; display: block; }
#loginMain #noPasswd .title::before { margin-right: 1em; }
#loginMain #noPasswd .title::after { margin-left: 1em; }
#loginMain #noPasswd p { font-size: 10px; line-height: 1.8; margin-top: 15px; }
#loginMain #noPasswd .requestButton a { color: #000; font-size: 13px; display: block; letter-spacing: 0.4em; background-color: #cfcfcf; padding: 15px; text-decoration: none; max-width: 285px; margin: 20px auto 0; border-radius: 30px; }

@media screen and (max-width: 800px) { #loginMain { padding: 10vw 0 18vw; } }
@media screen and (max-width: 680px) { #loginMain { padding: 60px 0 100px; }
  #loginMain .pageName { width: 30%; }
  #loginMain #loginForm { max-width: 280px; }
  #loginMain #loginForm input { width: 100%; }
  #loginMain #loginForm #loginButton { width: 100%; margin-top: 10px; }
  #loginMain #noPasswd .requestButton a { max-width: 180px; } }