@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap');
@import url("https://use.typekit.net/vhc5tkt.css");

html {
font-size:62.5%;
}
@media (max-width:375px) {
html {
font-size:2.66vw;
}
}
body {
font-size:1.4rem;
font-family: 'Noto Serif JP', serif;
background:#F4F4F4;
padding:0 80px;
-webkit-animation: fadeIn 3s ease 0s 1 normal;
animation: fadeIn 3s ease 0s 1 normal;
}
@media screen and (max-width:768px){
body {
padding:0 10px;
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
a {
color:#000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
text-decoration:none;
}
a:hover {
color:#979797;
text-decoration:none;
}
header {
padding:80px 0;
}
h1 {
font-size:3.2rem;
font-family: adobe-arabic, sans-serif;
font-weight: 400;
font-style: normal;
}
h2 {
font-size:2.6rem;
font-family: adobe-arabic, sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom:8rem;
}
nav {
margin-bottom:8rem;
}
nav li {
font-size:2rem;
list-style-type:none;
margin-left:-4rem;
font-family: adobe-arabic, sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom:1.8rem;
}
main ul {
margin-bottom:4rem;
}
main li {
list-style-type:none;
margin-left:-4rem;
margin-bottom:1.6rem;
}
p {
margin-bottom:4rem;
line-height:3.2rem;
letter-spacing:0.05rem;
}
@media (max-width:375px) {
p {
letter-spacing:0rem;
}
}
p.eye{
margin-bottom:16rem;
}
section {
margin-bottom:16rem;
}