.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:-.64px}.section-3 .sc-3-subtitle{color:#666;text-align:center;font-size:20px;font-weight:400;line-height:26px;letter-spacing:-.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:-.01em;margin-bottom:-.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:-.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:-.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, 0.78125vw, 20px);line-height:130%;font-weight:400;letter-spacing:-.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:-.28px}.section-3 .sc-3-card-head-text .card-text{font-size:clamp(15px, 1.0416666667vw, 16px);line-height:137.5%;letter-spacing:-.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:-.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:-.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}}