.graphic-designer-course-free-page-study-section{background:#fff;display:flex;justify-content:center}.section-3,.section-3 *{box-sizing:border-box}.section-3{padding:84px 0 84px 0;display:flex;flex-direction:column;gap:64px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;margin:0 clamp(112px,7.8125vw,200px);max-width:clamp(1696px,84.375vw,2160px);width:calc(100% - clamp(112px,7.8125vw,200px) - clamp(112px,7.8125vw,200px));font-family:"Onest",sans-serif;letter-spacing:-0.01em !important}.section-3 .sc-3-head{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-headline{color:#1a1a1a;position:relative;align-self:stretch;font-size:64px;font-weight:600;line-height:106.25%;letter-spacing:-0.64px}.section-3 .sc-3-subtitle{color:#666;text-align:center;font-size:20px;font-weight:400;line-height:26px;letter-spacing:-0.01em;position:relative;align-self:stretch}.section-3 .sc-3-cards{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-cards .mob_image{display:none}.section-3 .sc-3-cards-line-1{display:flex;flex-direction:row;gap:24px;align-items:stretch;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-cards-card-1{border:1px solid #ebebeb;background:#f7f7f7;border-radius:24px;padding:calc(48px + (64 - 48)*(100vw - 1920px)/(2560 - 1920)) calc(48px + (64 - 48)*(100vw - 1920px)/(2560 - 1920)) 0 calc(48px + (64 - 48)*(100vw - 1920px)/(2560 - 1920));display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:space-between;align-self:stretch;width:49.4%;position:relative}.section-3 .sc-3-cards-card-1-badge{display:flex;padding:12px 24px 12px 20px;align-items:center;gap:10px;position:absolute;top:-24px;right:40px;border-radius:12px;background:#0fa958}.section-3 .sc-3-cards-card-1-badge-img-box{width:24px;height:auto}.section-3 .sc-3-cards-card-1-badge-text{color:#fafafa;font-size:20px;font-weight:800;line-height:110%;letter-spacing:-0.01em;margin-bottom:-0.2em}.section-3 .sc-3-card-1-head{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-card-1-head .sc-3-card-head-text{gap:20px}.section-3 .sc-3-card-head-figure{border-radius:100px;padding:4px 12px 4px 12px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.section-3 .sc-3-card-head-figure._white{background:#fafafa}.section-3 .number{color:#fafafa;font-size:20px;line-height:26px;font-weight:600;letter-spacing:-0.01em;position:relative}.section-3 .number._black{color:#1a1a1a}.section-3 .sc-3-card-head-text{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-card-head-text .card-title-sc-3{color:#1a1a1a;font-size:clamp(32px,1.5625vw,40px);font-family:"Onest",sans-serif;line-height:110%;font-weight:600;letter-spacing:-0.01em;position:relative;align-self:stretch}.section-3 .sc-3-card-head-text .card-title-sc-3._white{color:#fafafa}.section-3 .sc-3-card-head-text .card-text{color:#666;font-size:clamp(18px,.78125vw,20px);line-height:130%;font-weight:400;letter-spacing:-0.01em;position:relative;align-self:stretch}.section-3 .sc-3-card-head-text .card-text._white{color:#fafafa}.section-3 .sc-3-card-1-image{position:relative;overflow:hidden;object-fit:contain;max-width:100%}.section-3 .sc-3-cards-card-1 picture{display:flex;align-items:center;justify-content:center}.section-3 .sc-3-cards-column{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:space-between;width:49.4%;position:relative}.section-3 .sc-3-cards-column .sc-3-cards-card:nth-child(2) .sc-3-card-3-head{width:54%}.section-3 .sc-3-cards-card{border:1px solid #ebebeb;background:#f7f7f7;border-radius:24px;overflow:hidden;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.section-3 .sc-3-card-2-head{padding:calc(48px + (64 - 48)*(100vw - 1920px)/(2560 - 1920)) 0 calc(48px + (64 - 48)*(100vw - 1920px)/(2560 - 1920)) calc(48px + (64 - 48)*(100vw - 1920px)/(2560 - 1920));display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;width:53%;position:relative}.section-3 .col_image{width:49%;align-self:center;display:flex;justify-content:flex-end}.section-3 .col_image .sc-3-card-2-image{position:relative;overflow:hidden;object-fit:cover;max-width:calc(370px + (450 - 370)*(100vw - 1920px)/(2560 - 1920));width:100%}.section-3 .sc-3-card-3-head{padding:calc(48px + (64 - 48)*(100vw - 1920px)/(2560 - 1920)) 0 calc(48px + (64 - 48)*(100vw - 1920px)/(2560 - 1920)) calc(48px + (64 - 48)*(100vw - 1920px)/(2560 - 1920));display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;width:55%;position:relative}.section-3 .sc-3-card-3-image{position:relative;overflow:hidden;object-fit:cover;max-width:calc(370px + (450 - 370)*(100vw - 1920px)/(2560 - 1920));width:100%}.section-3.section_3_research .sc-3-headline{max-width:1400px;align-self:center}.design-system-study-section.portfolio-study-section{background-color:#f4f4f4}@media(min-width: 1025px)and (max-width: 1920px){.section-3{gap:48px;margin:0 clamp(80px,5.8333333333vw,112px);width:calc(100% - clamp(80px,5.8333333333vw,112px) - clamp(80px,5.8333333333vw,112px))}.section-3 .sc-3-headline{font-size:56px;line-height:60px}.section-3 .sc-3-card-2-head{padding:48px 0 48px 48px}.section-3 .sc-3-card-3-head{padding:48px 0 48px 48px}.section-3 .number{font-size:18px;line-height:24px}.section-3 .sc-3-card-head-figure{padding:4px 12px 4px 12px}.section-3 .sc-3-card-head-text .card-title-sc-3{font-size:32px;line-height:112.5%}.section-3 .sc-3-card-1-head{gap:20px}.section-3 .sc-3-card-head-text .card-text{font-size:18px;line-height:133.333%}.section-3 .sc-3-card-head-text{gap:16px}.section-3 .sc-3-card-1-head .sc-3-card-head-text{gap:16px}.section-3 .sc-3-cards-column{gap:20px}.section-3 .sc-3-cards-line-1{gap:20px}.section-3 .sc-3-cards{gap:20px}.section-3 .sc-3-cards-card-1{padding:48px 48px 0 48px;gap:0}.section-3 .sc-3-cards-column .sc-3-cards-card:nth-child(2) .sc-3-card-3-head{width:52%}.section-3 .sc-3-card-1-image{max-width:100%}.section-3 .sc-3-cards-card-1-badge{padding:12px 20px 12px 16px;gap:8px}.section-3 .sc-3-cards-card-1-badge-text{font-size:18px;line-height:122.222%}.section-3.section_3_research .sc-3-headline{max-width:1330px}.section-3 .sc-3-card-3-image{max-width:450px}.section-3 .col_image .sc-3-card-2-image{max-width:450px}}@media(min-width: 1025px)and (max-width: 1536px){.section-3{margin:0 80px;gap:clamp(36px,3.125vw,48px);width:calc(100% - 80px - 80px);padding:5.46875vw 0 84px 0}.section-3 .col_image{width:46%}.section-3 .col_image .sc-3-card-2-image{max-width:310px}.section-3 .sc-3-cards-card{border-radius:24px}.section-3 .sc-3-cards-card-1{border-radius:24px}.section-3 .sc-3-card-1-image{max-width:100%}.section-3 .sc-3-card-2-head{width:52%}.section-3 .sc-3-headline{font-size:clamp(48px,3.6458333333vw,56px)}.section-3 .sc-3-card-head-text .card-title-sc-3{font-size:clamp(18px,1.8229166667vw,28px);line-height:114.286%;letter-spacing:-0.28px}.section-3 .sc-3-card-head-text .card-text{font-size:clamp(15px,1.0416666667vw,16px);line-height:137.5%;letter-spacing:-0.16px}.section-3 .sc-3-cards-column{gap:24px}.section-3 .sc-3-cards-line-1{gap:24px}.section-3 .sc-3-cards{gap:24px}.section-3 .sc-3-card-1-head{gap:24px}.section-3 .sc-3-cards-card-1-badge{padding:.78125vw 1.3020833333vw .78125vw 1.0416666667vw;gap:.5208333333vw;top:-1.5625vw;right:2.6041666667vw}.section-3 .sc-3-cards-card-1-badge-img-box{width:clamp(16px,1.5625vw,24px)}.section-3 .sc-3-cards-card-1-badge-text{font-size:clamp(14px,1.171875vw,18px)}}@media(min-width: 1025px)and (max-width: 1300px){.section-3 .sc-3-cards-line-1{flex-direction:column}.section-3 .sc-3-cards-column{width:100%}.section-3 .sc-3-cards-card-1{width:100%}.section-3 .sc-3-headline{font-size:clamp(44px,3.125vw,48px)}}@media all and (max-width: 1024px){.graphic-designer-course-free-page-study-section{row-gap:32px;padding:0 8px 24px 8px;background:#f4f4f4}.section-3{padding:32px 20px 20px 20px;border-radius:20px;gap:24px;width:100%;background:#fff}.section-3 .sc-3-headline{font-size:28px;line-height:32px;letter-spacing:-0.28px}.section-3 .sc-3-head{gap:16px}.section-3 .sc-3-cards-line-1{flex-direction:column;gap:12px}.section-3 .sc-3-cards-card-1{padding:24px 19px 0 19px;width:100%;border-radius:16px;gap:8px}.section-3 .sc-3-cards-card{flex-direction:column}.section-3 .sc-3-card-2-head{width:100%;padding:24px 20px 0 20px}.section-3 .col_image{width:100%;text-align:center}.section-3 .sc-3-cards-column{gap:12px;width:100%}.section-3 .sc-3-cards{gap:12px}.section-3 .sc-3-card-3-head{width:100%;padding:24px 20px 0 20px}.section-3 .sc-3-card-head-text .card-title-sc-3{font-size:24px;line-height:28px;letter-spacing:-0.24px}.section-3 .sc-3-card-head-text .card-text{font-size:16px;line-height:137.5%}.section-3 .sc-3-card-head-text{gap:12px}.section-3 .sc-3-card-1-head .sc-3-card-head-text{gap:12px}.section-3 .sc-3-cards .mob_image{display:flex;justify-content:center;width:100%}.section-3 .sc-3-cards .desk_image{display:none}.section-3 .sc-3-card-head-figure{border-radius:100px;padding:5px 12px}.section-3 .number{font-size:16px;line-height:22px}.section-3 .sc-3-cards-column .sc-3-cards-card:nth-child(2) .sc-3-card-3-head{width:100%}.section-3 .sc-3-card-1-head{gap:16px}.section-3 .sc-3-card-2-head{padding:0;gap:16px}.section-3 .sc-3-cards-card{padding:22px 19px 0 19px;gap:8px;border-radius:16px}.section-3 .sc-3-card-3-head{padding:0;gap:16px}.section-3 .sc-3-cards-card-1-badge{padding:7px 16px 7px 12px;gap:8px;top:24px;right:20px;border-radius:100px;background:#5a75ff}.section-3 .sc-3-cards-card-1-badge-img-box{width:18px}.section-3 .sc-3-cards-card-1-badge-text{font-size:14px;line-height:114.286%}.section-3 .sc-3-card-3-image{max-width:450px}.section-3 .col_image .sc-3-card-2-image{max-width:450px}}/*# sourceMappingURL=graphic-designer-course-free-page-study.css.map */