.m-sl-training{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3.2rem}@media screen and (max-width:767px){.m-sl-training{gap:1.6rem;grid-template-columns:repeat(1,1fr)}}.m-sl-training .item{border:1px solid #ccc;border-radius:8px;color:inherit;display:block;outline:2px solid transparent;outline-offset:-2px;padding:2.4rem 2.4rem 4.2rem;position:relative;text-decoration:none;transition:outline .2s,box-shadow .2s}@media screen and (max-width:767px){.m-sl-training .item{padding:1.6rem 1.6rem 4rem}}.m-sl-training .item:hover{box-shadow:0 3px 10px rgba(0,0,0,.2);opacity:1;outline-color:#00afd7}.m-sl-training .item:hover .title{color:#00afd7}.m-sl-training .item:hover .arrow{background-color:#00afd7;border-color:#00afd7}.m-sl-training .item:hover .arrow svg{fill:#fff}.m-sl-training .item .new{background-color:#e9537d;border-radius:1.2rem;color:#fff;display:block;font-size:1.3rem;left:-.8rem;letter-spacing:0;line-height:1;padding:.5rem 1rem;position:absolute;top:0;transform:translateY(-50%)}.m-sl-training .item .head{display:flex;gap:1.6rem;margin-bottom:1.6rem}@media screen and (max-width:767px){.m-sl-training .item .head{gap:1rem}}.m-sl-training .item .head .image{align-items:center;aspect-ratio:1/1;display:flex;flex:0 0 auto;justify-content:center;margin:0;width:8.8rem}@media screen and (max-width:767px){.m-sl-training .item .head .image{height:6.6rem;width:6.6rem}}.m-sl-training .item .head .image img{flex:0 1 auto;max-height:8.8rem}@media screen and (max-width:767px){.m-sl-training .item .head .image img{max-height:6.6rem}}.m-sl-training .item .head .title{font-size:2.2rem;font-weight:700;letter-spacing:normal;line-height:1.3;margin-bottom:1rem;transition:color .2s}@media screen and (max-width:767px){.m-sl-training .item .head .title{font-size:2rem}}.m-sl-training .item .head .sub-title{font-size:1.2rem;font-weight:500;letter-spacing:.05em;line-height:1.17;margin:0}.m-sl-training .item .head .sub-title>span{background-color:#f2f2f2;border-radius:4px;display:inline-block;padding:.4rem 1.2rem}.m-sl-training .item .list{font-size:1.4rem;line-height:1.6;list-style:none;margin:0;padding:0}.m-sl-training .item .list li{padding-left:1.8rem;position:relative}.m-sl-training .item .list li:not(:last-child){margin-bottom:.8rem}.m-sl-training .item .list li:before{border-bottom:2px solid #b74271;border-left:2px solid #b74271;content:"";display:block;height:.3rem;left:0;position:absolute;top:calc(.8em - .1rem);transform:rotate(-45deg);width:.7rem}.m-sl-training .item .arrow{align-items:center;aspect-ratio:1/1;border:1px solid #425563;border-radius:50%;bottom:1rem;display:flex;justify-content:center;position:absolute;right:1rem;transition:background .2s,border .2s;width:2.4rem}.m-sl-training .item .arrow svg{display:block;height:auto;fill:#425563;transition:fill .2s}