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

/* common
-------------------------------------------------- */
body {
    position: relative;
    color: #333;
    font-size:1rem;
    line-height: 1;
    font-family:'Grenze Gotisch',  'Noto Serif JP', serif;
    background:#fff;
    background-size:100% auto;
}

a { color:#333; text-decoration: none; transition:.3s;}
a:hover { text-decoration:underline; transition:.3s; }

img { width:100%; height:auto;}

article {
    margin:150px 3% ;
    text-align: center;
}

article ul li .photo {
    width:70%;
    margin:0 auto 25px;
}
article ul li p {
    line-height:1.8;
}
article ul li p small { font-size:13px;}

footer {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
}
footer p {
    padding:1.2rem 0;
    text-align:center;
    font-size:12px;
}

@media (min-width: 768px) {
/* tablet+PC用 */
    
    article ul {
        display:flex;
        justify-content: center;
    }
    article ul li {
        width:42%;
        text-align: center;
    }
}
@media (min-width: 1024px) {
/* PC用 */
    article {
        width:850px;
        margin:150px auto ;
    }
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
    article {
        margin:60px 3% ;
    }
    article ul li {
        width:66%;
        margin:0 auto 25px;
    }
}