@charset "UTF-8";.textbook-appendix-page,.textbook-appendix-page *{box-sizing:border-box}.textbook-roadmap{width:100%;margin:0;padding:36px 0 64px;background:#fff;color:#33383a;font-family:var(--textbook-sans)}.textbook-roadmap__intro{width:min(100% - 40px,720px);margin:0 auto 34px;text-align:center}.textbook-roadmap__label{margin:0 0 10px;color:#9a8358;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.16em}.textbook-roadmap__title{margin:0;color:#2f3739;font-family:var(--textbook-serif);font-size:32px;font-weight:700;line-height:1.65;letter-spacing:.03em}.textbook-roadmap__description{max-width:680px;margin:18px auto 0;color:#5c6669;font-size:15px;line-height:2}.textbook-roadmap__visual{position:relative;width:min(100% - 24px,860px);margin:0 auto;overflow:hidden;background:#fffdfa}.textbook-roadmap__scroll{position:relative;z-index:1;width:100%;overflow:hidden}.textbook-roadmap__canvas{position:relative;width:100%;aspect-ratio:2172 / 724}.textbook-roadmap__main-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:url(roadmap-top-main.png);background-repeat:no-repeat;background-position:center;background-size:contain}.textbook-roadmap__leaf{position:absolute;z-index:10;width:92px;height:92px;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.textbook-roadmap__leaf--top-left{top:0;left:0;background-image:url(roadmap-leaf-top-left.png)}.textbook-roadmap__leaf--bottom-left{bottom:0;left:0;background-image:url(roadmap-leaf-bottom-left.png)}.textbook-roadmap__leaf--top-right{top:0;right:0;background-image:url(roadmap-leaf-top-right.png)}.textbook-roadmap__leaf--bottom-right{right:0;bottom:0;background-image:url(roadmap-leaf-bottom-right.png)}.textbook-roadmap__hotspot{position:absolute;z-index:5;top:7%;height:63%;display:block;background:transparent}.textbook-roadmap__hotspot--1{left:2%;width:14%}.textbook-roadmap__hotspot--2{left:18%;width:15%}.textbook-roadmap__hotspot--3{left:35%;width:15%}.textbook-roadmap__hotspot--4{left:52%;width:15%}.textbook-roadmap__hotspot--5{left:69%;width:15%}.textbook-roadmap__hotspot--6{left:85%;width:13%}.textbook-roadmap__detail-heading{width:min(100% - 36px,760px);margin:52px auto 34px;display:flex;align-items:center;justify-content:center;gap:14px}.textbook-roadmap__detail-heading-line{flex:1 1 auto;height:1px;background:#c9ad73}.textbook-roadmap__detail-heading p{flex:0 0 auto;margin:0;color:#3e4749;font-family:var(--textbook-serif);font-size:16px;font-weight:600;line-height:1.7;letter-spacing:.04em;text-align:center;white-space:nowrap}.textbook-roadmap__sp-only{display:none}@media(max-width:699px){.textbook-roadmap__detail-heading{width:calc(100% - 28px);margin:42px auto 30px;gap:10px}.textbook-roadmap__detail-heading p{font-size:19px;line-height:1.65;white-space:normal}.textbook-roadmap__detail-heading-line{min-width:22px}.textbook-roadmap__sp-only{display:block}}@media(max-width:699px){.textbook-roadmap__detail-heading{width:100%;margin:42px auto 28px;overflow:hidden}.textbook-roadmap__detail-heading-image{width:100%;height:112px;background-position:center;background-size:1000px auto}}.textbook-roadmap__details{width:min(100% - 32px,720px);margin:0 auto}.textbook-roadmap__detail{scroll-margin-top:120px;margin:0 0 36px;overflow:hidden;border:1px solid var(--phase-color);border-radius:20px;background:var(--phase-bg);box-shadow:0 8px 26px #22484c12}.textbook-roadmap__detail--1{--phase-color: rgba(46, 165, 166, .42);--phase-bg: #f5fbfb;--phase-accent: #2ea5a6}.textbook-roadmap__detail--2{--phase-color: rgba(229, 126, 131, .42);--phase-bg: #fff8f8;--phase-accent: #df777d}.textbook-roadmap__detail--3{--phase-color: rgba(123, 161, 75, .42);--phase-bg: #fafcf6;--phase-accent: #789d4b}.textbook-roadmap__detail--4{--phase-color: rgba(203, 153, 57, .42);--phase-bg: #fffaf1;--phase-accent: #c69639}.textbook-roadmap__detail--5{--phase-color: rgba(76, 141, 193, .42);--phase-bg: #f7fafd;--phase-accent: #4c8dc1}.textbook-roadmap__detail--6{--phase-color: rgba(145, 111, 173, .42);--phase-bg: #fbf8fc;--phase-accent: #906ead}.textbook-roadmap__detail-image-wrap{padding:22px 18px 0;text-align:center}.textbook-roadmap__detail-image{width:340px;max-width:100%;aspect-ratio:720 / 1240;margin:0 auto;background-repeat:no-repeat;background-position:center top;background-size:contain}.textbook-roadmap__detail-image--1{background-image:url(roadmap-detail-week-1.png)}.textbook-roadmap__detail-image--2{background-image:url(roadmap-detail-week-2.png)}.textbook-roadmap__detail-image--3{background-image:url(roadmap-detail-week-3.png)}.textbook-roadmap__detail-image--4{background-image:url(roadmap-detail-week-4.png)}.textbook-roadmap__detail-image--5{background-image:url(roadmap-detail-week-5.png)}.textbook-roadmap__detail-image--6{background-image:url(roadmap-detail-week-6.png)}.textbook-roadmap__detail-body{padding:0 22px 26px}.textbook-roadmap__detail-section{padding:20px 2px;border-top:1px solid var(--phase-color)}.textbook-roadmap__detail-section h3{margin:0 0 12px;color:var(--phase-accent);font-family:var(--textbook-serif);font-size:19px;font-weight:700;line-height:1.5}.textbook-roadmap__detail-section ul{margin:0;padding:0;list-style:none}.textbook-roadmap__detail-section li{position:relative;margin:0;padding:7px 0 7px 25px;color:#3e4749;font-size:15px;line-height:1.75}.textbook-roadmap__detail-section li:before{content:"\2713";position:absolute;top:7px;left:2px;color:var(--phase-accent);font-weight:700}@media(max-width:699px){.textbook-roadmap{padding:28px 0 50px}.textbook-roadmap__intro{width:calc(100% - 32px);margin-bottom:28px}.textbook-roadmap__title{font-size:24px;line-height:1.65}.textbook-roadmap__description{font-size:14px;line-height:1.9;text-align:left}.textbook-roadmap__visual{width:100%;max-width:none}.textbook-roadmap__scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.textbook-roadmap__scroll::-webkit-scrollbar{display:none}.textbook-roadmap__canvas{width:900px;min-width:900px;height:300px;aspect-ratio:auto}.textbook-roadmap__main-image{width:900px;height:300px;background-size:900px 300px}.textbook-roadmap__leaf{width:72px;height:72px}.textbook-roadmap__detail-heading{width:calc(100% - 24px);margin:44px auto 28px}.textbook-roadmap__detail-heading-image{width:100%;aspect-ratio:1600 / 180;background-size:contain}.textbook-roadmap__details{width:calc(100% - 24px)}.textbook-roadmap__detail{margin-bottom:30px;border-radius:17px}.textbook-roadmap__detail-image-wrap{padding:18px 10px 0}.textbook-roadmap__detail-image{width:330px;max-width:100%}.textbook-roadmap__detail-body{padding:0 18px 22px}.textbook-roadmap__detail-section{padding:18px 0}.textbook-roadmap__detail-section h3{font-size:18px}.textbook-roadmap__detail-section li{font-size:14px}}.roadmap-plan__mini-label{margin:0 0 7px;color:var(--phase-accent);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.16em}.roadmap-plan__goal{margin:10px 0 26px;padding:22px;border-radius:14px;background:#fff;box-shadow:0 4px 18px #22484c0d}.roadmap-plan__goal h3{margin:0 0 12px;color:#333b3d;font-family:var(--textbook-serif);font-size:22px;line-height:1.55}.roadmap-plan__goal p:last-child{margin:0;color:#40494b;font-size:15px;line-height:1.9}.roadmap-plan__goal strong{background:linear-gradient(transparent 64%,#2ea5a629 64%)}.roadmap-plan__step{padding:27px 2px;border-top:1px solid var(--phase-color)}.roadmap-plan__step-head{margin-bottom:16px}.roadmap-plan__step-number{display:inline-block;margin-bottom:7px;color:var(--phase-accent);font-size:10px;font-weight:700;letter-spacing:.14em}.roadmap-plan__step-head h3{margin:0;color:#333b3d;font-family:var(--textbook-serif);font-size:20px;line-height:1.55}.roadmap-plan__step>p{margin:0 0 14px;color:#414a4c;font-size:15px;line-height:1.9}.roadmap-plan__category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.roadmap-plan__category-grid div{min-height:82px;padding:13px 12px;border:1px solid rgba(46,165,166,.2);border-radius:10px;background:#ffffffc2}.roadmap-plan__category-grid strong{display:block;margin-bottom:5px;color:var(--phase-accent);font-family:var(--textbook-serif);font-size:15px}.roadmap-plan__category-grid span{display:block;color:#525b5d;font-size:12px;line-height:1.55}.roadmap-plan__focus-box{margin:18px 0;padding:16px 17px;border-left:3px solid var(--phase-accent);background:#ffffffc7}.roadmap-plan__focus-box p{margin:0;color:#424b4d;font-size:14px;line-height:1.8}.roadmap-plan__focus-box p+p{margin-top:5px}.roadmap-plan__note{color:#697274!important;font-size:13px!important}.roadmap-plan__keyword-row{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}.roadmap-plan__keyword-row span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:#fff;color:#626b6d;font-size:12px;line-height:1.3}.roadmap-plan__question{margin:19px 0;padding:18px 14px;border:0;border-top:1px solid var(--phase-color);border-bottom:1px solid var(--phase-color);color:#3b4446;font-family:var(--textbook-serif);font-size:16px;line-height:1.9;text-align:center}.roadmap-plan__question strong{color:var(--phase-accent)}.roadmap-plan__concept{margin:20px 0 4px;padding:20px;border-radius:14px;background:#2ea5a614}.roadmap-plan__concept-label{margin:0 0 5px;color:var(--phase-accent);font-size:9px;font-weight:700;letter-spacing:.15em}.roadmap-plan__concept h4{margin:0 0 10px;color:var(--phase-accent);font-family:var(--textbook-serif);font-size:19px}.roadmap-plan__concept p{margin:0;color:#465052;font-size:14px;line-height:1.85}.roadmap-plan__concept p+p{margin-top:9px}.roadmap-plan__flow{width:min(100%,360px);margin:22px auto;text-align:center}.roadmap-plan__flow span{display:block;padding:10px 14px;border-radius:9px;background:#fff;color:#424b4d;font-size:14px;font-weight:600}.roadmap-plan__flow b{display:block;padding:3px 0;color:var(--phase-accent);font-size:17px}.roadmap-plan__flow .roadmap-plan__flow-final{background:var(--phase-accent);color:#fff}.roadmap-plan__bottleneck-list{margin:18px 0}.roadmap-plan__bottleneck-list div{padding:13px 4px;border-bottom:1px dotted var(--phase-color)}.roadmap-plan__bottleneck-list strong{display:block;margin-bottom:4px;color:var(--phase-accent);font-size:14px}.roadmap-plan__bottleneck-list span{display:block;color:#4a5456;font-size:13px;line-height:1.6}.roadmap-plan__important{margin-top:20px;padding:18px;border:1px solid var(--phase-color);border-radius:12px;background:#fff}.roadmap-plan__important>strong{display:block;color:var(--phase-accent);font-size:15px}.roadmap-plan__important p{margin:7px 0 0;color:#465052;font-size:14px;line-height:1.8}.roadmap-plan__action{margin-top:10px;padding:24px 20px;border-top:1px solid var(--phase-color);background:#ffffff80}.roadmap-plan__action h3{margin:0 0 16px;color:#333b3d;font-family:var(--textbook-serif);font-size:20px}.roadmap-plan__checklist{margin:0;padding:0;list-style:none}.roadmap-plan__checklist li{position:relative;padding:9px 0 9px 31px;border-bottom:1px dotted rgba(46,165,166,.22);color:#414a4c;font-size:14px;line-height:1.7}.roadmap-plan__checklist li:before{content:"\25a1";position:absolute;top:8px;left:1px;color:var(--phase-accent);font-size:20px;font-weight:400}.roadmap-plan__deliverable{margin:26px 0 0;padding:24px 20px;border-radius:14px;background:var(--phase-accent);color:#fff}.roadmap-plan__deliverable .roadmap-plan__mini-label{color:#ffffffbf}.roadmap-plan__deliverable h3{margin:0 0 5px;color:#fff;font-family:var(--textbook-serif);font-size:17px}.roadmap-plan__deliverable h4{margin:0 0 20px;color:#fff;font-family:var(--textbook-serif);font-size:23px;line-height:1.5}.roadmap-plan__output-list{border-top:1px solid rgba(255,255,255,.28)}.roadmap-plan__output-list div{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.2)}.roadmap-plan__output-list span{padding-top:2px;color:#ffffffa6;font-size:11px;font-weight:700}.roadmap-plan__output-list p{margin:0;color:#ffffffe6;font-size:13px;line-height:1.65}.roadmap-plan__output-list strong{display:block;margin-bottom:2px;color:#fff;font-size:14px}.roadmap-plan__change{padding:28px 0 4px}.roadmap-plan__change h3{margin:0 0 20px;color:#333b3d;font-family:var(--textbook-serif);font-size:20px}.roadmap-plan__before,.roadmap-plan__after{padding:18px;border-radius:12px}.roadmap-plan__before{background:#f2f3f3}.roadmap-plan__after{border:1px solid var(--phase-color);background:#fff}.roadmap-plan__before>span,.roadmap-plan__after>span{display:block;margin-bottom:10px;font-size:10px;font-weight:700;letter-spacing:.14em}.roadmap-plan__before>span{color:#899092}.roadmap-plan__after>span{color:var(--phase-accent)}.roadmap-plan__before p,.roadmap-plan__after p{position:relative;margin:0;padding:6px 0 6px 18px;color:#444e50;font-size:13px;line-height:1.7}.roadmap-plan__before p:before,.roadmap-plan__after p:before{position:absolute;left:0}.roadmap-plan__before p:before{content:"\2212"}.roadmap-plan__after p:before{content:"\ff0b";color:var(--phase-accent)}.roadmap-plan__arrow{padding:8px 0;color:var(--phase-accent);font-size:24px;text-align:center}.roadmap-plan__next{margin:28px 0 4px;padding:22px 20px;border-radius:14px;background:#fff;box-shadow:0 4px 16px #22484c0d}.roadmap-plan__next h3{margin:0 0 12px;color:var(--phase-accent);font-family:var(--textbook-serif);font-size:22px}.roadmap-plan__next p{margin:0;color:#454f51;font-size:14px;line-height:1.85}.roadmap-plan__next p+p{margin-top:12px}.roadmap-plan__next-flow{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0}.roadmap-plan__next-flow span{padding:8px 11px;border-radius:999px;background:#2ea5a61a;color:var(--phase-accent);font-size:13px;font-weight:700}.roadmap-plan__next-flow b{color:#9aa2a3}@media(max-width:699px){.roadmap-plan__goal{padding:20px 17px}.roadmap-plan__goal h3{font-size:21px}.roadmap-plan__goal p:last-child{font-size:14px}.roadmap-plan__step{padding:25px 0}.roadmap-plan__step-head h3{font-size:19px}.roadmap-plan__step>p{font-size:14px}.roadmap-plan__category-grid{grid-template-columns:1fr}.roadmap-plan__category-grid div{min-height:0}.roadmap-plan__question{font-size:16px}.roadmap-plan__action,.roadmap-plan__deliverable,.roadmap-plan__next{padding-left:17px;padding-right:17px}}.roadmap-plan__mini-label{margin:0 0 3px;color:var(--phase-accent);font-size:11px;font-weight:700;line-height:1.35;letter-spacing:.08em}.roadmap-plan__step-head{margin-bottom:15px}.roadmap-plan__step-number{display:block;margin:0 0 3px;color:var(--phase-accent);font-size:11px;font-weight:700;line-height:1.35;letter-spacing:.08em}.roadmap-plan__step-head h3{margin:0;color:#333b3d;font-family:var(--textbook-serif);font-size:20px;font-weight:700;line-height:1.55}.roadmap-plan__goal .roadmap-plan__mini-label{margin-bottom:3px}.roadmap-plan__goal h3{margin-top:0}.roadmap-plan__radar{width:100%;margin:20px auto 24px;text-align:center}.roadmap-plan__radar-image{width:min(100%,420px);aspect-ratio:1 / 1;margin:0 auto;background-image:url(roadmap-week1-radar-chart.png);background-repeat:no-repeat;background-position:center;background-size:contain}.roadmap-plan__radar p{margin:8px 0 0;color:#7a8385;font-size:12px;line-height:1.6}.roadmap-plan__dhatu{width:100%;margin:22px auto 26px;text-align:center}.roadmap-plan__dhatu-image{width:min(100%,520px);aspect-ratio:1055 / 1491;margin:0 auto;background-image:url(roadmap-week1-dhatu.png);background-repeat:no-repeat;background-position:center top;background-size:contain}.roadmap-plan__next-button-wrap{margin:32px 0 6px;padding-top:26px;border-top:1px solid var(--phase-color);text-align:center}.roadmap-plan__next-button-wrap .roadmap-plan__mini-label{margin-bottom:8px}.roadmap-plan__next-button{display:flex;align-items:center;justify-content:space-between;width:min(100%,380px);min-height:58px;margin:0 auto;padding:13px 20px 13px 24px;border:1px solid var(--phase-color);border-radius:999px;background:#fff;color:var(--phase-accent);font-family:var(--textbook-serif);font-size:17px;font-weight:700;line-height:1.4;text-decoration:none;box-shadow:0 5px 18px #22484c0f;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.roadmap-plan__next-button span{flex:0 0 auto;margin-left:12px;font-family:sans-serif;font-size:27px;font-weight:300;line-height:1}@media(hover:hover){.roadmap-plan__next-button:hover{transform:translateY(-1px);background:#ffffffd1;box-shadow:0 8px 22px #22484c17}}@media(max-width:699px){.roadmap-plan__step-number,.roadmap-plan__mini-label{font-size:11px}.roadmap-plan__step-number{margin-bottom:2px}.roadmap-plan__step-head h3{font-size:19px}.roadmap-plan__radar-image{width:min(100%,330px)}.roadmap-plan__dhatu-image{width:min(100%,350px)}.roadmap-plan__next-button{width:100%;min-height:56px;padding-left:22px;padding-right:18px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/textbook-appendix.css.map */