@charset 'utf-8';
.at-body > .at-container { max-width:100%;}
.page-content { font-size: 18px; line-height: 1.65; letter-spacing: -0.02em; color: #333;  }
.page-content h3 { position: relative; padding:  0 0 30px; margin: 0 0 70px; color: #111;  line-height: 1; font-size: 40px; font-weight: 500; text-align: center; }
.page-content h3:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 50px; height: 2px; background: #333; }
.page-content article { padding: 70px 10px;}
.page-content .bg { background: #f9f9f9;}
.page-content p { word-break: keep-all;}
.page-content b.green { color: #1f5d0b; font-weight: 500;}
.page-content .content { margin: 0 auto; width: 100%; max-width: 1320px;}
.page-content .img { text-align: center;}
.page-content .flex { display: flex; justify-content: space-between;}
.page-content a:hover { color:inherit}
.page-content ul { padding: 0; margin: 0;}
.page-content li { list-style:none}




@media (max-width:991px){
    .page-content article { padding: 60px 10px;}
    .page-content article h3 { padding: 0 0 25px; margin: 0 0 60px ; font-size: 38px;}
}
@media (max-width:768px){
    .page-content article { padding: 50px 10px;}
    .page-content article h3 { margin: 0 0 50px ; font-size: 36px;}
}
@media (max-width:576px){
    .page-content article { padding: 40px 10px;}
    .page-content article h3 {padding: 0 0 20px; margin: 0 0 40px ; font-size: 34px;}
    .page-content { font-size: 15px; }
}
@media (max-width:480px){
    .page-content article { padding: 30px 10px;}
    
}