@charset "utf-8";
/*--------------------------------------
	copyright :　webcal
--------------------------------------*/

@import url(normalize.css);
/*@import url(../_plugin/fontawesome/css/all.min.css);*/
@import url(common_parts.css);
@import url(common.css);


/*　index　==============================*/
.flb { display: flex; }
input { padding: 3px; }
button { padding: 3px 10px; }

/* mv ----------*/


/* main  ----------*/
#main { position: relative; }
#main .sec_contents { position: relative; width: 650px; height: 650px; margin: auto; }
#main .sec_contents .form_wrap { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 3rem; border: 1px solid #ddd; border-radius: 7px; }
#main .sec_contents .form_wrap dl { margin-bottom: 20px; }
#main .sec_contents .form_wrap .pass_disp { cursor: pointer; background: #e5e5e5; border: 1px solid #ddd; border-radius: 3px; padding: 3px 5px; }
#main .sec_contents .form_wrap .flb li:not(:nth-last-of-type(1)) { margin-right: 1.5rem; }

/*========= レイアウトのためのCSS ===============*/

.box{ width: 100%; max-width: 550px; margin: 0 auto; padding: 40px; display:flex; justify-content: center; align-items: center; text-align: center; position: relative; }
.box .img_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px 0; }
.box .img_box img { border: 1px solid #e5e5e5; }