@charset "UTF-8";.head{display:flex;align-items:center}.head__inner{max-width:50.625vw;margin:3.125vw auto 4.6875vw}@media (min-width: 1281px){.head__inner{max-width:648px;margin:40px auto 60px}}@media (max-width: 767px){.head__inner{max-width:unset;margin:40px 0 48px}}.head__title{font-size:5.46875vw;font-weight:480;line-height:5.3125vw;letter-spacing:-.04em;text-align:center;margin:0 0 2.5vw}@media (min-width: 1281px){.head__title{font-size:70px;line-height:68px;margin:0 0 32px}}@media (max-width: 767px){.head__title{font-size:48px;font-weight:480;line-height:48px;letter-spacing:-.04em;margin:0 0 20px}}.head__text{font-size:1.71875vw;font-weight:400;line-height:2.1875vw;letter-spacing:-.02em;text-align:center;width:100%;max-width:47.03125vw;margin:0 auto}@media (min-width: 1281px){.head__text{font-size:22px;line-height:28px;max-width:602px}}@media (max-width: 767px){.head__text{font-size:20px;font-weight:400;line-height:24px;letter-spacing:-.02em;max-width:602px}}.course-banner{position:relative;overflow:hidden;pointer-events:none;background-color:#282a30}@media (min-width: 1281px){.course-banner:hover .course-banner__decor:before{transform:translate3d(50px,-100px,0)}}@media (min-width: 768px){.course-banner:hover .course-banner__decor:before{transform:translate3d(50px,-100px,0)}}@media (max-width: 767px){.course-banner{background-image:none}}.course-banner__inner{position:relative;padding:7.8125vw 0 7.96875vw}@media (min-width: 1281px){.course-banner__inner{padding:100px 0 102px}}@media (max-width: 767px){.course-banner__inner{padding:60px 0 0}}.course-banner__content{max-width:38.125vw;width:100%;position:relative;z-index:1}@media (min-width: 1281px){.course-banner__content{max-width:488px}}@media (max-width: 767px){.course-banner__content{max-width:100%;margin-bottom:20px}}.course-banner__title{font-size:3.90625vw;font-weight:480;line-height:3.75vw;letter-spacing:-.04em;color:#fff;margin-bottom:1.875vw}@media (min-width: 1281px){.course-banner__title{font-size:50px;line-height:48px;margin-bottom:24px}}@media (max-width: 767px){.course-banner__title{font-size:36px;font-weight:480;line-height:36px;letter-spacing:-.04em;text-align:center;margin-bottom:24px}}.course-banner__description{font-size:1.71875vw;font-weight:400;line-height:2.1875vw;letter-spacing:-.02em;color:#fff;margin-bottom:3.75vw;max-width:35.78125vw}@media (min-width: 1281px){.course-banner__description{font-size:22px;line-height:28px;margin-bottom:48px;max-width:458px}}@media (max-width: 767px){.course-banner__description{font-size:20px;font-weight:400;line-height:24px;letter-spacing:-.02em;text-align:center;margin-bottom:32px;max-width:100%}.course-banner__control{display:flex;justify-content:center}}.course-banner__control a{pointer-events:auto}.course-banner__decor{width:50%}@media (max-width: 767px){.course-banner__decor{position:relative;width:100%}}.course-banner__decor:before{display:block;content:"";position:absolute;width:61.40625vw;height:61.40625vw;background-color:#56d67f;border-radius:50%;right:-8.59375vw;top:15.15625vw;filter:blur(7.8125vw);transition:all .5s ease;z-index:1;transform:translateZ(0)}@media (min-width: 1281px){.course-banner__decor:before{width:786px;height:786px;right:-110px;top:194px;filter:blur(100px)}}@media (max-width: 767px){.course-banner__decor:before{max-width:393px;width:180%;height:393px;filter:blur(70px);left:50%;top:60%;transform:translate(-50%);z-index:0}}.course-banner__illustration{display:block;height:34.0625vw;width:46.09375vw;position:absolute;bottom:0;right:4%;z-index:3;transform:translate(-.15625vw)}@media (min-width: 1281px){.course-banner__illustration{height:436px;width:590px;transform:translate(-2px)}}@media (max-width: 767px){.course-banner__illustration{display:inline;position:relative;max-width:352px;width:100%;right:0}}.course-banner__illustration img{max-width:100%;display:block;margin:0 auto}.course-banner__bg{position:absolute;top:0;right:-30%;bottom:0;width:53.4375vw}@media (min-width: 1281px){.course-banner__bg{width:684px}}@media (max-width: 767px){.course-banner__bg{display:none}}.tools-list__inner{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.9375vw;max-width:86.25vw;margin:0 auto;padding:0 0 4.6875vw}@media (min-width: 1281px){.tools-list__inner{grid-gap:12px;max-width:1104px;padding:0 0 60px}}@media (max-width: 767px){.tools-list__inner{grid-template-columns:1fr;grid-gap:0;max-width:100%;padding:0 0 60px}}.tools-list .tool{text-align:center;max-height:27.1875vw;border-radius:.9375vw;padding:2.8125vw 1.875vw;transition:background-color .3s}@media (min-width: 1281px){.tools-list .tool{max-height:348px;border-radius:12px;padding:36px 24px}}@media (max-width: 767px){.tools-list .tool{max-height:unset;border-radius:12px;padding:20px}}.tools-list .tool:hover{background-color:#e8ebee}.tools-list .tool:hover img{transform:translateY(-.78125vw)}@media (min-width: 1281px){.tools-list .tool:hover img{transform:translateY(-10px)}}.tools-list .tool:active{transform:translateY(-.3125vw) scale(.98)}@media (min-width: 1281px){.tools-list .tool:active{transform:translateY(-4px) scale(.98)}}@media (max-width: 767px){.tools-list .tool:active{transform:translateY(-4px) scale(.98)}}.tools-list .tool__img{width:9.375vw;height:9.375vw;margin:0 auto 1.875vw}@media (min-width: 1281px){.tools-list .tool__img{width:120px;height:120px;margin:0 auto 24px}}@media (max-width: 767px){.tools-list .tool__img{width:100px;height:100px;margin:0 auto 24px}}.tools-list .tool__img img{display:block;max-width:100%;transition:transform .3s}.tools-list .tool__title{font-size:2.1875vw;font-weight:480;line-height:2.5vw;letter-spacing:-.04em;margin-bottom:1.25vw}@media (min-width: 1281px){.tools-list .tool__title{font-size:28px;line-height:32px;margin-bottom:16px}}@media (max-width: 767px){.tools-list .tool__title{font-size:24px;font-weight:480;line-height:26px;letter-spacing:-.04em;margin-bottom:12px}}.tools-list .tool__text{font-size:1.25vw;font-weight:400;line-height:1.5625vw;letter-spacing:-.02em}@media (min-width: 1281px){.tools-list .tool__text{font-size:16px;line-height:20px}}@media (max-width: 767px){.tools-list .tool__text{font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.02em}}body{background:#f0f3f6;color:#292b32}main{padding:var(--header-height) 0 0 0}