.DesignOutput_output__Rk8Xd{width:100%;padding-block:min(calc(100vw * (100 / 1440)),100px);background-image:url(/optimized/assets/images/courses/design/img/output/output_bg.webp);background-repeat:no-repeat;background-position:50%;background-size:cover;@media (max-width:768px){padding-block:min(calc(100vw * (72 / 375)),72px) min(calc(100vw * (48 / 375)),48px);background-image:url(/optimized/assets/images/courses/design/img/output/output_bg_sp.webp);background-position:bottom;background-size:contain}}.DesignOutput_outputTypoUpper__lVw6U,.DesignOutput_outputTypo__Hx9QS{display:flex;flex-direction:column;gap:40px}.DesignOutput_outputTypoLower__P_gY6{@media (max-width:768px){padding-inline:calc(100vw * (14 / 375));font-size:calc(100vw * (14 / 375));line-height:1.8}}.DesignOutput_heading__pWzZF{display:flex;flex-direction:column;gap:24px;align-items:center;font-size:36px;font-weight:700;line-height:1.5;color:#1a1a1a;text-align:center;&:after{display:block;width:80px;height:3px;content:"";background-color:#1a1a1a}@media (max-width:768px){font-size:26px;&:after{width:40px}}}.DesignOutput_sectionSubTitle__Nv5EF{width:max-content;max-width:100%;margin-inline:auto;margin-top:24px;font-size:2.8rem;font-weight:700;line-height:1.6;color:#1e293b;text-align:center;@media (max-width:768px){font-size:2.1rem}}.DesignOutput_designGrade__i3Xlh{display:inline-block;height:41px;padding-inline:7px;line-height:41px;color:#fff;background:linear-gradient(270deg,#3b82f6,#8b5cf6 50.42%,#ec4899);@media (max-width:768px){height:33.47px;line-height:33.47px}&~.DesignOutput_designGrade__i3Xlh{margin-top:4px}}.DesignOutput_pcOnly__34tsg{display:block;@media (max-width:768px){display:none}}.DesignOutput_spOnly__THEpr{display:none;@media (max-width:768px){display:block}}.DesignOutput_tabs__eJvUA{display:flex;align-items:center;justify-content:center;margin-bottom:40px;@media (max-width:768px){flex-wrap:wrap;margin-bottom:22.31px}}.DesignOutput_tab__Qr3pW{position:relative;height:48px;padding-inline:16px;font-size:1.6rem;font-weight:400;line-height:48px;color:#acbbd5;border-bottom:1px solid #acbbd5;@media (max-width:768px){height:45px;padding-inline:8px;font-size:1.3rem;line-height:45px}@media (max-width:472px){height:45px;padding-inline:calc(100vw * (8 / 375));font-size:calc(100vw * (13 / 375));line-height:45px}}.DesignOutput_tabActive__7c3_7{font-weight:700;background:linear-gradient(270deg,#3b82f6,#8b5cf6 50.42%,#ec4899);-webkit-background-clip:text;background-clip:text;border-bottom-color:transparent;-webkit-text-fill-color:transparent;&:after{position:absolute;right:0;bottom:0;left:0;height:3px;content:"";background:linear-gradient(270deg,#3b82f6,#8b5cf6 50.42%,#ec4899)}}.DesignOutput_carousel__JcyGG{position:relative;width:100%;margin:auto;--slide-spacing:24px;--slide-size:1176px;--button-size:6.4rem;@media (max-width:768px){--slide-spacing:12px;--slide-size:calc(100vw * (335 / 375))}}.DesignOutput_stage__am2ps{position:relative}.DesignOutput_carousel__JcyGG .splide__track{position:relative;width:100%;padding-block:20px;margin-block:-20px}.DesignOutput_carousel__JcyGG .splide__slide{display:flex;width:calc(var(--slide-size))}.DesignOutput_slideContainer__wYCoV{display:flex;flex-direction:column;gap:16px;width:100%;padding:40px;margin-inline:auto;background:rgb(255 255 255/.8);border:2px solid #fff;border-radius:15px;box-shadow:0 3.75px 13.125px 0 rgb(126 159 210/.16);@media (max-width:768px){display:grid;grid-template-rows:1fr auto;padding-left:16px;padding-bottom:16px;padding-right:16px;padding-top:24px;border-radius:8px}}.DesignOutput_slideImage__lr8l2{width:100%;max-width:1200px;aspect-ratio:1120/467;background-repeat:no-repeat;background-position:50%;background-size:contain;@media (max-width:768px){aspect-ratio:101/106;background-position:top}}.DesignOutput_card01__Pxyfw{background-image:url(/optimized/assets/images/courses/design/img/output/output_card01.webp);@media (max-width:768px){background-image:url(/optimized/assets/images/courses/design/img/output/output_card01-sp.webp)}}.DesignOutput_card02__KHi8H{background-image:url(/optimized/assets/images/courses/design/img/output/output_card02.webp);@media (max-width:768px){background-image:url(/optimized/assets/images/courses/design/img/output/output_card02-sp.webp)}}.DesignOutput_card03__XJcA9{background-image:url(/optimized/assets/images/courses/design/img/output/output_card03.gif);@media (max-width:768px){background-image:url(/optimized/assets/images/courses/design/img/output/output_card03-sp.webp)}}.DesignOutput_card04__gnh79{background-image:url(/optimized/assets/images/courses/design/img/output/output_card04.gif);@media (max-width:768px){background-image:url(/optimized/assets/images/courses/design/img/output/output_card04-sp.webp)}}.DesignOutput_contents__6V9HL{display:flex;flex-direction:column;gap:24px;@media (max-width:768px){gap:16px;justify-content:space-between}}.DesignOutput_contentsTitle___ABLp{height:22px;font-size:22px;font-weight:700;line-height:20px;color:#1a1a1a;text-align:center;@media (max-width:768px){height:auto;font-size:18px;line-height:normal}}.DesignOutput_example__q1SwT{display:flex;gap:10px;align-items:center;justify-content:center}.DesignOutput_exampleFlex___k5gP{display:flex;gap:24px;align-items:center;justify-content:center;@media (max-width:768px){gap:3px}}.DesignOutput_exampleFlex___k5gP .DesignOutput_example__q1SwT{@media (max-width:768px){flex-direction:column;gap:10px}}.DesignOutput_multiplication__TVf41{font-size:1.6rem;font-weight:400;color:#576379}.DesignOutput_exampleTitle__IJa9d{height:25px;padding-inline:22.5px;font-size:1.4rem;font-weight:500;line-height:25px;color:#fff;background-color:#576379}.DesignOutput_exampleTools__hrEw6{height:25px;font-size:1.4rem;font-weight:400;line-height:25px;color:#576379}@media (max-width:768px){.DesignOutput_exampleTitle__IJa9d{min-width:135px;height:19px;padding-inline:12px;font-size:1rem;line-height:17px;text-align:center}.DesignOutput_exampleTools__hrEw6{height:19px;font-size:1rem;line-height:19px}}.DesignOutput_buttons__ZC_SP{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1283px;height:-moz-fit-content;height:fit-content;margin:auto;@media (max-width:768px){width:90vw}@media (max-width:472px){width:98.5893333%}}.DesignOutput_button__dUWNk{z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--button-size);height:var(--button-size);padding:0;margin:0;color:#1a1a1a;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;cursor:pointer;background-color:transparent;border:0;border-radius:50%;-webkit-tap-highlight-color:rgb(255 255 255/.5);& svg{display:block}@media (max-width:1080px){width:4rem;height:4rem}@media (max-width:768px){width:calc(100vw * (40 / 375));height:calc(100vw * (40 / 375))}}.DesignOutput_button__dUWNk:disabled{cursor:default;opacity:.35}.DesignOutput_controls___m73O{display:flex;gap:1.2rem;align-items:center;justify-content:center;margin-top:40px}.DesignOutput_dots___gA73{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.DesignOutput_dot__5B7fl{display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;cursor:pointer;background-color:#ccc;border:0;border-radius:50%;&:after{display:flex;width:10px;height:10px;content:"";border-radius:50%}@media (max-width:1080px){width:1rem;height:1rem;&:after{width:1rem;height:1rem}}@media (max-width:472px){width:.7rem;height:.7rem;&:after{width:.7rem;height:.7rem}}}.DesignOutput_dotActive__tSjR8{background-color:#333678}.DesignReason_reason__TypMA{width:100%;padding-block:64px;background-color:#382a7c;@media (max-width:768px){padding-block:48px 80px;padding-inline:16px}}.DesignReason_inner__F8TBx{display:flex;flex-direction:column;gap:40px;max-width:1200px;margin:0 auto;@media (max-width:768px){gap:32px}}.DesignReason_heading__8QUWs{display:flex;flex-direction:column;gap:24px;align-items:center;font-size:36px;font-weight:700;line-height:1.5;color:#fff;text-align:center;@media (max-width:768px){font-size:26px}&:after{display:block;width:80px;height:3px;content:"";background-color:#fff}@media (max-width:768px){gap:16px;&:after{width:40px;height:2px}}}.DesignReason_reasonContainer__6XUgp{display:flex;flex-direction:column;gap:20px;align-items:center;@media (max-width:768px){gap:32px}}.DesignReason_reasonDescription__izeVy{display:flex;flex-direction:column;gap:16px;align-items:center;font-size:1.6rem;font-weight:400;line-height:1.8;color:#fff;text-align:center;& p{max-width:900px}@media (max-width:768px){font-size:1.4rem}}.DesignReason_bold__1zFT6{font-weight:700}.DesignReason_reasonGraph__Q4PL3{width:min(100%,1000px)}.DesignReason_reasonGraph__Q4PL3 img{width:100%;height:auto}.DesignReason_pcOnly__in_L9{display:block;@media (max-width:768px){display:none}}.DesignRecommend_components-design-recommend__tJIGf{width:100%;padding:80px 20px 0;background:#fff;@media (max-width:768px){padding-top:72px}}.DesignRecommend_components-design-recommend__inner__3dwhB{display:flex;flex-direction:column;gap:32px;max-width:1000px;margin:0 auto}.DesignRecommend_components-design-recommend__heading__hMBLU{display:flex;flex-direction:column;gap:24px;align-items:center;font-size:36px;font-weight:700;line-height:1.5;color:#1a1a1a;text-align:center;@media (max-width:768px){font-size:26px}}.DesignRecommend_components-design-recommend__heading__hMBLU:after{width:80px;height:3px;content:"";background-color:#1a1a1a;@media (max-width:768px){width:40px}}.DesignRecommend_components-design-recommend__lead__OLXuK{font-size:24px;line-height:1.6;color:#1a1a1a;text-align:center;@media (max-width:768px){font-size:18px}}.DesignRecommend_components-design-recommend__cards__QlXjp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,488px),1fr));grid-gap:24px;gap:24px;@media (max-width:768px){grid-template-columns:1fr;gap:16px}}.DesignRecommend_components-design-recommend__card__NqjIK{display:grid;grid-template-areas:"img title" "img description";grid-template-rows:auto 1fr;grid-template-columns:80px auto;grid-row-gap:8px;row-gap:8px;grid-column-gap:16px;column-gap:16px;padding:24px;background-color:#f6f9fc;border-radius:8px;@media (max-width:768px){grid-template-areas:"img title" "description description";align-items:center;padding-top:16px}}.DesignRecommend_components-design-recommend__card--img__kvOYR{grid-area:img;width:100%;& img{width:100%}}.DesignRecommend_components-design-recommend__card--title__iOO7N{grid-area:title;font-size:18px;font-weight:700;line-height:1.3;color:#1e293b;@media (max-width:768px){line-height:1.6}}.DesignRecommend_components-design-recommend__card--description__UPLFk{grid-area:description;font-size:14px;font-weight:400;line-height:1.6;color:#576379;@media (max-width:768px){line-height:1.8}}