.m-service-course{margin-top:60px}@media screen and (max-width:767px){.m-service-course{margin-top:35px}}.m-service-course .course-menu__group{display:grid;gap:2.4rem;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:767px){.m-service-course .course-menu__group{grid-template-columns:1fr}}.m-service-course .course-menu__item{background-color:hwb(from var(--group-color) h w b/.1);display:grid;gap:1.6rem;grid-row:span 3;grid-template-rows:subgrid;padding:2rem;text-align:center}.m-service-course .course-menu__item>*{margin:0}.m-service-course .course-menu__button a{background-color:var(--group-color);border:2px solid var(--group-color);color:#fff;display:inline-block;font-weight:700;max-width:100%;min-width:26rem;padding:.8rem 3.4rem;position:relative;text-decoration:none;transition:background .25s,color .25s}.m-service-course .course-menu__button a:after{border-right:2px solid;border-top:2px solid;content:"";display:block;height:1rem;position:absolute;right:1.7rem;top:calc(50% - 1rem);transform:rotate(135deg);width:1rem}.m-service-course .course-menu__button a:hover{background-color:#fff;color:var(--group-color);opacity:1}.m-service-course .course-block{margin-top:6rem}.m-service-course .course-block__head{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem 2.4rem;margin-bottom:3.2rem}.m-service-course .course-block__title{color:#00afd7;font-size:3.2rem;font-weight:700;margin:0}.m-service-course .course-block__lead{font-weight:500;margin:0}.m-service-course .course-block__grid{align-items:flex-start;display:grid;gap:2.4rem;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:767px){.m-service-course .course-block__grid{grid-template-columns:1fr}}.m-service-course .course-card{background:#fff;border:1px solid #dde1e6;padding:2rem}@media screen and (max-width:767px){.m-service-course .course-card{width:100%}}.m-service-course .course-card__title{align-items:flex-start;display:flex;gap:1.6rem}.m-service-course .course-card__logo{flex:0 0 auto;max-width:6.7rem}.m-service-course .course-card__title-body{flex:1 1 auto;min-width:0}.m-service-course .course-card__name{font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.m-service-course .course-card__desc{font-size:1.4rem;margin:0}.m-service-course .course-card__row{align-items:center;background:rgba(0,175,215,.1);display:flex;gap:.8rem;margin-top:1.4rem;padding:1.4rem}@media screen and (max-width:767px){.m-service-course .course-card__row{align-items:stretch;flex-direction:column}}.m-service-course .course-card__row-txt{display:flex;flex:1 1 auto;flex-direction:column;gap:.4rem .8rem;min-width:0}.m-service-course .course-card__row-head{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.m-service-course .course-card__row-heading{align-items:center;display:flex;flex-shrink:0;gap:.8rem;margin:0}.m-service-course .course-card__row-icon{display:block;flex:0 0 auto;height:auto;width:1.8rem}.m-service-course .course-card__row-label{font-weight:700}.m-service-course .course-card__row-badge{background:#00afd7;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:normal;line-height:1.6;padding:.2rem .6rem}.m-service-course .course-card__row-text{font-size:1.3rem;font-weight:400;margin:0}.m-service-course .course-card__btn{align-items:center;background:#425563;border:2px solid #425563;color:#fff;display:inline-flex;flex:0 0 auto;font-size:1.3rem;font-weight:700;justify-content:center;letter-spacing:normal;max-width:50%;padding:.6rem 1.4rem;text-decoration:none;transition:background .25s,color .25s}@media screen and (max-width:767px){.m-service-course .course-card__btn{align-self:center;max-width:100%}}.m-service-course .course-card__btn:hover{background:#fff;color:#425563;opacity:1}.m-service-course .supplement__group{align-items:flex-start;background-color:#f6f6f6;display:flex;gap:2.4rem 4rem;margin-top:6rem;padding:1.6rem 2.4rem}@media screen and (max-width:767px){.m-service-course .supplement__group{flex-direction:column}}.m-service-course .supplement__heading{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:.8rem;margin:0}.m-service-course .supplement__heading:is(h3){flex-shrink:0;width:19.5%}@media screen and (max-width:767px){.m-service-course .supplement__heading:is(h3){width:100%}}.m-service-course .supplement__heading .icon{display:block;flex-shrink:0;height:auto}.m-service-course .supplement__item{font-size:1.4rem;line-height:1.65;width:100%}.m-service-course .supplement__item h4{margin-bottom:.8rem}