@charset "UTF-8";


/*==============================================================================================
////////////////////////////////////////////////////////////////////////////////////////////////

	version: 1.0
	created: 2016/04/31
	update : -

////////////////////////////////////////////////////////////////////////////////////////////////
==============================================================================================*/
#titleBox{
display:none;
margin:40px 0 0;
text-align:center;
opacity:0;
transition:opacity 0.8s ease-out;
-webkit-transition:opacity 0.8s ease-out;
-moz-transition:opacity 0.8s ease-out;
}
#titleBox.animate{
opacity:1;
}
#title{
font-size:18px;
line-height:1.2;
}
#title span{
font-size:10px;
font-weight:normal;
}
#titleBox p{
display:inline-block;
background:#000;
padding:0.5em 3em;
margin:40px 0 0;
color:#fff;
border-radius:1.2em;
}



#logoWrap{
padding:40px;
position:relative;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
#logo{
margin:-115px 0 0 -204.5px;
position:absolute;
top:50%;
left:50%;
transition:top 0.5s ease-out,margin-top 0.5s ease-out;
-webkit-transition:top 0.5s ease-out,margin-top 0.5s ease-out;
-moz-transition:top 0.5s ease-out,margin-top 0.5s ease-out;
}
#logoWrap.animate #logo{
margin-top:0;
top:40px;
}
#logoWrap #logo.animate{
position:static;
margin:0;
}
#mainLogo{
width:382px;
height:164px;
margin:0 auto;
}
#mainLead{
margin:0 0 0 -20px;
text-align:center;
}
#mainLead span{
display:inline-block;
margin:0 0 0 20px;
}
#mainLeadWords01{
width:60px;
height:44px;
}
#mainLeadWords02{
width:77px;
height:44px;
}
#mainLeadWords03{
width:232px;
height:44px;
}