.main > .link-list { position: relative; padding-left: var(--padding); padding-right: var(--padding); padding-top: var(--section_space); padding-bottom: var(--section_space); }
@media (max-width: 1079px) { .main > .link-list { padding-left: var(--padding-tablet); padding-right: var(--padding-tablet); } }
@media (max-width: 699px) { .main > .link-list { padding-left: var(--padding-mobile); padding-right: var(--padding-mobile); } }
@media (max-width: 1079px) { .main > .link-list { padding-top: calc(var(--section_space) - 15px); padding-bottom: calc(var(--section_space) - 15px); } }
@media (max-width: 699px) { .main > .link-list { padding-top: calc(var(--section_space) - 25px); padding-bottom: calc(var(--section_space) - 25px); } }
.main > .link-list .wrap { max-width: var(--wrap-regular); margin-left: auto; margin-right: auto; }
.main > .link-list .wrap .intro .intro-content { margin-bottom: 1.8em; }
.main > .link-list .wrap .links { position: inherit; }
.main > .link-list .wrap .links.link-slider { margin-left: -15px; margin-right: -15px; padding-top: 10px; }
.main > .link-list .wrap .links.link-slider .item { text-decoration: none; padding: 0 15px; }
.main > .link-list .wrap .links.link-slider .item .inner { position: relative; background: var(--light-grey); overflow: hidden; }
.main > .link-list .wrap .links.link-slider .item .inner .content { position: relative; z-index: 2; padding-bottom: 100%; width: 100%; height: 0; color: white; }
.main > .link-list .wrap .links.link-slider .item .inner .content.description { background-color: rgba(0, 0, 0, 0.1); }
.main > .link-list .wrap .links.link-slider .item .inner .content .wrapper { padding: 30px 20px; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; }
.main > .link-list .wrap .links.link-slider .item .inner .content .wrapper .title { font-size: 2em; font-weight: 700; margin-bottom: 0.3em; display: inline-block; line-height: 1.1em; }
.main > .link-list .wrap .links.link-slider .item .inner .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transform: scale(1); transition: all ease-in-out 0.3s; }
.main > .link-list .wrap .links.link-slider .item .inner .background img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main > .link-list .wrap .links.link-slider .item .inner .background:after { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main > .link-list .wrap .links.link-slider .item:hover .background { transform: scale(1.1); }
.main > .link-list .wrap .links.link-list { display: flex; flex-flow: wrap; margin: 0 -15px; }
.main > .link-list .wrap .links.link-list > * { width: calc(100% / 2 - 30px); padding: 15px 15px; box-sizing: content-box; }
@media (max-width: 699px) { .main > .link-list .wrap .links.link-list > * { width: 100%; box-sizing: inherit; } }
.main > .link-list .wrap .links.link-list .item { color: var(--textcolor); text-decoration: none; }
.main > .link-list .wrap .links.link-list .item .inner { display: flex; flex-direction: column-reverse; position: relative; }
.main > .link-list .wrap .links.link-list .item .inner .content { width: 100%; }
.main > .link-list .wrap .links.link-list .item .inner .content .wrapper { padding-left: 0; padding-right: 0; }
.main > .link-list .wrap .links.link-list .item .inner .content .wrapper .action { cursor: pointer; }
.main > .link-list .wrap .links.link-list .item .inner .background { width: 100%; padding-bottom: 52.3%; height: 0; position: relative; margin-bottom: 1em; }
.main > .link-list .wrap .links.link-list .item .inner .background img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; }
.main > .link-list .wrap .links .slick-dots { left: 0; }
