@charset "utf-8";
/* CSS Document */

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{ -webkit-text-size-adjust: 100%; height:100%; font-size: 62.5%; /*font-size: 10px;*/}
body{
  height:100%;
  font-size: 14px; font-size: 1.4rem;
  letter-spacing:1.2px;
  animation: fadeIn 1.5s ease 0s 1 normal;
  -webkit-animation: fadeIn 1.5s ease 0s 1 normal;  font-family: 'Noto Sans JP', sans-serif;
}



@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
p{ line-height:1.6em; color: #333; font-size: 1.4rem;}
a { text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

.clear { clear: both}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

h1{ position: absolute; top: 50%; left: 0; right: 0; bottom: 0; margin: auto; text-align: center;}