@charset "utf-8";

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


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


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* login */
.login{ max-width:450px; width:100%; background:#fff; box-shadow:0 0 20px #056ea5; 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:75px; 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 */

}