@charset "utf-8";

/* =========================================================
for JavaScript PC
=========================================================== */
form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
padding-right:1px;
color:#ee0101;
}
form#mail_form dl dt span.required{
}
form#mail_form dl dt span.optional{
}
form#mail_form dl dd span.error_blank,
form#mail_form dl dd span.error_format,
form#mail_form dl dd span.error_match{
font-size:13px;
color:#ee0101;
}
div.loading-layer {
width: 100vw;
height: 100vh;
background: rgba(255,255,255,.75 );
position: fixed;
left: 0px;
top: 0px;
z-index: 10000;
}
span.loading{
width:50px;
height:50px;
border-radius:50%;
border-top:5px solid rgba( 255, 255, 255, 0.2 );
border-right:5px solid rgba( 255, 255, 255, 0.2 );
border-bottom:5px solid rgba( 255, 255, 255, 0.2 );
border-left:5px solid #ffffff;
-webkit-transform:translateZ( 0 );
-ms-transform:translateZ( 0 );
transform:translateZ( 0 );
-webkit-animation:load-circle 1.0s linear infinite;
animation:load-circle 1.0s linear infinite;
position:absolute;
top:50%;
left:50%;
margin-top:-30px;
margin-left:-30px;
}

@-webkit-keyframes load-circle{
0%{
-webkit-transform:rotate( 0deg );
transform:rotate( 0deg );
}
100%{
-webkit-transform:rotate( 360deg );
transform:rotate( 360deg );
}
}

@keyframes load-circle{
0%{
-webkit-transform:rotate( 0deg );
transform:rotate( 0deg );
}
100%{
-webkit-transform:rotate( 360deg );
transform:rotate( 360deg );
}
}

/* =========================================================
for JavaScript SP
=========================================================== */
form#mail_form dl dt span.required,
form#mail_form dl dt span.optional{
margin-right:2px;
}