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

/*body{
    margin:0;
    font-family:"Hiragino Mincho ProN", serif;
    background:#f7f5f1;
    color:#3f3a36;
    line-height:1.9;
}

.wrapper{
    max-width:900px;
    margin:0 auto;
    padding:100px 20px;
}
*/
/* hero */
h1{
    text-align:center;
    font-weight:normal;
    letter-spacing:0.15em;
    margin-bottom:20px;
}

.hero-line{
    width:60px;
    height:1px;
    background:#d8d2c8;
    margin:0 auto 40px;
}

.lead{
    text-align:center;
    font-size:14px;
    color:#6f6a63;
    margin-bottom:80px;
}

/* section */
.section{
    margin-bottom:80px;
    opacity:0;
    transform:translateY(20px);
    transition:all 0.8s ease;
}

.section.show{
    opacity:1;
    transform:translateY(0);
}

.section h2{
    font-weight:normal;
    font-size:20px;
    border-bottom:1px solid #ddd6cc;
    padding-bottom:12px;
    margin-bottom:30px;
    letter-spacing:0.1em;
}

.qa{
    margin-bottom:35px;
}

.qa h3{
    font-weight:bold;
    font-size:18px;
    margin-bottom:10px;
}

.qa p{
    font-size:14px;
    margin-bottom:10px;
}

.note{
    font-size:13px;
    color:#8c857c;
}

ul{
    padding-left:20px;
    margin-bottom:10px;
}

/* button */
/*.btn-area{
    text-align:center;
    margin-top:60px;
}

.btn{
    display:inline-block;
    padding:14px 40px;
    border:1px solid #b8b1a8;
    text-decoration:none;
    color:#3f3a36;
    font-size:14px;
    letter-spacing:0.1em;
    transition:all 0.3s ease;
}

.btn:hover{
    background:#3f3a36;
    color:#fff;
}

footer{
    text-align:center;
    margin-top:100px;
    font-size:13px;
    color:#8c857c;
}*/