.learnPage{--learn-ink:#222a26;--learn-paper:#f5f3ed;--learn-line:#d6d8cc;background:var(--learn-paper);color:var(--learn-ink)}.learnShell{width:min(1320px,90%);margin-inline:auto}.learnPage a{text-decoration:none}.learnPage a:focus-visible,.learnPage button:focus-visible{outline-offset:5px;outline:3px solid #688934}.learnPage section[id]{scroll-margin-top:110px}.learnHero{padding:36px 0 72px;overflow:hidden}.learnEyebrow{letter-spacing:.13em;border-bottom:1px solid var(--learn-line);justify-content:space-between;padding-bottom:25px;font-size:10px;display:flex}.learnHeroGrid{grid-template-columns:1fr 1.08fr;align-items:center;gap:50px;padding-top:35px;display:grid}.learnOverline{letter-spacing:.16em;font-size:11px}.learnHero h1{font-family:var(--font-serif), "Yu Mincho", serif;letter-spacing:-.07em;margin:24px 0;font-size:clamp(48px,5.5vw,86px);font-weight:500;line-height:1.3}.learnHeroCopy>p:not(.learnOverline){color:#626960;font-size:14px;line-height:2.2}.learnActions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;font-size:12px;display:flex}.learnButton{color:#fff;background:#283e32;border-radius:3px;justify-content:space-between;gap:28px;padding:18px 24px;font-weight:600;display:inline-flex}.learnButton:hover{background:#405c43}.learnHeroFacts{border-top:1px solid var(--learn-line);letter-spacing:.04em;gap:22px;margin-top:36px;padding-top:20px;font-size:8px;display:flex}.learnHeroFacts b{margin-right:5px;font-family:Georgia,serif;font-size:25px;font-weight:400}.learnHeroArt{height:570px;margin-bottom:28px;position:relative}.learnHeroArt>img{filter:brightness(.85)}.learnArtLabel{color:#fff;text-shadow:0 2px 14px #0006;gap:18px;display:grid;position:absolute;top:30px;left:30px;right:30px}.learnArtLabel span,.learnArtLabel small{letter-spacing:.12em;font-size:9px}.learnArtLabel b{font-family:Yu Mincho,serif;font-size:30px;font-weight:400;line-height:1.6}.learnFloating{background:#fff;width:75%;padding:12px;position:absolute;bottom:-28px;left:-35px;transform:rotate(-3deg);box-shadow:0 20px 50px #14271c30}.learnFloating span,.learnFloating b{letter-spacing:.07em;padding:2px 3px 10px;font-size:9px;display:block}.learnFloating b{padding:10px 3px 2px}.learnFloating img{width:100%;height:auto;display:block}.learnJump{border-block:1px solid var(--learn-line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px 0;font-size:12px;display:flex}.learnJump a{padding:8px 0}.learnLibrary{padding-block:85px}.learnSectionHead{grid-template-columns:1fr 2fr;gap:30px;margin-bottom:40px;display:grid}.learnSectionHead>p{letter-spacing:.1em;font-size:10px}.learnSectionHead h2,.learnEnd h2{letter-spacing:-.035em;margin:0 0 20px;font-family:Yu Mincho,serif;font-size:clamp(29px,3.2vw,48px);font-weight:500;line-height:1.55}.learnSectionHead div>p{color:#687166;font-size:14px;line-height:2}.learnFeatured{background:#e7ebdf;grid-template-columns:1fr 1.5fr;align-items:center;gap:30px;padding:40px;display:grid;overflow:hidden}.learnFeatured span{letter-spacing:.1em;font-size:10px}.learnFeatured h3{margin:20px 0;font-family:Yu Mincho,serif;font-size:30px;font-weight:500;line-height:1.5}.learnFeatured p{font-size:12px;line-height:2}.learnFeatured b{margin-top:24px;font-size:12px;display:block}.learnFeatured img{width:100%;height:auto;box-shadow:0 10px 28px #22332218}.learnCategory{padding-top:75px}.learnCategory header{border-bottom:1px solid var(--learn-line);grid-template-columns:1fr 1fr;align-items:end;margin-bottom:28px;padding-bottom:24px;display:grid}.learnCategory header>span{letter-spacing:.1em;grid-column:1/-1;font-size:10px}.learnCategory h2{margin:12px 0 0;font-size:26px}.learnCategory header p{color:#667060;margin:0;font-size:12px;line-height:1.8}.learnCards{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.learnCard{flex-direction:column;min-width:0;display:flex}.learnCardImage{aspect-ratio:1.6;background:#e4e8dd;padding:16px;position:relative;overflow:hidden}.learnCardImage img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s}.learnCard:hover img{transform:scale(1.03)}.learnCardImage.settings{background:#e8e1d4}.learnCardImage.publish{background:#dde6e9}.learnCardImage.operations{background:#1b232c}.learnCardImage span{background:var(--learn-paper);letter-spacing:.1em;padding:9px 12px;font-size:9px;position:absolute;bottom:0;left:0}.learnCard>small{color:#697065;margin-top:18px;font-size:10px}.learnCard h3{margin:10px 0;font-size:20px;line-height:1.6}.learnCard>p{color:#667060;margin:0 0 20px;font-size:13px;line-height:1.9}.learnCard>b{border-bottom:1px solid var(--learn-line);justify-content:space-between;margin-top:auto;padding:14px 0;font-size:12px;display:flex}.learnOperations{color:#f2f4e8;background:#202c26;padding:75px 0}.learnOperations .learnSectionHead div>p{color:#b8c4b7}.learnProcess{color:#eef3e8;background:#26372b;border:1px solid #60705c;overflow:hidden}.learnProcessHead{border-bottom:1px solid #56674e;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;display:flex}.learnProcessHead>span{letter-spacing:.08em;font-size:10px}.learnProcess button{font:inherit;cursor:pointer}.learnProcessHead button{color:#213420;background:#d8e6b8;border:1px solid #a9bd87;padding:12px 16px;font-size:12px}.learnProcessGrid{grid-template-columns:1fr 1fr;display:grid}.learnStages{padding:20px}.learnStages button{color:#c0ccba;text-align:left;background:0 0;border:0;border-bottom:1px solid #52604c;align-items:center;gap:15px;width:100%;padding:17px 12px;font-size:12px;display:flex}.learnStages button[aria-pressed=true]{color:#243823;background:#d7e3b9}.learnStages button span{font-size:10px}.learnStages button i{margin-left:auto}.learnStageDetail{border-left:1px solid #56674e;align-self:stretch;padding:40px}.learnStageDetail small{letter-spacing:.13em;color:#cbdea6;font-size:11px}.learnStageDetail h3{margin:24px 0 18px;font-size:25px;line-height:1.5}.learnStageDetail p{color:#c6d0c0;font-size:13px;line-height:2}.learnStageDetail strong{padding-top:20px;font-size:12px;line-height:1.8;display:block}.learnStageDetail .learnDemoNote{color:#acbaa5;margin-top:24px;font-size:11px}.learnOpsLinks{justify-content:space-between;gap:20px;margin-top:30px;font-size:12px;display:flex}.learnEnd{padding-block:100px}.learnEnd>p{letter-spacing:.16em;font-size:10px}.learnArticleHero{max-width:1080px;padding-block:42px 50px}.learnArticleHero nav{gap:12px;margin-bottom:55px;font-size:12px;display:flex}.learnArticleHero h1{max-width:900px;margin:20px 0;font-family:Yu Mincho,serif;font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1.55}.learnArticleHero>p:not(.learnOverline){color:#626c60;max-width:780px;font-size:16px;line-height:2}.learnArticleHero>small{color:#63705d;margin-top:24px;font-size:10px;display:block}.learnArticleLayout{grid-template-columns:230px minmax(0,1fr);gap:60px;max-width:1080px;padding-bottom:90px;display:grid}.learnToc{border-top:1px solid var(--learn-line);align-self:start;gap:18px;padding-top:22px;font-size:12px;line-height:1.7;display:grid;position:sticky;top:100px}.learnToc a{color:#616d59}.learnArticle figure{background:#e7eadf;margin:0 0 45px;padding:18px}.learnArticle figure img{object-fit:contain;width:100%;height:auto;max-height:560px;display:block}.learnArticle figcaption{color:#59634f;padding-top:14px;font-size:11px;line-height:1.8}.learnArticle>section{border-top:1px solid var(--learn-line);padding:26px 0 30px}.learnStepNo{letter-spacing:.14em;color:#678043;font-size:10px}.learnArticle h2{margin:14px 0;font-size:24px;line-height:1.6}.learnArticle p{color:#515d4c;overflow-wrap:anywhere;font-size:15px;line-height:2.15}.learnArticle .learnCheck{background:#e4ead7;border:0;margin-top:35px;padding:25px 30px}.learnCheck>span{letter-spacing:.13em;font-size:10px}.learnNote{padding:24px 0}.learnNote>b,.learnSources>b{font-size:12px}.learnNote p{font-size:13px}.learnSources{border-block:1px solid var(--learn-line);gap:15px;padding:24px 0;font-size:12px;display:grid}.learnSources a{text-underline-offset:4px;text-decoration:underline}.learnReadNext{grid-template-columns:1fr 1fr;gap:24px;margin-top:50px;display:grid}.learnReadNext a{border-top:1px solid var(--learn-line);padding-top:20px}.learnReadNext small{letter-spacing:.1em;margin-bottom:12px;font-size:10px;display:block}.learnReadNext b{font-size:17px;line-height:1.7}.learnArticle .learnProcessGrid{grid-template-columns:1fr}.learnArticle .learnStageDetail{border-top:1px solid #56674e;border-left:0}.learnArticle .learnStageDetail p{color:#c6d0c0}@media (max-width:1000px){.learnHeroGrid{gap:25px}.learnHeroArt{height:510px}.learnHeroFacts{gap:10px}.learnCards{gap:20px}.learnFeatured{padding:25px}.learnArticleLayout{grid-template-columns:200px minmax(0,1fr);gap:30px}}@media (max-width:760px){.learnShell{width:90%}.learnEyebrow span:last-child{display:none}.learnHero{padding-bottom:50px}.learnHeroGrid{grid-template-columns:1fr;gap:36px}.learnHeroCopy>p:not(.learnOverline){font-size:13px}.learnHero h1{font-size:58px}.learnHeroArt{height:440px;margin-left:22px}.learnFloating{width:80%;left:-22px}.learnArtLabel{top:22px;left:22px}.learnArtLabel b{font-size:25px}.learnHeroFacts{justify-content:space-between}.learnHeroFacts span{font-size:7px}.learnJump{justify-content:start;gap:5px 22px;font-size:11px}.learnSectionHead{grid-template-columns:1fr;gap:12px}.learnLibrary{padding-top:50px}.learnFeatured{grid-template-columns:1fr;padding:24px}.learnFeatured h3{font-size:29px}.learnCategory{padding-top:50px}.learnCategory header{grid-template-columns:1fr;gap:12px}.learnCards{grid-template-columns:1fr;gap:34px}.learnCardImage{aspect-ratio:1.8}.learnCard h3{font-size:23px}.learnCategory header p{font-size:13px}.learnProcessHead{flex-wrap:wrap;padding:16px}.learnProcessGrid{grid-template-columns:1fr}.learnStageDetail{border-top:1px solid #56674e;border-left:0;padding:26px}.learnOpsLinks{flex-direction:column}.learnArticleHero nav{margin-bottom:32px}.learnArticleLayout{grid-template-columns:1fr;gap:30px}.learnToc{gap:12px;position:static}.learnArticle figure{padding:10px}.learnArticle h2{font-size:22px}.learnArticle p{font-size:14px}.learnReadNext{grid-template-columns:1fr}.learnEnd{padding-block:65px}.learnArticleHero>p:not(.learnOverline){font-size:14px}}@media (prefers-reduced-motion:reduce){.learnCardImage img{transition:none}}.learnArticle .learnDomainDiagram{background:#e0e8d6;padding:25px}.learnDomainDiagram>figcaption{padding:0 0 22px;font-size:12px;font-weight:600}.learnDomainDiagram>div:not(.learnDnsRows){justify-content:space-between;align-items:center;gap:12px;display:flex}.learnDomainDiagram span{gap:12px;min-width:0;display:grid}.learnDomainDiagram small{letter-spacing:.1em;font-size:8px}.learnDomainDiagram b{font-size:13px}.learnDomainDiagram em,.learnDomainDiagram code{font:10px inherit}.learnDomainDiagram i{font-style:normal}.learnDomainDiagram .learnDnsRows{border-top:1px solid #c1cbb6;gap:10px;padding-top:18px;display:grid}.learnDomainDiagram .learnDnsRows span{gap:15px;font-size:11px;display:flex}.learnDnsRows b{min-width:70px;font-size:11px}@media (max-width:500px){.learnDomainDiagram>div:not(.learnDnsRows){flex-direction:column;align-items:stretch}.learnDomainDiagram>div>i{align-self:center;transform:rotate(90deg)}.learnDomainDiagram>div>span{text-align:center}.learnDomainDiagram .learnDnsRows span{text-align:left}}.learnFeatured{grid-template-columns:minmax(0,1fr);gap:28px;padding:clamp(18px,3vw,40px)}.learnFeatured>div{max-width:800px}.learnFeatured p{font-size:16px}.learnFeatured .learnButton{margin-top:20px}.learnFeatured>a{min-width:0;display:block}.learnFeatured .learnImageHint{letter-spacing:0;margin-top:14px;font-size:13px;display:block}.learnScreenKey{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.learnScreenKey li{border-top:1px solid var(--learn-line);padding-top:16px}.learnScreenKey b{margin:0 0 8px;font-size:16px}.learnScreenKey span{letter-spacing:0;font-size:14px;line-height:1.9}.learnCardSteps{border-top:1px solid var(--learn-line);margin-top:20px;padding:20px 0;font-size:14px;line-height:1.9}.learnCardSteps ol{margin:12px 0 0;padding-left:1.5em}.learnCardSteps li+li{margin-top:7px}.learnArticleLayout{max-width:1320px;display:block}.learnToc{background:#e7ebdf;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:36px;padding:24px;font-size:15px;position:static}.learnToc>b{grid-column:1/-1}.learnArticle figure{padding:clamp(10px,2vw,24px)}.learnArticle figure img{max-height:none}.learnArticle figure img[src*=settings\.webp],.learnArticle figure img[src*=check\.webp]{max-width:440px;margin-inline:auto}.learnArticle>section,.learnArticle>.learnNote,.learnArticle>.learnSources,.learnArticle>.learnActions,.learnArticle>.learnReadNext{max-width:880px;margin-inline:auto}.learnArticle>section{padding-block:40px}.learnArticle p{font-size:16px}.learnPreparation>a{text-underline-offset:5px;margin-top:18px;text-decoration:underline;display:inline-block}.learnActionList{margin:26px 0;padding-left:1.6em;font-size:17px;line-height:2}.learnActionList li{overflow-wrap:anywhere;margin-block:14px;padding-left:8px}.learnActionList li::marker{color:#58753d;font-weight:700}.learnStepExample{background:#e9eddf;margin:0;padding:24px;font-size:15px;line-height:1.9}.learnStepExample dt{color:#455d31;font-weight:700}.learnStepExample dd{overflow-wrap:anywhere;margin:6px 0 20px}.learnStepExample dd:last-child{margin-bottom:0}@media (max-width:760px){.learnScreenKey,.learnToc{grid-template-columns:minmax(0,1fr)}.learnToc{padding:20px}.learnArticle>section{padding-block:30px}.learnActionList{font-size:16px}.learnStepExample{padding:18px}}.learnGroupHow{counter-reset:how;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:0 0 32px;padding:0;list-style:none;display:grid}.learnGroupHow li{counter-increment:how;border-top:1px solid var(--learn-line);padding-top:14px}.learnGroupHow li:before{content:"やり方 " counter(how, decimal-leading-zero);letter-spacing:.08em;color:#3f5a2a;margin-bottom:12px;font-size:16px;display:block}.learnGroupHow img{box-sizing:border-box;border:1px solid var(--learn-line);background:#fff;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:150px;margin-bottom:12px;padding:6px;display:block}.learnGroupHow b{margin-bottom:8px;font-size:16px;display:block}.learnGroupHow span{color:#4d564a;font-size:14px;line-height:1.9;display:block}@media (max-width:760px){.learnGroupHow{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:26px}}.learnStepFigure{margin:22px 0 6px;display:block}.learnStepFigure img{box-sizing:border-box;border:1px solid var(--learn-line);background:#fff;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:460px;padding:8px;display:block}@media (max-width:760px){.learnStepFigure{margin:18px 0 4px}.learnStepFigure img{padding:5px}}.learnEyebrow{font-size:13px}.learnOverline{font-size:14px}.learnHeroFacts,.learnArtLabel span,.learnArtLabel small,.learnFloating span,.learnFloating b{font-size:12px}.learnSectionHead>p,.learnCategory header>span{font-size:14px}.learnCard>small{font-size:13px}.learnStepNo{font-size:14px}.learnArticle figcaption,.learnProcessHead>span,.learnStages button span,.learnStageDetail small,.learnCheck>span{font-size:13px}.learnCardImage span{font-size:12px}.learnArticleHero small,.learnReadNext small,.learnStageDetail .learnDemoNote,.learnEnd>p{font-size:13px}@media (max-width:760px){.learnHeroFacts,.learnHeroFacts span{font-size:12px}}.learnFeatured>.learnFeaturedShot{position:relative}.learnShotBox{pointer-events:none;border:3px solid;border-radius:6px;position:absolute}.learnShotLeft{color:#d7263d;width:24.8%;height:77%;top:21%;left:.6%}.learnShotCenter{color:#d8a200;width:50.7%;height:71%;top:26.8%;left:27%}.learnShotRight{color:#2f8f4e;width:20.4%;height:77%;top:21%;left:79.2%}.learnScreenKey li{border:2px solid var(--learn-line);border-radius:8px;padding:16px 18px}.learnScreenKey li:first-child{border-color:#d7263d}.learnScreenKey li:nth-child(2){border-color:#d8a200}.learnScreenKey li:nth-child(3){border-color:#2f8f4e}.learnSideToc{z-index:25;width:212px;max-height:calc(100svh - 170px);padding:18px 12px;display:none;position:fixed;top:50%;left:16px;overflow-y:auto;transform:translateY(-50%)}@media (min-width:1280px){.learnSideToc{display:block}.learnPage{padding-left:248px}}.learnSideToc ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.learnSideToc li{flex-direction:column;display:flex}.learnSideToc a{color:var(--learn-ink);align-items:center;gap:12px;display:flex}.learnSideTocNo{width:40px;height:40px;font:14px/1 var(--mono);color:#678043;border:1px solid #67804366;border-radius:50%;flex:0 0 40px;place-items:center;transition:background .2s,color .2s,border-color .2s;display:grid}.learnSideToc li[data-on] .learnSideTocNo{color:#f5f3ed;background:#678043;border-color:#678043}.learnSideTocLabel{letter-spacing:.06em;opacity:.65;font-size:13px;line-height:1.6;transition:opacity .2s}.learnSideToc li[data-on] .learnSideTocLabel,.learnSideToc a:hover .learnSideTocLabel{opacity:1}.learnSideTocSep{text-align:center;opacity:.3;width:40px;margin:4px 0;font-size:14px;line-height:1;display:block}.learnSideTocSep i{font-style:normal;display:inline-block;transform:rotate(90deg)}.learnArticle{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.learnArticle>figure{margin:0;position:sticky;top:96px}.learnFigureBox{width:100%;margin-inline:auto;display:block;position:relative}.learnFigureBox img{object-fit:contain;width:100%;height:100%;max-height:none;display:block}.learnFigureSpot{pointer-events:none;border:3px solid #d7263d;border-radius:10px;transition:left .28s,top .28s,width .28s,height .28s;position:absolute;box-shadow:0 0 0 3px #d7263d29}.learnFigureHere{color:#b01e33;margin-top:6px;font-size:12px;display:block}.learnArticleMain>section{border-top:1px solid var(--learn-line);padding-block:40px}.learnArticleMain>.learnActions,.learnArticleMain>.learnReadNext{max-width:880px}.learnFeatured>a,.learnFeatured>.learnFeaturedShot{max-width:none;display:block}.learnFeatured>a img,.learnFeatured>.learnFeaturedShot img{width:100%;height:auto}.learnFeatured .learnFeaturedGo{border-radius:4px;justify-self:start;gap:36px;margin-top:28px;padding:24px 40px;font-size:20px}@media (max-width:760px){.learnFeatured .learnFeaturedGo{gap:22px;padding:18px 24px;font-size:17px}}.learnArticleMain .learnActions .learnButton{border-radius:4px;gap:34px;padding:22px 34px;font-size:18px}@media (max-width:760px){.learnArticleMain .learnActions .learnButton{gap:20px;padding:18px 22px;font-size:16px}}@media (prefers-reduced-motion:reduce){.learnFigureSpot{transition:none}}.learnArticleMain{min-width:0}@media (max-width:900px){.learnArticle{grid-template-columns:minmax(0,1fr);gap:24px}.learnArticle>figure{margin-bottom:24px;position:static}.learnArticle>figure img{max-height:340px}}.learnGroupSplit{margin:0 0 48px}.learnGroupSplit h3{margin:14px 0;font-size:24px;line-height:1.6}@media (max-width:760px){.learnGroupSplit h3{font-size:22px}}