@charset "UTF-8";

/* 共通部分 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    font-size: 100%;
    background-color: black;
}
body {
    line-height: 1.7;
}
a{
    text-decoration: none;
}
img{
    max-width: 100%;
}
h3, h4, p, .page-lead {
    /* font-family: "Sawarabi Mincho"; */
    letter-spacing: 1px;
    color: white;
}
h2{
    font-family: 'Crimson Text', serif; 
    letter-spacing: 2px;
    color: white;
}
p{
    font-size: 1rem;
    color: white;
}
li{
    font-family: 'Crimson Text', serif;
    /* font-size: 0.7rem; */
    letter-spacing: 0.1rem;  
}
li a{
    color: #fff;
}

/* スクロールすると出る 使っているか確認 */
.fadeUpTrigger{
    opacity: 0;
}
.fadeUp{
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
    from{
      opacity: 0;
      transform: translateY(100px);
    }
    to{
      opacity: 1;
      transform: translateY(0);
    }
}
/* ----------------- */

/* PCデバイス向けのスタイル */
@media (min-width: 768px) {
    .fadeUpTrigger img {
        max-width: 800px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) { 
    .fadeUpTrigger {
        padding-left: 4%;
        padding-right: 4%;
    }
}