#section-title { background: url(/archives/jlyp/2021/assets/images/links/bg_title.jpg) 50% 50% no-repeat; background-size: cover; position: relative; width: 100%; }

#section-contents ._p { margin-bottom: 90px; }

#section-contents .list { margin: 0 0 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#section-contents .list li { list-style: none; margin: 0 2% 30px 0; padding: 30px 25px 30px 25px; border: #ccc 1px solid; width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; float: left; }

#section-contents .list li:nth-child(2n) { margin-right: 0; }

#section-contents .list li .title { font-size: 1.8rem; line-height: 1.8; font-weight: bold; color: #333; display: block; margin-bottom: 10px; }

#section-contents .list li .tag { font-size: 1.2rem; font-weight: bold; color: #666; background: #e6e6e6; display: inline-block; padding: 5px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; border-radius: 11px; }

#section-contents .list li .note { display: block; margin: -10px 0 10px 0; font-size: 1.2rem; line-height: 1.3; }

#section-contents .list li .link { display: block; margin-top: 20px; }

#section-contents .list li .link a { font-size: 1.4rem; font-weight: bold; display: inline-block; padding: 15px 0; text-align: center; color: #fff; background: #e30310; width: 150px; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 5px; }

#section-contents .list li .link a:hover { opacity: 0.7; }