@charset "UTF-8";:root{--color-key: #304be1;--color-link: #333;--color-logo: #bf0000;--color-bg: #f4f5f8;--color-white: #fff;--color-black: #000;--color-text: #333;--color-text-sub: #4d4d4d;--color-text-mute: #686868;--color-text-strong: #c74414;--color-border: #e3e6e9;--color-border-2: #dadbe2;--color-rule: #d9dde3;--color-placeholder: #8a8a8a;--color-form-border: #8f8f8f;--color-beginner: #437d10;--font-base: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-gothic: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--font-num: "Helvetica Neue", Arial, sans-serif;--font-outfit: "Outfit", "Helvetica Neue", Arial, sans-serif;--radius-small: 2px;--radius-medium: 6px;--radius-large: 8px}:root{--pc-content-width: 1280px;--pc-header-width: 1400px;--pc-main-width: 940px;--pc-side-width: 300px}.c-tag{font-size:1.4rem;line-height:1.5;display:inline-flex;padding:4px 14px 2px;white-space:nowrap;color:#4d4d4d;border:1px solid var(--color-rule);border-radius:20px;background:var(--color-white);align-items:center}.c-tag:hover{text-decoration:none;background-color:#e8e9ed}.c-tag[hidden]{display:none}.c-label{font-size:1.3rem;font-weight:600;line-height:1;display:inline-flex;padding:4px 6px;white-space:nowrap;color:var(--color-text-mute);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-white);align-items:center}.c-label--beginner{padding:3px 4px 3px 3px;color:var(--color-beginner);gap:0}.c-label__icon{width:16px;height:16px;flex-shrink:0}.c-count{display:inline-flex;padding:2px 4px;color:var(--color-white);border-radius:var(--radius-small);background:var(--color-text);align-items:center}.c-count__num{font-family:var(--font-num);font-size:1.5rem;font-weight:600;line-height:1;padding-right:1px}.c-count__unit{font-size:1.3rem;font-weight:600;line-height:1}.c-count--lg{padding:4px 12px 5px}.c-count--lg .c-count__num{font-size:1.6rem;font-weight:600}.c-count--lg .c-count__unit{font-size:1.4rem;font-weight:600}.c-like{display:inline-flex;padding-right:4px;gap:4px;align-items:center}.c-like__btn{font:inherit;display:inline-flex;padding:0;cursor:pointer;color:inherit;border:0;background:none;gap:4px;align-items:center}.c-like__count{font-family:var(--font-num);font-size:1.5rem;line-height:1;color:var(--color-text)}.c-like__icon{display:inline-block;width:18px;height:18px;background-image:url(/common/toushiru/images/renewal2026/icon-like-black-line.svg);background-repeat:no-repeat;background-position:center;background-size:contain;flex-shrink:0}.c-like__btn:hover .c-like__icon{background-image:url(/common/toushiru/images/renewal2026/icon-like-pink-line.svg)}.c-like__btn.is-click .c-like__icon{background-image:url(/common/toushiru/images/renewal2026/icon-like-pink-bg.svg)}.m-learn-hero{width:100%}.m-learn-hero__title{display:block}.m-learn-hero__img{display:block;width:100%;height:auto}.m-learn-collection{display:flex;flex-direction:column;gap:13px}.m-learn-collection:hover{text-decoration:none}.m-learn-collection:hover .m-learn-collection__thumb{opacity:.7}.m-learn-collection:hover .m-learn-collection__title{text-decoration:underline}.m-learn-collection__thumb{position:relative;overflow:hidden;width:100%;border-radius:var(--radius-medium);background-color:#3333331a;aspect-ratio:16 / 9}.m-learn-collection__thumb-bg{position:absolute;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(16px);filter:blur(16px)}.m-learn-collection__thumb-overlay{position:absolute;background:#3333330d;inset:0}.m-learn-collection__thumb-img{position:relative;display:block;width:auto;height:100%;margin:0 auto;-o-object-fit:cover;object-fit:cover}.m-learn-collection__body{position:relative;display:flex;flex-direction:column;gap:12px}.m-learn-collection__title{font-size:1.6rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden;color:var(--color-text);-webkit-line-clamp:3;-webkit-box-orient:vertical}.m-learn-collection__count{display:inline-flex;margin-right:5px;vertical-align:2px}.m-learn-collection__labels{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.m-learn-collection--lg .m-learn-collection__title{font-size:1.8rem}.m-learn-collection--row{flex-direction:row;gap:16px;align-items:flex-start}.m-learn-collection--row .m-learn-collection__body{min-width:0;order:1;flex:1;gap:8px}.m-learn-collection--row .m-learn-collection__thumb{width:210px;order:2;flex-shrink:0}@media (max-width: 1024px){.m-learn-collection--row .m-learn-collection__thumb{width:clamp(156px,calc(156px + (100vw - 768px)*.21094),210px)}}.m-learn-collection--row .m-learn-collection__count{align-self:flex-start}.m-learn-keywords{width:100%}.m-learn-keywords__label{font-size:1.4rem;font-weight:600;line-height:1.5;display:flex;width:112px;height:40px;letter-spacing:0;color:var(--color-text);align-items:center;flex-shrink:0}.m-learn-keywords{--pc-edge-half: calc((100vw - var(--pc-header-width)) / 2);--kw-edge-offset: calc(max(0px, var(--pc-edge-half)) + var(--learn-gutter, 0px))}.m-learn-keywords__scroll{position:relative}.m-learn-keywords__list{display:flex;overflow-x:auto;padding-bottom:2px;gap:8px;scrollbar-color:transparent transparent}.m-learn-keywords__list::-webkit-scrollbar{height:8px;background:transparent}.m-learn-keywords__list::-webkit-scrollbar-thumb{background:transparent}.m-learn-keywords__list .c-tag{font-size:1.4rem;font-weight:600;padding:7px 16px 8px;color:#686868;border:1.25px solid #D9DDE3}.m-learn-keywords__list.splide{display:block;overflow:visible;padding:0;scrollbar-color:initial}.m-learn-keywords__list.splide::-webkit-scrollbar{height:auto;background:initial}.m-learn-keywords__list.splide::-webkit-scrollbar-thumb{background:initial}.p-learn-guide__inner .m-learn-keywords__scroll,.p-learn-list__inner .m-learn-keywords__scroll{width:100vw;margin-left:calc(-1 * var(--kw-edge-offset))}.p-learn-guide__inner .m-learn-keywords__list:not(.splide),.p-learn-list__inner .m-learn-keywords__list:not(.splide){padding-right:var(--learn-gutter, 0px);padding-left:var(--kw-edge-offset)}.m-learn-keywords__fade{position:absolute;top:0;right:0;bottom:0;width:60px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--color-white) 100%)}.m-learn-keywords__fade--left{right:auto;left:0;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--color-white) 100%)}.m-learn-keywords--wrap{display:flex;max-width:1040px;margin:0 auto;gap:8px}.m-learn-keywords--wrap .m-learn-keywords__scroll{min-width:0;flex:1 1 calc(100% - 120px)}.m-learn-keywords--wrap .m-learn-keywords__list{overflow:visible;overflow:hidden;max-height:var(--kw-wrap-max-height, 84px);flex-wrap:wrap}.m-learn-keywords--wrap .m-learn-keywords__fade{display:none}.p-learn{overflow-x:hidden;width:100%;--learn-gutter: 60px}@media (max-width: 1024px){.p-learn{--learn-gutter: clamp(32px, calc(32px + (100vw - 768px)*.10938) , 60px) }}.p-learn{--pc-edge-half: calc((100vw - var(--pc-header-width)) / 2);--section-edge-offset: calc(max(0px, var(--pc-edge-half)) + var(--learn-gutter))}.p-learn__search{position:relative;z-index:3;display:flex;flex-direction:column;width:calc(100% - 2 * var(--learn-gutter));max-width:1280px;margin:-40px auto 0;padding:38px 40px;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-white);gap:24px}.p-learn__searchbar{display:flex;overflow:hidden;width:100%;max-width:1040px;height:48px;margin:0 auto;border:1px solid var(--color-form-border);border-radius:4px;align-items:center}.p-learn__searchbar:hover{border:1px solid #333333}.p-learn__searchbar:has(.p-learn__searchbar-input:focus-visible){border-color:#333;box-shadow:inset 0 0 0 1px #333}.p-learn__searchbar-input{font-size:1.6rem;min-width:0;height:100%;padding:0 16px;color:var(--color-text);border:0;outline:none;background:transparent;flex:1}.p-learn__searchbar-input::-webkit-input-placeholder{color:var(--color-placeholder)}.p-learn__searchbar-input:-ms-input-placeholder{color:var(--color-placeholder)}.p-learn__searchbar-input::-ms-input-placeholder{color:var(--color-placeholder)}.p-learn__searchbar-input::placeholder{color:var(--color-placeholder)}.p-learn__searchbar-btn{display:flex;width:48px;height:48px;cursor:pointer;border:0;background:var(--color-text);flex-shrink:0;align-items:center;justify-content:center}.p-learn__searchbar-icon{width:24px;height:24px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.p-learn__body{display:flex;flex-direction:column;max-width:var(--pc-header-width);margin:0 auto;padding:56px var(--learn-gutter) 0;gap:56px}.p-learn__section{display:flex;flex-direction:column;gap:20px}.p-learn__section .c-heading__title{margin-bottom:0}.p-learn__section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.p-learn__section-nav{display:flex;gap:8px;flex-shrink:0}.p-learn__section-nav[hidden]{display:none}.p-learn__section-arrow{display:flex;width:40px;height:40px;cursor:pointer;border:1px solid var(--color-border);border-radius:20px;background:var(--color-white);align-items:center;justify-content:center}.p-learn__section-arrow--next .p-learn__section-arrow-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.p-learn__section-arrow.is-active{border-color:var(--color-text);background:var(--color-text)}.p-learn__section-arrow.is-active:hover{background-color:#5c5c5c}.p-learn__section-arrow.is-active .p-learn__section-arrow-icon{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.p-learn__section-arrow:disabled{cursor:default;pointer-events:none;opacity:1}.p-learn__section-arrow-icon{width:16px;height:16px}.p-learn__section-scroll{position:relative;margin-right:calc(-1 * var(--section-edge-offset))}.p-learn__section-track{display:flex;overflow-x:auto;padding-right:var(--section-edge-offset);gap:16px;scrollbar-width:none}.p-learn__section-track::-webkit-scrollbar{display:none}.p-learn__section-scroll .m-learn-collection{width:240px;flex-shrink:0;gap:12px}@media (max-width: 1099px){.p-learn__section-scroll .m-learn-collection{width:clamp(210px,calc(210px + (100vw - 1025px)*.40541),240px)}}@media (max-width: 1024px){.p-learn__section-scroll .m-learn-collection{width:clamp(180px,calc(180px + (100vw - 768px)*.11719),210px)}}.p-learn__section-fade{position:absolute;top:0;right:0;bottom:0;width:60px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--color-white) 100%)}.p-learn__section-fade--left{right:auto;left:0;display:none;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--color-white) 100%)}.p-learn__section-scroll--carousel{margin-left:calc(-1 * var(--section-edge-offset))}.p-learn__section-scroll--carousel .splide__slide{flex-shrink:0}.p-learn__section-scroll--carousel .p-learn__section-fade--left{display:block}.p-learn__starter{display:flex;flex-direction:column;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-medium);gap:20px}.p-learn__starter-head{display:flex;gap:8px;align-items:flex-start}.p-learn__starter-heading{font-size:2.4rem;font-weight:600;line-height:1.5;color:var(--color-text)}.p-learn__starter-icon{width:32px;height:32px;flex-shrink:0}.p-learn__starter-body{display:flex;gap:24px;align-items:flex-start}@media (max-width: 767px){.p-learn__starter-body{flex-direction:column}}.p-learn__starter-media{position:relative;display:block;overflow:hidden;width:clamp(224px,calc(224px + (100vw - 768px)*.31646),424px);border-radius:var(--radius-medium);background-color:#3333331a;flex-shrink:0;aspect-ratio:16 / 9}.p-learn__starter-media:hover{opacity:.7}@media (max-width: 767px){.p-learn__starter-media{width:100%;max-width:none}}.p-learn__starter-media-bg{position:absolute;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(16px);filter:blur(16px)}.p-learn__starter-media-overlay{position:absolute;background:#3333330d;inset:0}.p-learn__starter-media-img{position:relative;display:block;width:auto;height:100%;margin:0 auto;-o-object-fit:cover;object-fit:cover}.p-learn__starter-main{position:relative;display:flex;flex-direction:column;min-width:0;flex:1}.p-learn__starter-main-link{position:relative;display:flex;flex-direction:column;margin-bottom:16px}.p-learn__starter-main-link:hover{text-decoration:none}.p-learn__starter-main-link:hover .p-learn__starter-title{text-decoration:underline}.p-learn__starter-main-link .p-learn__starter-desc{margin-bottom:0}.p-learn__starter-title{font-size:1.8rem;font-weight:600;line-height:1.35;margin-bottom:8px;color:var(--color-text)}.p-learn__starter-count{display:inline-flex;margin-right:5px;vertical-align:2px}.p-learn__starter-labels{display:flex;margin-bottom:8px;gap:4px;align-items:center;flex-wrap:wrap}.p-learn__starter-desc{font-size:1.6rem;font-weight:400;line-height:1.5;margin-bottom:16px;color:var(--color-text)}.p-learn__starter-box{display:flex;flex-direction:column;margin-bottom:16px;padding:16px;border-radius:4px;background:var(--color-bg);gap:4px}.p-learn__starter-box:hover{text-decoration:none}.p-learn__starter-box:hover .p-learn__starter-box-title{text-decoration:underline}.p-learn__starter-box-label{font-size:1.6rem;font-weight:400;line-height:1.35;color:var(--color-text)}.p-learn__starter-box-title{font-size:1.6rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden;color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical}.p-learn__starter-link{display:flex;margin-left:auto;align-items:center;gap:4px}.p-learn__starter-link>span{font-size:1.6rem;font-weight:600}.p-learn+.g-notes{padding:0 clamp(32px,calc(32px + (100vw - 768px)*.10938),60px)}@media (min-width: 1025px){.p-learn+.g-notes{padding:0 60px}}.p-learn+.g-notes .g-notes__inner{max-width:1280px}.p-learn__pickup{width:100%;margin-top:56px;background:var(--color-bg)}.p-learn__pickup-inner{max-width:var(--pc-header-width);margin:0 auto;padding:40px var(--learn-gutter, 60px)}.p-learn__pickup-title{font-family:var(--font-num);font-size:2.6rem;font-weight:500;line-height:1.5;color:var(--color-text)}.p-learn__pickup-grid{display:-ms-grid;display:grid;margin-top:20px;-ms-grid-columns:1fr 24px 1fr 24px 1fr;grid-template-columns:repeat(3,1fr);gap:24px}.p-learn__grid{display:flex;flex-direction:column;max-width:var(--pc-header-width);margin:64px auto 160px;padding:0 var(--learn-gutter, 60px);gap:64px}.p-learn-guide{overflow-x:hidden;width:100%;--learn-gutter: clamp(60px, calc(60px + (100vw - 1025px)*.10667) , 100px)}@media (max-width: 1024px){.p-learn-guide{--learn-gutter: clamp(32px, calc(32px + (100vw - 768px)*.10938) , 60px) }}.p-learn-guide{--pc-edge-half: calc((100vw - var(--pc-header-width)) / 2);--section-edge-offset: calc(max(0px, var(--pc-edge-half)) + var(--learn-gutter))}.p-learn-guide__inner{max-width:var(--pc-header-width);margin:0 auto;padding:32px var(--learn-gutter) 160px}.p-learn-guide__inner .m-learn-keywords__label{height:auto;margin-bottom:8px}.p-learn-guide__course{margin-top:56px}.p-learn-guide__intro{display:flex;margin-bottom:40px;padding-bottom:56px;border-bottom:1px solid var(--color-rule);gap:clamp(32px,calc(32px + (100vw - 1025px)*.04267),48px);align-items:flex-start}.p-learn-guide__intro-main{display:flex;flex-direction:column;min-width:0;flex:1;gap:24px}.p-learn-guide__intro-head{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.p-learn-guide__title{font-size:3rem;font-weight:600;line-height:1.5;color:var(--color-text)}.p-learn-guide__intro-body{display:flex;flex-direction:column;gap:16px}.p-learn-guide__desc{font-size:1.8rem;font-weight:400;line-height:1.5;white-space:pre-line;color:var(--color-text)}.p-learn-guide__authors{display:-ms-grid;display:grid;-ms-grid-columns:1fr 16px 1fr;grid-template-columns:repeat(2,1fr);gap:12px 16px}.p-learn-guide__authors:has(.p-learn-guide__author:nth-child(3)){-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}@media (max-width: 1024px){.p-learn-guide__authors:has(.p-learn-guide__author:nth-child(3)){-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}.p-learn-guide__author{display:flex;min-width:0;gap:8px;align-items:flex-start}.p-learn-guide__author:hover{text-decoration:none}.p-learn-guide__author:hover .p-learn-guide__author-avatar{opacity:.7}.p-learn-guide__author:hover .p-learn-guide__author-name{text-decoration:underline}.p-learn-guide__author-avatar{overflow:hidden;width:40px;height:40px;border:1px solid var(--color-border);border-radius:20px;flex-shrink:0}.p-learn-guide__author-avatar-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.p-learn-guide__author-names{display:flex;flex-direction:column;min-width:0}.p-learn-guide__author-name{font-size:1.6rem;font-weight:600;line-height:1.5;color:var(--color-text)}.p-learn-guide__author-role{font-size:1.2rem;font-weight:400;line-height:1.5;display:block;color:var(--color-text)}.p-learn-guide__cover{position:relative;overflow:hidden;width:48%;max-width:576px;border-radius:var(--radius-medium);background-color:#3333331a;flex-shrink:0;aspect-ratio:16 / 9}.p-learn-guide__cover-bg{position:absolute;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(16px);filter:blur(16px)}.p-learn-guide__cover-overlay{position:absolute;background:#3333330d;inset:0}.p-learn-guide__cover-img{position:relative;display:block;width:auto;height:100%;margin:0 auto;-o-object-fit:cover;object-fit:cover}.p-learn-guide__curriculum{display:flex;flex-direction:column}.p-learn-guide__curriculum-more{display:flex;flex-direction:column;margin-top:32px;align-items:center;gap:16px}.p-learn-guide__curriculum-more .m-special-more{display:flex;align-items:center;gap:8px}.p-learn-guide__curriculum-more .m-special-more[hidden]{display:none}.p-learn-guide__curriculum-more .m-special-more>span{font-size:1.8rem;font-weight:600}.p-learn-guide__item{display:flex;padding:24px 0;border-bottom:1px solid var(--color-rule);gap:16px;align-items:flex-start}.p-learn-guide__item:hover{text-decoration:none}.p-learn-guide__item:hover .p-learn-guide__item-title{text-decoration:underline}.p-learn-guide__item:has(.c-like__btn.is-click):hover .p-learn-guide__item-title{text-decoration:none}.p-learn-guide__item:has(.c-like__btn:hover) .p-learn-guide__item-title{text-decoration:none}.p-learn-guide__num{font-family:var(--font-num);font-size:2.4rem;font-weight:700;line-height:1;color:var(--color-text);flex-shrink:0}.p-learn-guide__item-body{display:flex;flex-direction:column;min-width:0;flex:1;gap:12px}.p-learn-guide__item-title{font-size:1.8rem;font-weight:600;line-height:1.35;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text)}.p-learn-guide__item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.p-learn-guide__item-labels{display:flex;gap:4px;align-items:center}.p-learn-guide__related{display:flex;flex-direction:column;margin-top:80px;gap:64px}.p-learn-guide__rel{display:flex;flex-direction:column;gap:20px}.p-learn-guide__rel .c-heading__title{margin-bottom:0}.p-learn-guide__rel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.p-learn-guide__rel-nav{display:flex;gap:8px;flex-shrink:0}.p-learn-guide__rel-nav[hidden]{display:none}.p-learn-guide__rel-arrow{display:flex;width:40px;height:40px;cursor:pointer;border:1px solid var(--color-border);border-radius:20px;background:var(--color-white);align-items:center;justify-content:center}.p-learn-guide__rel-arrow--next .p-learn-guide__rel-arrow-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.p-learn-guide__rel-arrow.is-active{border-color:var(--color-text);background:var(--color-text)}.p-learn-guide__rel-arrow.is-active:hover{background-color:#5c5c5c}.p-learn-guide__rel-arrow.is-active .p-learn-guide__rel-arrow-icon{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.p-learn-guide__rel-arrow:disabled{cursor:default;pointer-events:none;opacity:1}.p-learn-guide__rel-arrow-icon{width:16px;height:16px}.p-learn-guide__scroll{position:relative;margin-right:calc(-1 * var(--section-edge-offset))}.p-learn-guide__track{display:flex;overflow-x:auto;padding-right:var(--section-edge-offset);gap:16px;scrollbar-width:none}.p-learn-guide__track::-webkit-scrollbar{display:none}.p-learn-guide__scroll .m-learn-collection{width:240px;flex-shrink:0}@media (max-width: 1099px){.p-learn-guide__scroll .m-learn-collection{width:clamp(210px,calc(210px + (100vw - 1025px)*.40541),240px)}}@media (max-width: 1024px){.p-learn-guide__scroll .m-learn-collection{width:clamp(180px,calc(180px + (100vw - 768px)*.11719),210px)}}.p-learn-guide__fade{position:absolute;top:0;right:0;bottom:0;width:60px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--color-white) 100%)}.p-learn-guide__fade--left{right:auto;left:0;display:none;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--color-white) 100%)}.p-learn-guide__scroll--carousel{margin-left:calc(-1 * var(--section-edge-offset))}.p-learn-guide__scroll--carousel .splide__slide{flex-shrink:0}.p-learn-guide__scroll--carousel .p-learn-guide__fade--left{display:block}.p-learn-guide__accordion{display:flex;flex-direction:column;gap:16px}.p-learn-guide__step{position:relative;padding:32px 40px;border:1px solid var(--color-border);border-radius:var(--radius-medium)}.p-learn-guide__step-head{position:relative;display:flex;width:100%;padding:0;cursor:pointer;text-align:left;border:0;background:none;align-items:center;justify-content:space-between;gap:16px}.p-learn-guide__step-head:before{position:absolute;inset:-32px -40px;content:""}.p-learn-guide__step.is-expanded .p-learn-guide__step-head:before{bottom:-16px}.p-learn-guide__step-head:hover .p-learn-guide__step-title{text-decoration:underline}.p-learn-guide__step-title{font-size:2.2rem;font-weight:600;line-height:1.5;color:var(--color-text)}.p-learn-guide__step-arrow{width:24px;height:24px;flex-shrink:0}.p-learn-guide__step.is-expanded .p-learn-guide__step-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.p-learn-guide__step-body{margin-top:24px}.p-learn-guide__step-body .p-learn-guide__num{font-size:2rem}.p-learn-guide__step-body .p-learn-guide__item-body{gap:12px}.p-learn-guide__step-body .p-learn-guide__item:last-child{padding-bottom:0;border-bottom:0}.p-learn-list{overflow-x:hidden;width:100%;--learn-gutter: clamp(60px, calc(60px + (100vw - 1025px)*.10667) , 100px)}@media (max-width: 1024px){.p-learn-list{--learn-gutter: clamp(32px, calc(32px + (100vw - 768px)*.10938) , 60px) }}.p-learn-list__inner{max-width:var(--pc-header-width);margin:0 auto;padding:32px var(--learn-gutter) 80px}.p-learn-list__inner .m-learn-keywords__label{height:auto;margin-bottom:8px}.p-learn-list__title{font-size:3rem;font-weight:600;line-height:1.5;margin-top:56px;color:var(--color-text)}.p-learn-list__empty-state{margin:48px 0 88px}.p-learn-list__empty{font-size:1.8rem;font-weight:400;line-height:1.35;margin-bottom:16px;color:#222}.p-learn-list__feature{margin-top:48px;margin-right:calc(-1 * (max(0px,var(--pc-edge-half)) + var(--learn-gutter, 0px)));margin-left:calc(-1 * (max(0px,var(--pc-edge-half)) + var(--learn-gutter, 0px)));padding:40px calc(max(0px,var(--pc-edge-half)) + var(--learn-gutter, 0px));background:#f4f5f8;--pc-edge-half: calc((100vw - var(--pc-header-width)) / 2)}.p-learn-list__feature .c-heading__title{margin-bottom:0}.p-learn-list__feature-grid{display:-ms-grid;display:grid;margin-top:24px;-ms-grid-columns:1fr clamp(32px,calc(32px + (100vw - 1025px)*.04267),48px) 1fr;grid-template-columns:repeat(2,1fr);row-gap:37px;-webkit-column-gap:clamp(32px,calc(32px + (100vw - 1025px)*.04267),48px);-moz-column-gap:clamp(32px,calc(32px + (100vw - 1025px)*.04267),48px);column-gap:clamp(32px,calc(32px + (100vw - 1025px)*.04267),48px)}.p-learn-list__seeall{display:flex;margin-top:32px;justify-content:center}.p-learn-list__seeall-btn{font-size:1.8rem;font-weight:600;display:flex;padding:0;cursor:pointer;color:var(--color-text);border:0;background:none;gap:8px;align-items:center;justify-content:center}.p-learn-list__seeall-btn-open{display:inline}.p-learn-list__seeall-btn-close{display:none}.p-learn-list__seeall-btn-icon{width:16px;height:16px}.p-learn-list__list{display:-ms-grid;display:grid;margin-top:40px;-ms-grid-columns:1fr clamp(32px,calc(32px + (100vw - 1025px)*.04267),48px) 1fr;grid-template-columns:repeat(2,1fr);-webkit-column-gap:clamp(32px,calc(32px + (100vw - 1025px)*.04267),48px);-moz-column-gap:clamp(32px,calc(32px + (100vw - 1025px)*.04267),48px);column-gap:clamp(32px,calc(32px + (100vw - 1025px)*.04267),48px)}.p-learn-list__item{display:flex;flex-direction:column;padding:24px 0;border-bottom:1px solid var(--color-rule);gap:8px}.p-learn-list__item:hover{text-decoration:none}.p-learn-list__item:hover .p-learn-list__item-title{text-decoration:underline}.p-learn-list__item:has(.m-article-card__like-btn:hover) .p-learn-list__item-title{text-decoration:none}.p-learn-list__item-title{font-size:1.6rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden;color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical}.p-learn-list__item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.p-learn-list__item-author{display:flex;min-width:0;gap:4px;align-items:center}.p-learn-list__item-avatar{overflow:hidden;width:28px;height:28px;border:1px solid var(--color-border);border-radius:14px;flex-shrink:0}.p-learn-list__item-avatar-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.p-learn-list__item-name{font-size:1.4rem;font-weight:400;line-height:1;overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text)}.p-learn-list__more{display:flex;flex-direction:column;margin-top:32px;align-items:center;gap:16px}.p-learn-list__more .m-special-more{display:flex;align-items:center;gap:8px}.p-learn-list__more .m-special-more[hidden]{display:none}.p-learn-list__more .m-special-more>span{font-size:1.8rem;font-weight:600}.p-list-loading[hidden]{display:none}.p-list-loading{display:block;width:24px;height:24px;-webkit-animation:p-list-loading-spin .8s linear infinite;animation:p-list-loading-spin .8s linear infinite}@-webkit-keyframes p-list-loading-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes p-list-loading-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.p-learn-list__feature[data-seeall-clamp] .p-learn-list__feature-grid>:nth-child(n+5){display:none}.p-learn-list__feature[data-seeall-clamp].is-expanded .p-learn-list__feature-grid>:nth-child(n+5){display:flex}.p-learn-list__feature.is-expanded .p-learn-list__seeall-btn-close{display:inline}.p-learn-list__feature.is-expanded .p-learn-list__seeall-btn-open{display:none}.p-learn-list__feature.is-expanded .p-learn-list__seeall-btn-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
