@charset "utf-8";



/* section */

section .photo {
    width:100%;
    max-width:800px;
    margin:0 auto 80px;
}
section h3 {
    margin: 20px auto 50px;
    font-size:1.2rem;
}
section p {
    margin:50px auto 0;
}
section ul.pdf {
    width:100%;
    margin:50px auto 0;
    display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:flex-start; align-items:flex-start;
}
section ul.pdf li {margin:5px;}
section ul.pdf li a {
    padding:10px 15px 10px 45px;
    display: block;
    color:#fff;
    line-height:1.5;
    letter-spacing: 0;
    background:#c8a273;
    position:relative;
}
section ul.pdf li a::after {
    content:"";
    width: 24px;
    height:24px;
    position:absolute; top:8px; left:10px;
    background:url("../img/topics/pdf.svg") center no-repeat;
    background-size:contain;
}

article > a {
    width:250px;
    margin:50px auto 0;
    padding:8px 0;
    display:block;
    color:#fff;
    text-align:center;
    line-height:1.5;
    background:#3d2b06;
}

@media only screen and (max-width:640px){
    
    section .photo {margin:0 auto 70px;}
    section h3 {margin:10px auto 30px;}
}