@charset 'utf-8';

/* reset */
*, :before, :after {
box-sizing:border-box;
font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
text-overflow:ellipsis;
padding:0; margin:0;
}
html { -webkit-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a:focus { outline:none;}
ul { list-style:none;}
img,iframe { border:0;}
button, select,input,textarea,label { outline:none; line-height:1;}
button, select,input[type='checkbox'],label { cursor:pointer;}
button::-moz-focus-inner,
 input::-moz-focus-inner { padding:0 !important; border:0 !important;}/* 呪 */
/* reset */
/* a */
a:link, a:visited { color:#233BEF; text-decoration:none;}
a:hover, a:active { color:#0073EF; text-decoration:underline;}
/* a */
/* body */
body {
position:relative;
overflow-x:hidden; overflow-y:scroll;
overflow-scrolling:touch; -webkit-overflow-scrolling:touch;
width:100vw; min-height:100vh; height:auto;
background:radial-gradient(farthest-side circle at center -10%,#566,#223,#000,#001,#122);
color:#677; line-height:1; text-align:center;
}
body > .inner { max-width:768px; width:100%; margin:0 auto;}
/* body */
/* header */
header { padding:32px;}
header * { filter:drop-shadow(0 1px 1px rgba(0,0,0,75%));}
header img { max-width:100%; width:auto;}
header .logo {
display:block; width:calc(100vw - 32px);
background:no-repeat center center / contain;
margin:0 auto;
}
header .logo { max-width:480px; max-height:160px; height:calc(33.33vw - 32px);}
header .logo.egg { max-width:160px; max-height:96px; height:calc(50vw - 32px); background-image:url('/project/egg/mail/src/img/logo/egg.png');}
header .logo.d4e { max-width:128px; max-height:128px; height:calc(50vw - 32px); background-image:url('/project/egg/mail/src/img/logo/d4e.png');}
@media screen and ( max-width:768px ){
header { padding:16px;}
}
/* header */
/* footer */
footer { padding:32px;}
footer a { display:inline-block; color:#FFF !important; font-size:10px;}
footer a:before {
display:block;
width:48px; height:48px;
background:url('../img/logo/d4e.png') no-repeat center center / contain;
margin:0 auto 8px;
content:'';
}
@media screen and ( max-width:768px ){ footer { padding:16px;}}
/* footer */