@charset "UTF-8";

*{
box-sizing:border-box;
border-style:solid;
border-width:0;
}

/* =========================================================
body, wrap
=========================================================== */
html{
height:100%;
}
body{
height:100%;
font-family:"Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
}
.l-wrap{
position:relative;
width:100%;
height:100%;
min-height:640px;
background:linear-gradient(to bottom right, #fff, #e4f6f7);
}

/* =========================================================
header
=========================================================== */
header.l-header{
position:absolute;
top:0;
width:100%;
}
header.l-header .l-header__inner{
position:relative;
padding:20px 0;
line-height:1;
text-align:center;
}

/* =========================================================
footer
=========================================================== */
footer.l-footer{
position:absolute;
bottom:0;
width:100%;
}
footer.l-footer .l-footer__inner{
position:relative;
padding:0 0 20px;
line-height:1;
font-size:13px;
text-align:center;
letter-spacing:1px;
color:#999999;
overflow:hidden;
}

/* =========================================================
.l-title
=========================================================== */
.l-title{
position:absolute;
top:50%;
left:50%;
width:80%;
height:auto;
text-align:center;
transform:translate(-50%, -50%);
animation:an-syoumyouji .5s ease-in .5s 1 normal forwards;
will-change:transform;
opacity:0;
}
@keyframes an-syoumyouji{
0%{
opacity:0;
transform:translate(-50%, -50%);
}
100%{
opacity:1;
transform:translate(-50%, -55%);
}
}
.l-title__jsh{
position:relative;
margin:0 0 18px;
font-size:25px;
line-height:1;
text-align:center;
letter-spacing:1px;
font-family: 'M PLUS 1p', sans-serif;
}
.l-title__smj{
position:relative;
margin:0 0 40px;
font-size:64px;
line-height:1;
text-align:center;
letter-spacing:1px;
font-family: 'Shippori Mincho B1', serif;
}
ul.l-title__info{
position:relative;
font-size:16px;
line-height:1.8;
text-align:center;
letter-spacing:1px;
font-family: 'M PLUS 1p', sans-serif;
animation:an-adress .5s ease-in 1.3s 1 normal forwards;
will-change:transform;
opacity:0;
transform:rotateZ(0.03deg);
}
ul.l-title__info li{
position:relative;
padding-left:0;
}
@keyframes an-adress{
0%{
opacity:0;
}
100%{
opacity:1;
}
}
ul.l-title__info li i{
margin-right:2px;
color:#6a95cc;
}
ul.l-title__info li a{
color:#1a73e8;
}
ul.l-title__info li a:hover{
text-decoration:underline;
}
.p-sponly{
display:none;
}