.worksans{
    font-family:'Work Sans',sans-serif
}
.wrap960{
    width:960px;
    margin:0 auto
}
@media screen and (max-width:960px){
    .wrap960{
        width:100%
    }
}
.content{
    background:#ebebeb;
    padding:100px 0 170px 0;
    margin-top:115px
}
@media only screen and (max-width:1475px){
    .content{
        margin-top:68px
    }
}
.content .mainTitle{
    margin-bottom:50px
}
@media only screen and (max-width:640px){
    .content .mainTitle{
        margin-bottom:20px
    }
}
.content .mainTitle h1{
    font-size:30px;
    color:#103861;
    font-weight:400;
    margin:0
}
@media only screen and (max-width:960px){
    .content .wrap960{
        width:calc(100% - 20px)
    }
}
.content article h4{
    font-size:22px;
    margin:50px 0 30px 0;
    padding-bottom: 30px;
    color:#000;
    font-weight:400;
    border-bottom: 1px #a7a7a7 solid;
    text-align: center;
}
.content article .text{
    padding-bottom:50px;
}
.content article .text p{
    margin:0;
    font-size:16px;
    line-height:1.6;
}
.content article .text .remark{
    margin:0;
    font-size:14px;
    line-height:1.6;
    color:#808080;
}
.content article .text.last{
    border:0
}
.content article .pdf_btn {
    display: flex;
    justify-content: center;
}
.content article .pdf_btn a {
    width: 30%;
    display: flex;
    justify-content: center;
}
@media only screen and (max-width:600px){
    .content article .pdf_btn a {
        width: 50%;
    }
}
.content article .pdf_btn a button {
    background-color: #1e0f41;
    color: #fff;
    border: none;
    width: 100%;
    font-size:20px;
    padding: 10px 0;
    border-radius: 30px;
    font-weight: bold;
}