@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ background:#4a94df; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ text-align:center; padding-top:12px; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* login */
.login{ max-width:450px; width:100%; background:#fff url(../images/login_bg.jpg) center bottom / 450px 280px no-repeat; box-shadow:0 0 20px #329fd7; padding:50px 60px; margin:60px auto; }
.login dl dd{ border-bottom:solid 1px #ccc; padding-bottom:2px; }
.login dl dd input{ width:100%; border:none; background:transparent; padding:4px 0; }

/* error */
.error{ background:#f7e3e3; padding:10px; }


/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ height:65px; padding-top:10px; }
.header img{ width:240px; height:auto; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ padding:20px; }


/* main **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* login */
.login{ padding:30px; margin:0 auto; }
.login .title img{ width:200px; height:auto; }

}


/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */

}