@charset "UTF-8";
.s-lists li{margin-bottom:10%;}
.s-lists .mds{font-family: "Prompt", sans-serif;font-weight: 600;color: var(--red);font-size: 6vw;line-height: 1.8;border-bottom: 1px solid #ccc;margin-bottom: 2vw;}
.s-lists .mds span{display:inline-block;font-size:50%;margin-left:3vw;color:#000000;font-weight:bold;}
.s-lists a{position:relative;padding: 5% 0;border-bottom: 1px dashed #e0e0e0;}
.s-lists a:after{ content: "\f105";position:absolute;font-family: 'icon';right:5%;opacity:0.5;}

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.s-lists li{margin-bottom:40px;}
.s-lists .mds{font-size: 35px;margin-bottom: 10px;}
.s-lists .mds span{font-size: 15px;margin-left: 20px;}
.s-lists a{padding: 20px 10px;position: relative;overflow: hidden;transition: ease .2s;}
.s-lists a span{position:relative;z-index:3}
.s-lists a:hover{opacity:1}
.s-lists a:before {content: '';position: absolute;top: 0;left: 0;z-index: 2;background:#fef2f9;width: 100%;height: 100%;transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform: scale(0, 1);transform-origin: right top;}
.s-lists a:hover:before{transform-origin:left top;transform:scale(1, 1);}
.s-lists a:after{width: 10px;height: 10px;right: 20px;transition:all 0.3s ease-in-out;z-index:3}
.s-lists a:hover:after{right:40px;}
}

@media screen and (min-width: 960px) {
.second-text{padding-top:50px;}
.s-lists .links{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.s-lists a{width:48%;}
}

@media screen and (min-width: 1200px) {
.s-lists a{width:24%;margin-right:10px;}
.s-lists a:hover:after{right:30px;}
.s-lists .links{-webkit-justify-content: start;justify-content: start;}
}
}