{"id":579,"date":"2019-04-24T21:21:47","date_gmt":"2019-04-24T12:21:47","guid":{"rendered":"http:\/\/nansiki.net\/2018\/?page_id=579"},"modified":"2026-08-18T15:01:55","modified_gmt":"2026-08-18T06:01:55","slug":"winter-study","status":"publish","type":"page","link":"https:\/\/nansiki.net\/2018\/winter-study","title":{"rendered":"\u51ac\u671f\u8b1b\u7fd22026\u306b\u3064\u3044\u3066"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeiWIzq2AbjmfY5dhtiIkCn_nI2jNqcKjclloBeyz1RpSDyqw\/viewform?usp=preview\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"409\" src=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-15-1024x409.png\" alt=\"\" class=\"wp-image-3992\" srcset=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-15-1024x409.png 1024w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-15-300x120.png 300w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-15-768x307.png 768w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-15-1536x614.png 1536w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-15.png 1983w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NESCOM Winter Learning Guide 2026\n   HERO\n   Soft Intelligence Design\n========================================================= *\/\n\n.hero-guide {\n\n    position: relative;\n\n    overflow: hidden;\n\n    max-width: 1100px;\n\n    margin: 0 auto 35px;\n\n    padding: 55px 30px 35px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f4faf7 0%,\n            #ffffff 45%,\n            #f7fbf9 100%\n        );\n\n    border: 1px solid #dceae4;\n\n    border-radius: 28px;\n\n    box-shadow:\n        0 12px 35px rgba(44,76,65,.055);\n\n}\n\n\n\/* =========================================================\n   Decorative Orb\n========================================================= *\/\n\n.hero-orb {\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    pointer-events: none;\n\n    opacity: .45;\n\n}\n\n\n.hero-orb-1 {\n\n    width: 260px;\n    height: 260px;\n\n    top: -150px;\n    right: -80px;\n\n    background:\n        radial-gradient(\n            circle,\n            #dcefe7 0%,\n            rgba(220,239,231,0) 70%\n        );\n\n}\n\n\n.hero-orb-2 {\n\n    width: 230px;\n    height: 230px;\n\n    bottom: -140px;\n    left: -100px;\n\n    background:\n        radial-gradient(\n            circle,\n            #e7f2ee 0%,\n            rgba(231,242,238,0) 70%\n        );\n\n}\n\n\n\/* =========================================================\n   Inner\n========================================================= *\/\n\n.hero-inner {\n\n    position: relative;\n\n    z-index: 1;\n\n    max-width: 900px;\n\n    margin: 0 auto;\n\n    text-align: center;\n\n}\n\n\n\/* =========================================================\n   Top\n========================================================= *\/\n\n.hero-top {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 12px;\n\n    margin-bottom: 25px;\n\n}\n\n\n.hero-tag {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    padding: 6px 14px;\n\n    border-radius: 50px;\n\n    background: #eaf5f0;\n\n    color: #4d806d;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .08em;\n\n}\n\n\n.hero-category {\n\n    color: #7b978c;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .2em;\n\n}\n\n\n\/* =========================================================\n   Title\n========================================================= *\/\n\n.hero-title {\n\n    margin: 0 0 28px;\n\n    color: #29483d;\n\n    font-size: clamp(42px, 6vw, 68px);\n\n    font-weight: 800;\n\n    line-height: 1.25;\n\n    letter-spacing: -.035em;\n\n}\n\n\n.hero-title-small {\n\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: #557268;\n\n    font-size: .53em;\n\n    font-weight: 700;\n\n    letter-spacing: .01em;\n\n}\n\n\n.hero-title-accent {\n\n    position: relative;\n\n    color: #4d806d;\n\n}\n\n\n\/* \u4e0b\u7dda *\/\n\n.hero-title-accent::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 3%;\n\n    right: 3%;\n\n    bottom: -4px;\n\n    height: 7px;\n\n    border-radius: 10px;\n\n    background: #d8ebe3;\n\n    z-index: -1;\n\n}\n\n\n\/* =========================================================\n   Lead\n========================================================= *\/\n\n.hero-lead {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    margin: 0 auto 23px;\n\n    padding: 12px 20px;\n\n    text-align: left;\n\n    background: rgba(255,255,255,.8);\n\n    border: 1px solid #d8e7e1;\n\n    border-radius: 14px;\n\n    box-shadow:\n        0 5px 18px rgba(44,76,65,.045);\n\n}\n\n\n.hero-lead-icon {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 38px;\n    height: 38px;\n\n    flex: 0 0 auto;\n\n    border-radius: 11px;\n\n    background: #eef7f3;\n\n    color: #5b8976;\n\n    font-size: 7px;\n\n    font-weight: 700;\n\n    letter-spacing: .08em;\n\n}\n\n\n.hero-lead strong {\n\n    display: block;\n\n    color: #3e5e51;\n\n    font-size: 14px;\n\n}\n\n\n.hero-lead p {\n\n    margin: 2px 0 0;\n\n    color: #7a8781;\n\n    font-size: 11px;\n\n}\n\n\n\/* =========================================================\n   Description\n========================================================= *\/\n\n.hero-description {\n\n    max-width: 680px;\n\n    margin: 0 auto 32px;\n\n    color: #68766f;\n\n    font-size: 15px;\n\n    line-height: 2;\n\n}\n\n\n.hero-description strong {\n\n    color: #386b59;\n\n    font-weight: 700;\n\n}\n\n\n\/* =========================================================\n   Guide Points\n========================================================= *\/\n\n.hero-points {\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 14px;\n\n    max-width: 850px;\n\n    margin: 0 auto 30px;\n\n}\n\n\n.hero-point {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    padding: 15px 14px;\n\n    text-align: left;\n\n    background: rgba(255,255,255,.78);\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 15px;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease,\n        border-color .25s ease;\n\n}\n\n\n.hero-point:hover {\n\n    transform: translateY(-3px);\n\n    border-color: #c5dcd2;\n\n    box-shadow:\n        0 9px 22px rgba(44,76,65,.07);\n\n}\n\n\n.hero-point-number {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    flex: 0 0 auto;\n\n    width: 35px;\n    height: 35px;\n\n    border-radius: 50%;\n\n    background: #eef6f2;\n\n    color: #5b8976;\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n}\n\n\n.hero-point strong {\n\n    display: block;\n\n    margin-bottom: 2px;\n\n    color: #3e5e51;\n\n    font-size: 13px;\n\n}\n\n\n.hero-point small {\n\n    display: block;\n\n    color: #7d8983;\n\n    font-size: 9px;\n\n    line-height: 1.5;\n\n}\n\n\n\/* =========================================================\n   Bottom\n========================================================= *\/\n\n.hero-bottom {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 12px;\n\n    color: #8ba097;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .2em;\n\n}\n\n\n.hero-bottom-line {\n\n    width: 55px;\n\n    height: 1px;\n\n    background: #cfdfd8;\n\n}\n\n\n\/* =========================================================\n   Utility\n========================================================= *\/\n\n.sp-only {\n\n    display: none;\n\n}\n\n\n.pc-only {\n\n    display: inline;\n\n}\n\n\n\/* =========================================================\n   Tablet\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .hero-guide {\n\n        margin-left: 15px;\n\n        margin-right: 15px;\n\n    }\n\n\n    .hero-points {\n\n        gap: 10px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   Mobile\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .hero-guide {\n\n        margin: 0 10px 25px;\n\n        padding: 35px 17px 25px;\n\n        border-radius: 21px;\n\n    }\n\n\n    .hero-top {\n\n        flex-direction: column;\n\n        gap: 7px;\n\n        margin-bottom: 22px;\n\n    }\n\n\n    .hero-tag {\n\n        font-size: 9px;\n\n        padding: 6px 12px;\n\n    }\n\n\n    .hero-category {\n\n        font-size: 8px;\n\n        letter-spacing: .17em;\n\n    }\n\n\n    .hero-title {\n\n        margin-bottom: 23px;\n\n        font-size: clamp(34px, 10vw, 48px);\n\n        line-height: 1.3;\n\n    }\n\n\n    .hero-title-small {\n\n        font-size: .52em;\n\n    }\n\n\n    .hero-title-accent::after {\n\n        height: 5px;\n\n        bottom: -2px;\n\n    }\n\n\n    .hero-lead {\n\n        gap: 10px;\n\n        padding: 10px 14px;\n\n        margin-bottom: 19px;\n\n    }\n\n\n    .hero-lead-icon {\n\n        width: 34px;\n        height: 34px;\n\n    }\n\n\n    .hero-lead strong {\n\n        font-size: 12px;\n\n    }\n\n\n    .hero-lead p {\n\n        font-size: 10px;\n\n    }\n\n\n    .hero-description {\n\n        margin-bottom: 25px;\n\n        font-size: 13px;\n\n        line-height: 1.9;\n\n    }\n\n\n    .hero-points {\n\n        grid-template-columns: 1fr;\n\n        gap: 8px;\n\n        margin-bottom: 24px;\n\n    }\n\n\n    .hero-point {\n\n        padding: 11px 13px;\n\n        border-radius: 13px;\n\n    }\n\n\n    .hero-point-number {\n\n        width: 31px;\n        height: 31px;\n\n        font-size: 8px;\n\n    }\n\n\n    .hero-point strong {\n\n        font-size: 12px;\n\n    }\n\n\n    .hero-point small {\n\n        font-size: 9px;\n\n    }\n\n\n    .hero-bottom {\n\n        font-size: 7px;\n\n    }\n\n\n    .hero-bottom-line {\n\n        width: 35px;\n\n    }\n\n\n    .sp-only {\n\n        display: block;\n\n    }\n\n\n    .pc-only {\n\n        display: none;\n\n    }\n\n}\n\n\n\/* =========================================================\n   Small Mobile\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .hero-guide {\n\n        padding: 30px 14px 22px;\n\n    }\n\n\n    .hero-title {\n\n        font-size: 33px;\n\n    }\n\n\n    .hero-description {\n\n        font-size: 12.5px;\n\n    }\n\n\n    .hero-point {\n\n        padding: 10px 11px;\n\n    }\n\n}\n<\/style>\n\n<section class=\"hero-guide\">\n\n    <!-- Decorative Background -->\n\n    <div class=\"hero-orb hero-orb-1\"><\/div>\n    <div class=\"hero-orb hero-orb-2\"><\/div>\n\n\n    <div class=\"hero-inner\">\n\n        <!-- Top Label -->\n\n        <div class=\"hero-top\">\n\n            <span class=\"hero-tag\">\n                \u4e2d\u5b66\u751f\u30fb\u4fdd\u8b77\u8005\u5411\u3051\n            <\/span>\n\n            <span class=\"hero-category\">\n                WINTER LEARNING GUIDE\n            <\/span>\n\n        <\/div>\n\n\n        <!-- Main Title -->\n\n        <h1 class=\"hero-title\">\n\n            <span class=\"hero-title-small\">\n                \u4eca\u5e74\u306e\u51ac\u3001\n            <\/span>\n\n            \u300c\u308f\u304b\u308b\u300d\u3092<br>\n\n            <span class=\"hero-title-accent\">\n                \u300c\u3067\u304d\u308b\u300d\n            <\/span>\n            \u306b\u5909\u3048\u3088\u3046\u3002\n\n        <\/h1>\n\n\n        <!-- Lead -->\n\n        <div class=\"hero-lead\">\n\n            <span class=\"hero-lead-icon\">\n                BOOK\n            <\/span>\n\n            <div>\n\n                <strong>\n                    Winter Learning Guide 2026\n                <\/strong>\n\n                <p>\n                    \u51ac\u671f\u8b1b\u7fd2\u306e\u3054\u6848\u5185\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Description -->\n\n        <p class=\"hero-description\">\n\n            \u51ac\u4f11\u307f\u306e\u52c9\u5f37\u6cd5\u304b\u3089\u51ac\u671f\u8b1b\u7fd2\u307e\u3067\u3001<br class=\"pc-only\">\n\n            <strong>\u4e00\u518a\u306e\u53c2\u8003\u66f8<\/strong>\u306e\u3088\u3046\u306b\n            \u5206\u304b\u308a\u3084\u3059\u304f\u307e\u3068\u3081\u307e\u3057\u305f\u3002\n\n        <\/p>\n\n\n        <!-- Guide Contents -->\n\n        <div class=\"hero-points\">\n\n            <div class=\"hero-point\">\n\n                <span class=\"hero-point-number\">\n                    01\n                <\/span>\n\n                <div>\n                    <strong>\n                        \u51ac\u4f11\u307f\u306e\u5b66\u7fd2\u6cd5\n                    <\/strong>\n\n                    <small>\n                        \u306a\u305c\u51ac\u4f11\u307f\u304c\u5927\u5207\u306a\u306e\uff1f\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"hero-point\">\n\n                <span class=\"hero-point-number\">\n                    02\n                <\/span>\n\n                <div>\n                    <strong>\n                        NESCOM\u306e\u5b66\u7fd2\u65b9\u6cd5\n                    <\/strong>\n\n                    <small>\n                        \u3069\u3046\u3084\u3063\u3066\u300c\u3067\u304d\u308b\u300d\u306b\u5909\u3048\u308b\uff1f\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"hero-point\">\n\n                <span class=\"hero-point-number\">\n                    03\n                <\/span>\n\n                <div>\n                    <strong>\n                        \u51ac\u671f\u8b1b\u7fd2\u306b\u3064\u3044\u3066\n                    <\/strong>\n\n                    <small>\n                        \u30b3\u30fc\u30b9\u30fb\u6599\u91d1\u30fb\u53c2\u52a0\u65b9\u6cd5\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Bottom -->\n\n        <div class=\"hero-bottom\">\n\n            <span class=\"hero-bottom-line\"><\/span>\n\n            <span>\n                SCROLL TO START\n            <\/span>\n\n            <span class=\"hero-bottom-line\"><\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NESCOM Winter Learning Guide\n   Lesson 1 \/ Winter Introduction\n   Soft Intelligence Design\n========================================================= *\/\n\n.lesson-winter-intro {\n    position: relative;\n\n    overflow: hidden;\n\n    padding: 10px 0 25px;\n}\n\n\n\/* =========================================================\n   Heading\n========================================================= *\/\n\n.winter-intro-heading {\n    max-width: 850px;\n\n    margin: 0 auto 45px;\n\n    text-align: center;\n}\n\n\n.winter-intro-label {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 7px 15px;\n\n    margin-bottom: 15px;\n\n    border-radius: 50px;\n\n    background: #eef7f3;\n\n    color: #4d806d;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.lesson-winter-intro .lesson-question {\n    margin-bottom: 24px;\n\n    line-height: 1.6;\n}\n\n\n.winter-intro-lead {\n    max-width: 720px;\n\n    margin: 0 auto;\n\n    color: #596761;\n\n    font-size: 15px;\n\n    line-height: 2;\n}\n\n\n.winter-intro-lead p {\n    margin: 0 0 7px;\n}\n\n\n.winter-intro-lead strong {\n    color: #386b59;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Time Card\n========================================================= *\/\n\n.winter-time-card {\n    position: relative;\n\n    max-width: 850px;\n\n    margin: 0 auto 35px;\n\n    padding: 32px 35px 27px;\n\n    text-align: center;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f7fbf9 0%,\n            #ffffff 55%,\n            #f1f8f5 100%\n        );\n\n    border: 1px solid #d6e7df;\n\n    border-radius: 25px;\n\n    box-shadow:\n        0 10px 30px rgba(44,76,65,.065);\n}\n\n\n.winter-time-label {\n    display: inline-block;\n\n    margin-bottom: 8px;\n\n    color: #7b978c;\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: .2em;\n}\n\n\n\/* =========================================================\n   Big Number\n========================================================= *\/\n\n.winter-time-main {\n    display: flex;\n\n    align-items: baseline;\n\n    justify-content: center;\n\n    color: #315c4d;\n\n    line-height: 1;\n}\n\n\n.winter-time-about {\n    margin-right: 4px;\n\n    color: #6d8279;\n\n    font-size: 19px;\n\n    font-weight: 600;\n}\n\n\n.winter-time-main strong {\n    font-size: 88px;\n\n    font-weight: 800;\n\n    letter-spacing: -.06em;\n\n    color: #4d806d;\n}\n\n\n.winter-time-unit {\n    margin-left: 7px;\n\n    color: #4f665d;\n\n    font-size: 25px;\n\n    font-weight: 700;\n}\n\n\n.winter-time-caption {\n    margin: 8px 0 0;\n\n    color: #68766f;\n\n    font-size: 14px;\n\n    font-weight: 600;\n}\n\n\n\/* =========================================================\n   Timeline\n========================================================= *\/\n\n.winter-timeline {\n    display: flex;\n\n    align-items: center;\n\n    max-width: 580px;\n\n    margin: 25px auto 8px;\n}\n\n\n.timeline-dot {\n    flex: 0 0 auto;\n\n    width: 9px;\n    height: 9px;\n\n    border-radius: 50%;\n\n    background: #5c927d;\n\n    box-shadow:\n        0 0 0 5px #e7f1ed;\n}\n\n\n.timeline-track {\n    position: relative;\n\n    flex: 1;\n\n    height: 2px;\n\n    margin: 0 8px;\n\n    background: #d6e4de;\n}\n\n\n.timeline-track span {\n    position: absolute;\n\n    left: 25%;\n    right: 25%;\n\n    top: 0;\n\n    height: 2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #78a995,\n            #5c927d\n        );\n}\n\n\n.winter-timeline-text {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    max-width: 600px;\n\n    margin: 0 auto;\n}\n\n\n.winter-timeline-text span {\n    color: #91a19a;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .14em;\n}\n\n\n.winter-timeline-text strong {\n    color: #557268;\n\n    font-size: 11px;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Focus Card\n========================================================= *\/\n\n.winter-focus-card {\n    display: flex;\n\n    align-items: center;\n\n    max-width: 900px;\n\n    margin: 0 auto 30px;\n\n    padding: 25px 30px;\n\n    background:\n        linear-gradient(\n            100deg,\n            #f0f8f4,\n            #f8fbfa\n        );\n\n    border: 1px solid #d2e5dc;\n\n    border-radius: 20px;\n}\n\n\n.winter-focus-icon {\n    flex: 0 0 auto;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 72px;\n    height: 72px;\n\n    margin-right: 23px;\n\n    border-radius: 20px;\n\n    background: #ffffff;\n\n    border: 1px solid #c8ddd3;\n\n    box-shadow:\n        0 6px 15px rgba(50,90,75,.07);\n}\n\n\n.winter-focus-icon span {\n    margin-bottom: 2px;\n\n    color: #7b978c;\n\n    font-size: 7px;\n\n    font-weight: 700;\n\n    letter-spacing: .1em;\n}\n\n\n.winter-focus-icon strong {\n    color: #4d806d;\n\n    font-size: 27px;\n\n    line-height: 1;\n}\n\n\n.winter-focus-content {\n    flex: 1;\n}\n\n\n.winter-focus-label {\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.winter-focus-content h3 {\n    margin: 0 0 8px;\n\n    color: #315c4d;\n\n    font-size: 20px;\n\n    line-height: 1.5;\n}\n\n\n.winter-focus-content p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.8;\n}\n\n\n\/* =========================================================\n   Mini Points\n========================================================= *\/\n\n.winter-mini-points {\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 18px;\n\n    max-width: 900px;\n\n    margin: 0 auto 30px;\n}\n\n\n.winter-mini-point {\n    position: relative;\n\n    padding: 21px 20px 19px;\n\n    background: #ffffff;\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 16px;\n\n    box-shadow:\n        0 5px 17px rgba(44,76,65,.04);\n\n    text-align: center;\n}\n\n\n.winter-mini-point > span {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 30px;\n    height: 30px;\n\n    margin-bottom: 9px;\n\n    border-radius: 50%;\n\n    background: #eef6f2;\n\n    color: #5b8976;\n\n    font-size: 10px;\n\n    font-weight: 700;\n}\n\n\n.winter-mini-point strong {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: #3e5e51;\n\n    font-size: 15px;\n}\n\n\n.winter-mini-point p {\n    margin: 0;\n\n    color: #7a8781;\n\n    font-size: 11px;\n\n    line-height: 1.6;\n}\n\n\n\/* =========================================================\n   Summary\n========================================================= *\/\n\n.winter-intro-summary {\n    max-width: 900px;\n\n    margin: 0 auto;\n\n    padding: 27px 30px;\n\n    text-align: center;\n\n    background: #ffffff;\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 19px;\n\n    box-shadow:\n        0 6px 20px rgba(44,76,65,.045);\n}\n\n\n.winter-intro-summary > span {\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .2em;\n}\n\n\n.winter-intro-summary strong {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: #315c4d;\n\n    font-size: 19px;\n\n    line-height: 1.6;\n}\n\n\n.winter-intro-summary p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.8;\n}\n\n\n.mobile-only {\n    display: none;\n}\n\n\n\/* =========================================================\n   Tablet\n========================================================= *\/\n\n@media (max-width: 800px) {\n\n    .winter-time-card {\n        max-width: 700px;\n    }\n\n\n    .winter-mini-points {\n        gap: 12px;\n    }\n\n}\n\n\n\/* =========================================================\n   Mobile\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .lesson-winter-intro {\n        padding-top: 5px;\n    }\n\n\n    \/* Heading *\/\n\n    .winter-intro-heading {\n        margin-bottom: 32px;\n\n        padding: 0 8px;\n    }\n\n\n    .lesson-winter-intro .lesson-question {\n        line-height: 1.55;\n    }\n\n\n    .winter-intro-lead {\n        font-size: 14px;\n\n        line-height: 1.9;\n    }\n\n\n    \/* Time *\/\n\n    .winter-time-card {\n        padding: 26px 18px 23px;\n\n        border-radius: 20px;\n    }\n\n\n    .winter-time-main strong {\n        font-size: 68px;\n    }\n\n\n    .winter-time-about {\n        font-size: 16px;\n    }\n\n\n    .winter-time-unit {\n        font-size: 21px;\n    }\n\n\n    .winter-time-caption {\n        font-size: 12px;\n    }\n\n\n    .winter-timeline {\n        margin-top: 22px;\n    }\n\n\n    .winter-timeline-text strong {\n        font-size: 9px;\n    }\n\n\n    \/* Focus *\/\n\n    .winter-focus-card {\n        align-items: flex-start;\n\n        padding: 19px;\n\n        border-radius: 17px;\n    }\n\n\n    .winter-focus-icon {\n        width: 53px;\n        height: 53px;\n\n        margin-right: 14px;\n\n        border-radius: 15px;\n    }\n\n\n    .winter-focus-icon span {\n        font-size: 6px;\n    }\n\n\n    .winter-focus-icon strong {\n        font-size: 21px;\n    }\n\n\n    .winter-focus-content h3 {\n        font-size: 16px;\n\n        line-height: 1.55;\n    }\n\n\n    .winter-focus-content p {\n        font-size: 11.5px;\n\n        line-height: 1.75;\n    }\n\n\n    \/* Points *\/\n\n    .winter-mini-points {\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n\n        margin-bottom: 24px;\n    }\n\n\n    .winter-mini-point {\n        display: grid;\n\n        grid-template-columns: 34px 1fr;\n\n        grid-template-rows: auto auto;\n\n        column-gap: 12px;\n\n        padding: 13px 15px;\n\n        text-align: left;\n    }\n\n\n    .winter-mini-point > span {\n        grid-row: 1 \/ 3;\n\n        width: 34px;\n        height: 34px;\n\n        margin: 0;\n    }\n\n\n    .winter-mini-point strong {\n        margin: 0;\n\n        font-size: 14px;\n    }\n\n\n    .winter-mini-point p {\n        font-size: 11px;\n    }\n\n\n    \/* Summary *\/\n\n    .winter-intro-summary {\n        padding: 20px;\n\n        border-radius: 17px;\n    }\n\n\n    .winter-intro-summary strong {\n        font-size: 16px;\n\n        line-height: 1.6;\n    }\n\n\n    .winter-intro-summary p {\n        font-size: 12px;\n\n        line-height: 1.7;\n    }\n\n\n    .mobile-only {\n        display: inline;\n    }\n\n}\n\n\n\/* =========================================================\n   Small Mobile\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .winter-time-card {\n        padding: 23px 14px 20px;\n    }\n\n\n    .winter-time-main strong {\n        font-size: 60px;\n    }\n\n\n    .winter-time-unit {\n        font-size: 19px;\n    }\n\n\n    .winter-focus-card {\n        padding: 16px;\n    }\n\n\n    .winter-focus-icon {\n        width: 47px;\n        height: 47px;\n\n        margin-right: 11px;\n    }\n\n\n    .winter-focus-content h3 {\n        font-size: 15px;\n    }\n\n\n    .winter-focus-content p {\n        font-size: 11px;\n    }\n\n\n    .winter-intro-summary {\n        padding: 17px;\n    }\n\n}\n<\/style>\n\n<section class=\"lesson lesson-winter-intro\">\n\n    <!-- =========================\n         Heading\n    ========================== -->\n\n    <div class=\"winter-intro-heading\">\n\n        <span class=\"winter-intro-label\">\n            FIRST QUESTION\n        <\/span>\n\n        <h2 class=\"lesson-question\">\n            \u51ac\u4f11\u307f\u3063\u3066\u3001\u305f\u3063\u305f2\u9031\u9593\u3057\u304b\u306a\u3044\u306e\u306b<br>\n            \u5bbf\u984c\u4ee5\u5916\u306e\u52c9\u5f37\u306b\u610f\u5473\u306f\u3042\u308b\u306e\uff1f\n        <\/h2>\n\n        <div class=\"winter-intro-lead\">\n\n            <p>\n                \u5b9f\u306f\u3001\u51ac\u4f11\u307f\u306f\u4e00\u5e74\u3067\u6700\u3082\u77ed\u3044\u9577\u671f\u4f11\u6687\u3067\u3059\u3002\n            <\/p>\n\n            <p>\n                \u3060\u304b\u3089\u3053\u305d\u5b66\u6821\u306e\u6388\u696d\u304c\u6b62\u307e\u308a\u3001\n                <strong>\u81ea\u5206\u306e\u82e6\u624b\u3060\u3051\u306b\u96c6\u4e2d\u3067\u304d\u308b\u8cb4\u91cd\u306a\u6642\u9593<\/strong>\u306b\u306a\u308a\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Short Holiday Visual\n    ========================== -->\n\n    <div class=\"winter-time-card\">\n\n        <div class=\"winter-time-label\">\n            WINTER BREAK\n        <\/div>\n\n        <div class=\"winter-time-main\">\n\n            <span class=\"winter-time-about\">\n                \u7d04\n            <\/span>\n\n            <strong>\n                2\n            <\/strong>\n\n            <span class=\"winter-time-unit\">\n                \u9031\u9593\n            <\/span>\n\n        <\/div>\n\n        <p class=\"winter-time-caption\">\n            \u4e00\u5e74\u3067\u6700\u3082\u77ed\u3044\u9577\u671f\u4f11\u6687\n        <\/p>\n\n\n        <!-- Time Line -->\n\n        <div class=\"winter-timeline\">\n\n            <span class=\"timeline-dot\"><\/span>\n\n            <div class=\"timeline-track\">\n                <span><\/span>\n            <\/div>\n\n            <span class=\"timeline-dot\"><\/span>\n\n        <\/div>\n\n        <div class=\"winter-timeline-text\">\n\n            <span>\n                START\n            <\/span>\n\n            <strong>\n                \u77ed\u3044\u304b\u3089\u3053\u305d\u3001\u4f7f\u3044\u65b9\u304c\u5927\u5207\n            <\/strong>\n\n            <span>\n                END\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Main Message\n    ========================== -->\n\n    <div class=\"winter-focus-card\">\n\n        <div class=\"winter-focus-icon\">\n\n            <span>\n                TARGET\n            <\/span>\n\n            <strong>\n                \u25ce\n            <\/strong>\n\n        <\/div>\n\n        <div class=\"winter-focus-content\">\n\n            <span class=\"winter-focus-label\">\n                FOCUS\n            <\/span>\n\n            <h3>\n                \u77ed\u3044\u304b\u3089\u3053\u305d\u3001<br class=\"mobile-only\">\n                \u76ee\u7684\u3092\u6c7a\u3081\u3066\u52c9\u5f37\u3059\u308b\u3002\n            <\/h3>\n\n            <p>\n                \u9577\u3055\u3067\u306f\u306a\u304f\u3001\u4f7f\u3044\u65b9\u304c\u7d50\u679c\u3092\u5909\u3048\u307e\u3059\u3002\n                \u82e6\u624b\u3060\u3051\u306b\u96c6\u4e2d\u3059\u308b\u3053\u3068\u3067\u3001\n                \u9650\u3089\u308c\u305f\u6642\u9593\u3067\u3082\u52b9\u7387\u3088\u304f\u529b\u3092\u4f38\u3070\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Three Points\n    ========================== -->\n\n    <div class=\"winter-mini-points\">\n\n        <div class=\"winter-mini-point\">\n\n            <span>01<\/span>\n\n            <strong>\n                \u6388\u696d\u304c\u6b62\u307e\u308b\n            <\/strong>\n\n            <p>\n                \u65b0\u3057\u3044\u5358\u5143\u304c\u9032\u307e\u306a\u3044\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"winter-mini-point\">\n\n            <span>02<\/span>\n\n            <strong>\n                \u82e6\u624b\u306b\u96c6\u4e2d\n            <\/strong>\n\n            <p>\n                \u5fc5\u8981\u306a\u3068\u3053\u308d\u3060\u3051\u5fa9\u7fd2\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"winter-mini-point\">\n\n            <span>03<\/span>\n\n            <strong>\n                \u52b9\u7387\u3088\u304f\u4f38\u3070\u3059\n            <\/strong>\n\n            <p>\n                \u300c\u3067\u304d\u306a\u3044\u300d\u3092\u6e1b\u3089\u3059\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Summary\n    ========================== -->\n\n    <div class=\"winter-intro-summary\">\n\n        <span>\n            WINTER = FOCUS TIME\n        <\/span>\n\n        <strong>\n            \u51ac\u4f11\u307f\u306f\u300c\u77ed\u3044\u4f11\u307f\u300d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n        <\/strong>\n\n        <p>\n            \u81ea\u5206\u3092\u4f38\u3070\u3059\u305f\u3081\u306e\u3001\u96c6\u4e2d\u671f\u9593\u3067\u3059\u3002\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-3-1024x683.png\" alt=\"\" class=\"wp-image-3942\" srcset=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-3-1024x683.png 1024w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-3-300x200.png 300w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-3-768x512.png 768w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-3.png 1535w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NESCOM Winter Learning Guide\n   Lesson \/ Winter\n   Soft Intelligence Design\n========================================================= *\/\n\n.lesson-winter {\n    position: relative;\n\n    overflow: hidden;\n\n    padding: 10px 0 25px;\n}\n\n\n\/* =========================================================\n   Heading\n========================================================= *\/\n\n.winter-heading {\n    max-width: 800px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n\n.winter-label {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 7px 15px;\n\n    margin-bottom: 15px;\n\n    border-radius: 50px;\n\n    background: #eef7f3;\n\n    color: #4d806d;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.lesson-winter .lesson-question {\n    margin-bottom: 23px;\n}\n\n\n.winter-lead {\n    max-width: 720px;\n\n    margin: 0 auto;\n\n    color: #596761;\n\n    font-size: 15px;\n\n    line-height: 2;\n}\n\n\n.winter-lead p {\n    margin: 0 0 7px;\n}\n\n\n.winter-lead strong {\n    color: #386b59;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Winter Flow\n========================================================= *\/\n\n.winter-flow {\n    display: grid;\n\n    grid-template-columns: 1fr 75px 1fr;\n\n    align-items: stretch;\n\n    max-width: 1000px;\n\n    margin: 0 auto 35px;\n}\n\n\n\/* =========================================================\n   Panel\n========================================================= *\/\n\n.season-panel {\n    position: relative;\n\n    padding: 29px 28px 30px;\n\n    border-radius: 22px;\n\n    background: #ffffff;\n\n    box-shadow:\n        0 8px 25px rgba(44,76,65,.055);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n\n.season-panel:hover {\n    transform: translateY(-6px);\n\n    box-shadow:\n        0 16px 35px rgba(44,76,65,.10);\n}\n\n\n\/* =========================================================\n   School\n========================================================= *\/\n\n.season-school {\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #fbfaf9\n        );\n\n    border: 1px solid #e4dfdb;\n}\n\n\n.season-school .season-icon {\n    background: #f3efec;\n\n    border-color: #ded5d0;\n\n    color: #90796e;\n}\n\n\n\/* =========================================================\n   Winter\n========================================================= *\/\n\n.season-winter {\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #f3faf7\n        );\n\n    border: 1px solid #c9dfd5;\n\n    box-shadow:\n        0 10px 30px rgba(55,103,84,.085);\n}\n\n\n.season-winter .season-icon {\n    background: #e2f0e9;\n\n    border-color: #c6ddd2;\n\n    color: #4d806d;\n}\n\n\n\/* =========================================================\n   Panel Top\n========================================================= *\/\n\n.season-panel-top {\n    display: flex;\n\n    align-items: center;\n\n    padding-bottom: 18px;\n\n    border-bottom: 1px solid #e4eae7;\n}\n\n\n.season-icon {\n    flex: 0 0 auto;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 53px;\n    height: 53px;\n\n    margin-right: 14px;\n\n    border-radius: 16px;\n\n    border: 1px solid;\n}\n\n\n.season-icon span {\n    font-size: 12px;\n\n    font-weight: 800;\n\n    letter-spacing: .04em;\n}\n\n\n.season-en {\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: #8b9c95;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .17em;\n}\n\n\n.season-panel h3 {\n    margin: 0;\n\n    color: #334c43;\n\n    font-size: 20px;\n\n    line-height: 1.45;\n}\n\n\n\/* =========================================================\n   Main Message\n========================================================= *\/\n\n.season-main-message {\n    padding: 21px 0 15px;\n\n    color: #52665e;\n\n    font-size: 16px;\n\n    font-weight: 600;\n\n    line-height: 1.65;\n}\n\n\n.season-main-message strong {\n    color: #315c4d;\n\n    font-size: 19px;\n}\n\n\n\/* =========================================================\n   Description\n========================================================= *\/\n\n.season-description {\n    margin: 0 0 20px;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.9;\n}\n\n\n\/* =========================================================\n   State Box\n========================================================= *\/\n\n.season-problem,\n.season-result {\n    padding: 15px 17px;\n\n    border-radius: 13px;\n\n    background: #f5f3f1;\n\n    border: 1px solid #e6dfdb;\n}\n\n\n.season-result {\n    background: #e7f2ed;\n\n    border-color: #cfe1d9;\n}\n\n\n.season-problem span,\n.season-result span {\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: #95877f;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .16em;\n}\n\n\n.season-result span {\n    color: #719080;\n}\n\n\n.season-problem strong {\n    color: #74655e;\n\n    font-size: 14px;\n}\n\n\n.season-result strong {\n    color: #3f765f;\n\n    font-size: 14px;\n}\n\n\n\/* =========================================================\n   Transition\n========================================================= *\/\n\n.winter-transition {\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 0 18px;\n}\n\n\n.transition-line {\n    width: 1px;\n\n    flex: 1;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent,\n            #d4e2dc,\n            transparent\n        );\n}\n\n\n.transition-badge {\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 58px;\n    height: 58px;\n\n    margin: 10px 0;\n\n    border-radius: 50%;\n\n    background: #ffffff;\n\n    border: 1px solid #d1e1db;\n\n    box-shadow:\n        0 5px 15px rgba(44,76,65,.06);\n}\n\n\n.transition-badge span {\n    margin-bottom: 2px;\n\n    color: #7d9289;\n\n    font-size: 8px;\n\n    font-weight: 700;\n}\n\n\n.transition-badge strong {\n    color: #4d806d;\n\n    font-size: 10px;\n\n    letter-spacing: .08em;\n}\n\n\n\/* =========================================================\n   Point\n========================================================= *\/\n\n.winter-point {\n    display: flex;\n\n    align-items: center;\n\n    max-width: 900px;\n\n    margin: 0 auto 30px;\n\n    padding: 20px 25px;\n\n    background:\n        linear-gradient(\n            100deg,\n            #f1f8f5,\n            #f8fbfa\n        );\n\n    border: 1px solid #d7e7e0;\n\n    border-radius: 17px;\n}\n\n\n.winter-point-icon {\n    flex: 0 0 auto;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 44px;\n    height: 44px;\n\n    margin-right: 17px;\n\n    border-radius: 50%;\n\n    background: #5c927d;\n\n    color: #ffffff;\n\n    box-shadow:\n        0 5px 13px rgba(65,115,95,.15);\n}\n\n\n.winter-point-icon span {\n    font-size: 20px;\n\n    font-weight: 700;\n}\n\n\n.winter-point-text {\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.winter-point-text > span {\n    margin-bottom: 3px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .17em;\n}\n\n\n.winter-point-text strong {\n    margin-bottom: 3px;\n\n    color: #315c4d;\n\n    font-size: 16px;\n\n    line-height: 1.5;\n}\n\n\n.winter-point-text p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 12px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   Summary\n========================================================= *\/\n\n.winter-summary {\n    max-width: 900px;\n\n    margin: 0 auto;\n\n    padding: 26px 30px;\n\n    text-align: center;\n\n    background: #ffffff;\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 19px;\n\n    box-shadow:\n        0 6px 20px rgba(44,76,65,.045);\n}\n\n\n.winter-summary-label {\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.winter-summary strong {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #315c4d;\n\n    font-size: 19px;\n\n    line-height: 1.6;\n}\n\n\n.winter-summary p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.8;\n}\n\n\n.mobile-only {\n    display: none;\n}\n\n\n\/* =========================================================\n   Tablet\n========================================================= *\/\n\n@media (max-width: 800px) {\n\n    .winter-flow {\n        grid-template-columns: 1fr;\n\n        max-width: 620px;\n\n        gap: 0;\n    }\n\n\n    .winter-transition {\n        flex-direction: row;\n\n        height: 55px;\n\n        padding: 0;\n    }\n\n\n    .transition-line {\n        width: auto;\n\n        height: 1px;\n\n        flex: 1;\n\n        background:\n            linear-gradient(\n                90deg,\n                transparent,\n                #d4e2dc,\n                transparent\n            );\n    }\n\n\n    .transition-badge {\n        flex: 0 0 auto;\n\n        margin: 0 12px;\n    }\n\n}\n\n\n\/* =========================================================\n   Mobile\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .lesson-winter {\n        padding-top: 5px;\n    }\n\n\n    \/* Heading *\/\n\n    .winter-heading {\n        margin-bottom: 33px;\n\n        padding: 0 8px;\n    }\n\n\n    .winter-lead {\n        font-size: 14px;\n\n        line-height: 1.9;\n    }\n\n\n    \/* Panels *\/\n\n    .season-panel {\n        padding: 20px 17px;\n\n        border-radius: 18px;\n    }\n\n\n    .season-panel-top {\n        padding-bottom: 15px;\n    }\n\n\n    .season-icon {\n        width: 46px;\n        height: 46px;\n\n        margin-right: 12px;\n\n        border-radius: 14px;\n    }\n\n\n    .season-panel h3 {\n        font-size: 17px;\n    }\n\n\n    .season-main-message {\n        padding: 16px 0 13px;\n\n        font-size: 14px;\n    }\n\n\n    .season-main-message strong {\n        font-size: 17px;\n    }\n\n\n    .season-description {\n        font-size: 12px;\n\n        line-height: 1.8;\n    }\n\n\n    .season-problem,\n    .season-result {\n        padding: 13px 14px;\n    }\n\n\n    .season-problem strong,\n    .season-result strong {\n        font-size: 13px;\n    }\n\n\n    \/* Transition *\/\n\n    .winter-transition {\n        height: 45px;\n    }\n\n\n    .transition-badge {\n        width: 48px;\n        height: 48px;\n\n        margin: 0 10px;\n    }\n\n\n    \/* Point *\/\n\n    .winter-point {\n        align-items: flex-start;\n\n        padding: 16px;\n\n        margin-bottom: 24px;\n\n        border-radius: 15px;\n    }\n\n\n    .winter-point-icon {\n        width: 38px;\n        height: 38px;\n\n        margin-right: 12px;\n    }\n\n\n    .winter-point-icon span {\n        font-size: 17px;\n    }\n\n\n    .winter-point-text strong {\n        font-size: 14px;\n\n        line-height: 1.5;\n    }\n\n\n    .winter-point-text p {\n        font-size: 11.5px;\n\n        line-height: 1.7;\n    }\n\n\n    \/* Summary *\/\n\n    .winter-summary {\n        padding: 20px;\n\n        border-radius: 17px;\n    }\n\n\n    .winter-summary strong {\n        font-size: 16px;\n\n        line-height: 1.6;\n    }\n\n\n    .winter-summary p {\n        font-size: 12px;\n\n        line-height: 1.7;\n    }\n\n\n    .mobile-only {\n        display: inline;\n    }\n\n}\n\n\n\/* =========================================================\n   Small Mobile\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .season-panel {\n        padding: 17px 15px;\n    }\n\n\n    .season-panel h3 {\n        font-size: 16px;\n    }\n\n\n    .season-main-message strong {\n        font-size: 16px;\n    }\n\n\n    .season-description {\n        font-size: 11.5px;\n    }\n\n\n    .winter-point {\n        padding: 14px;\n    }\n\n\n    .winter-summary {\n        padding: 17px;\n    }\n\n}\n<\/style>\n\n<section class=\"lesson lesson-winter\">\n\n    <!-- =========================\n         Heading\n    ========================== -->\n\n    <div class=\"winter-heading\">\n\n        <span class=\"winter-label\">\n            WHY WINTER MATTERS\n        <\/span>\n\n        <h2 class=\"lesson-question\">\n            \u306a\u305c\u51ac\u4f11\u307f\u3060\u3051\u3067<br class=\"mobile-only\">\n            \u6210\u7e3e\u304c\u4f38\u3073\u308b\u306e\uff1f\n        <\/h2>\n\n        <div class=\"winter-lead\">\n\n            <p>\n                \u6210\u7e3e\u304c\u4f38\u3073\u308b\u7406\u7531\u306f\u3001\n                <strong>\u300c\u6642\u9593\u306e\u9577\u3055\u300d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/strong>\n            <\/p>\n\n            <p>\n                \u51ac\u4f11\u307f\u306f\u5b66\u6821\u306e\u6388\u696d\u304c\u6b62\u307e\u308b\u305f\u3081\u3001\n                \u300c\u308f\u304b\u3089\u306a\u3044\u307e\u307e\u9032\u3080\u300d\u3068\u3044\u3046\u72b6\u614b\u304c\u306a\u304f\u306a\u308a\u307e\u3059\u3002\n            <\/p>\n\n            <p>\n                \u3060\u304b\u3089\u3053\u305d\u3001\n                \u82e6\u624b\u306a\u5358\u5143\u3060\u3051\u306b\u96c6\u4e2d\u3067\u304d\u308b\u8cb4\u91cd\u306a\u5b66\u7fd2\u671f\u9593\u306b\u306a\u308a\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Season Flow\n    ========================== -->\n\n    <div class=\"winter-flow\">\n\n\n        <!-- School Period -->\n\n        <article class=\"season-panel season-school\">\n\n            <div class=\"season-panel-top\">\n\n                <div class=\"season-icon\">\n                    <span>01<\/span>\n                <\/div>\n\n                <div>\n\n                    <span class=\"season-en\">\n                        SCHOOL PERIOD\n                    <\/span>\n\n                    <h3>\n                        \u6388\u696d\u671f\u9593\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"season-main-message\">\n                \u5b66\u6821\u306e\u6388\u696d\u306f<br>\n                <strong>\u524d\u3078\u9032\u307f\u7d9a\u3051\u308b<\/strong>\n            <\/div>\n\n\n            <p class=\"season-description\">\n                \u65b0\u3057\u3044\u5358\u5143\u304c\u6b21\u3005\u306b\u9032\u307f\u3001\n                \u7406\u89e3\u4e0d\u8db3\u306e\u307e\u307e\u5b66\u7fd2\u304c\u7a4d\u307f\u91cd\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002\n            <\/p>\n\n\n            <div class=\"season-problem\">\n\n                <span>\n                    CURRENT STATE\n                <\/span>\n\n                <strong>\n                    \u65b0\u5358\u5143 \uff0b \u7406\u89e3\u4e0d\u8db3\n                <\/strong>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- Arrow -->\n\n        <div class=\"winter-transition\">\n\n            <div class=\"transition-line\"><\/div>\n\n            <div class=\"transition-badge\">\n                <span>\u51ac\u4f11\u307f<\/span>\n                <strong>STOP<\/strong>\n            <\/div>\n\n            <div class=\"transition-line\"><\/div>\n\n        <\/div>\n\n\n        <!-- Winter Period -->\n\n        <article class=\"season-panel season-winter\">\n\n            <div class=\"season-panel-top\">\n\n                <div class=\"season-icon\">\n                    <span>02<\/span>\n                <\/div>\n\n                <div>\n\n                    <span class=\"season-en\">\n                        WINTER BREAK\n                    <\/span>\n\n                    <h3>\n                        \u51ac\u4f11\u307f\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"season-main-message\">\n                \u6388\u696d\u304c\u6b62\u307e\u308b\u304b\u3089<br>\n                <strong>\u5f31\u70b9\u306b\u96c6\u4e2d\u3067\u304d\u308b<\/strong>\n            <\/div>\n\n\n            <p class=\"season-description\">\n                \u65b0\u3057\u3044\u5358\u5143\u304c\u9032\u307e\u306a\u3044\u304b\u3089\u3053\u305d\u3001\n                \u82e6\u624b\u306a\u5358\u5143\u3060\u3051\u3092\u96c6\u4e2d\u7684\u306b\u5fa9\u7fd2\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n\n\n            <div class=\"season-result\">\n\n                <span>\n                    NEW STATE\n                <\/span>\n\n                <strong>\n                    \u82e6\u624b\u3092\u6574\u7406\u30fb\u514b\u670d\n                <\/strong>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n\n    <!-- =========================\n         Key Point\n    ========================== -->\n\n    <div class=\"winter-point\">\n\n        <div class=\"winter-point-icon\">\n            <span>!<\/span>\n        <\/div>\n\n        <div class=\"winter-point-text\">\n\n            <span>\n                THE WINTER ADVANTAGE\n            <\/span>\n\n            <strong>\n                \u300c\u9032\u307e\u306a\u3044\u6642\u9593\u300d\u304c\u3001<br class=\"mobile-only\">\n                \u300c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b\u6642\u9593\u300d\u306b\u5909\u308f\u308a\u307e\u3059\u3002\n            <\/strong>\n\n            <p>\n                \u5b66\u6821\u306e\u6388\u696d\u304c\u6b62\u307e\u308b\u51ac\u4f11\u307f\u3060\u304b\u3089\u3053\u305d\u3001\n                \u4eca\u307e\u3067\u306e\u5b66\u7fd2\u3092\u632f\u308a\u8fd4\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Summary\n    ========================== -->\n\n    <div class=\"winter-summary\">\n\n        <span class=\"winter-summary-label\">\n            RESET &amp; GROW\n        <\/span>\n\n        <strong>\n            \u6388\u696d\u304c\u6b62\u307e\u308b\u304b\u3089\u3053\u305d\u3001<br class=\"mobile-only\">\n            \u5f31\u70b9\u3060\u3051\u306b\u96c6\u4e2d\u3067\u304d\u307e\u3059\u3002\n        <\/strong>\n\n        <p>\n            \u51ac\u4f11\u307f\u306f\u300c\u65b0\u3057\u3044\u3053\u3068\u3092\u5897\u3084\u3059\u671f\u9593\u300d\u3067\u306f\u306a\u304f\u3001\n            \u300c\u3067\u304d\u306a\u3044\u300d\u3092\u306a\u304f\u3059\u671f\u9593\u3067\u3059\u3002\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-16-1024x683.png\" alt=\"\" class=\"wp-image-4044\" srcset=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-16-1024x683.png 1024w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-16-300x200.png 300w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-16-768x512.png 768w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-16.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NESCOM Winter Learning Guide\n   Lesson \/ Compare\n   Soft Intelligence Design\n========================================================= *\/\n\n.lesson-compare {\n    position: relative;\n\n    overflow: hidden;\n\n    padding: 10px 0 25px;\n}\n\n\n\/* =========================================================\n   Heading\n========================================================= *\/\n\n.compare-heading {\n    max-width: 800px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n\n.compare-label {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 7px 15px;\n\n    margin-bottom: 15px;\n\n    border-radius: 50px;\n\n    background: #eef7f3;\n\n    color: #4d806d;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.lesson-compare .lesson-question {\n    margin-bottom: 23px;\n}\n\n\n.compare-lead {\n    max-width: 720px;\n\n    margin: 0 auto;\n\n    color: #596761;\n\n    font-size: 15px;\n\n    line-height: 2;\n}\n\n\n.compare-lead p {\n    margin: 0 0 7px;\n}\n\n\n.compare-lead strong {\n    color: #386b59;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Comparison Process\n========================================================= *\/\n\n.compare-process {\n    display: grid;\n\n    grid-template-columns: 1fr 90px 1fr;\n\n    align-items: stretch;\n\n    max-width: 1000px;\n\n    margin: 0 auto 35px;\n}\n\n\n\/* =========================================================\n   Panel\n========================================================= *\/\n\n.compare-panel {\n    position: relative;\n\n    padding: 29px 28px 30px;\n\n    border-radius: 22px;\n\n    background: #ffffff;\n\n    box-shadow:\n        0 8px 25px rgba(44,76,65,.055);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n\n.compare-panel:hover {\n    transform: translateY(-6px);\n\n    box-shadow:\n        0 16px 35px rgba(44,76,65,.10);\n}\n\n\n\/* =========================================================\n   Before\n========================================================= *\/\n\n.compare-before {\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #fbfaf9\n        );\n\n    border: 1px solid #e5dfdb;\n}\n\n\n.compare-before .compare-mark {\n    background: #f4efec;\n\n    border-color: #dfd5d0;\n\n    color: #9a8277;\n}\n\n\n\/* =========================================================\n   After\n========================================================= *\/\n\n.compare-after {\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #f5faf7\n        );\n\n    border: 1px solid #cfe1d9;\n\n    box-shadow:\n        0 10px 28px rgba(55,103,84,.075);\n}\n\n\n.compare-after .compare-mark {\n    background: #e3f1eb;\n\n    border-color: #c5ddd2;\n\n    color: #4e846f;\n}\n\n\n\/* =========================================================\n   Panel Head\n========================================================= *\/\n\n.compare-panel-head {\n    display: flex;\n\n    align-items: center;\n\n    padding-bottom: 19px;\n\n    border-bottom: 1px solid #e5e9e6;\n}\n\n\n.compare-mark {\n    flex: 0 0 auto;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 53px;\n    height: 53px;\n\n    margin-right: 14px;\n\n    border-radius: 16px;\n\n    border: 1px solid;\n}\n\n\n.compare-mark span {\n    font-size: 23px;\n\n    font-weight: 700;\n}\n\n\n.compare-en {\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: #8b9c95;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.compare-panel h3 {\n    margin: 0;\n\n    color: #334c43;\n\n    font-size: 19px;\n\n    line-height: 1.45;\n}\n\n\n\/* =========================================================\n   Message\n========================================================= *\/\n\n.compare-message {\n    padding: 20px 0 18px;\n\n    color: #4c625a;\n\n    font-size: 16px;\n\n    font-weight: 700;\n\n    line-height: 1.65;\n}\n\n\n\/* =========================================================\n   List\n========================================================= *\/\n\n.compare-list {\n    margin: 0;\n\n    padding: 0;\n\n    list-style: none;\n}\n\n\n.compare-list li {\n    display: flex;\n\n    align-items: center;\n\n    padding: 13px 0;\n\n    border-top: 1px solid #e7ece9;\n}\n\n\n.compare-list li:last-child {\n    border-bottom: 1px solid #e7ece9;\n}\n\n\n.compare-list li > span {\n    flex: 0 0 auto;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 28px;\n    height: 28px;\n\n    margin-right: 11px;\n\n    border-radius: 50%;\n\n    background: #f1f4f2;\n\n    color: #82938c;\n\n    font-size: 9px;\n\n    font-weight: 700;\n}\n\n\n.compare-after .compare-list li > span {\n    background: #e6f1ec;\n\n    color: #598672;\n}\n\n\n.compare-list p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.6;\n}\n\n\n\/* =========================================================\n   Center\n========================================================= *\/\n\n.compare-center {\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 0 20px;\n}\n\n\n.compare-center-line {\n    width: 1px;\n\n    flex: 1;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent,\n            #d4e1dc,\n            transparent\n        );\n}\n\n\n.compare-center-badge {\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 60px;\n    height: 60px;\n\n    margin: 12px 0;\n\n    border-radius: 50%;\n\n    background: #ffffff;\n\n    border: 1px solid #d3e2dc;\n\n    box-shadow:\n        0 5px 15px rgba(44,76,65,.06);\n}\n\n\n.compare-center-badge span {\n    margin-bottom: 2px;\n\n    color: #82958d;\n\n    font-size: 8px;\n\n    font-weight: 700;\n}\n\n\n.compare-center-badge strong {\n    color: #4d806d;\n\n    font-size: 10px;\n\n    letter-spacing: .08em;\n}\n\n\n\/* =========================================================\n   Point\n========================================================= *\/\n\n.compare-point {\n    display: flex;\n\n    align-items: center;\n\n    max-width: 900px;\n\n    margin: 0 auto 30px;\n\n    padding: 20px 25px;\n\n    background:\n        linear-gradient(\n            100deg,\n            #f1f8f5,\n            #f8fbfa\n        );\n\n    border: 1px solid #d7e7e0;\n\n    border-radius: 17px;\n}\n\n\n.compare-point-icon {\n    flex: 0 0 auto;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 44px;\n    height: 44px;\n\n    margin-right: 17px;\n\n    border-radius: 50%;\n\n    background: #5c927d;\n\n    color: #ffffff;\n\n    box-shadow:\n        0 5px 13px rgba(65,115,95,.15);\n}\n\n\n.compare-point-icon span {\n    font-size: 20px;\n\n    font-weight: 700;\n}\n\n\n.compare-point-text {\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.compare-point-text > span {\n    margin-bottom: 3px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .17em;\n}\n\n\n.compare-point-text strong {\n    margin-bottom: 3px;\n\n    color: #315c4d;\n\n    font-size: 16px;\n\n    line-height: 1.5;\n}\n\n\n.compare-point-text p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 12px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   Summary\n========================================================= *\/\n\n.compare-summary {\n    max-width: 900px;\n\n    margin: 0 auto;\n\n    padding: 26px 30px;\n\n    text-align: center;\n\n    background: #ffffff;\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 19px;\n\n    box-shadow:\n        0 6px 20px rgba(44,76,65,.045);\n}\n\n\n.compare-summary-label {\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.compare-summary strong {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #315c4d;\n\n    font-size: 19px;\n\n    line-height: 1.6;\n}\n\n\n.compare-summary p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.8;\n}\n\n\n.mobile-only {\n    display: none;\n}\n\n\n\/* =========================================================\n   Tablet\n========================================================= *\/\n\n@media (max-width: 800px) {\n\n    .compare-process {\n        grid-template-columns: 1fr;\n\n        max-width: 620px;\n\n        gap: 0;\n    }\n\n\n    .compare-center {\n        flex-direction: row;\n\n        height: 50px;\n\n        padding: 0;\n    }\n\n\n    .compare-center-line {\n        width: auto;\n\n        height: 1px;\n\n        flex: 1;\n\n        background:\n            linear-gradient(\n                90deg,\n                transparent,\n                #d4e1dc,\n                transparent\n            );\n    }\n\n\n    .compare-center-badge {\n        flex: 0 0 auto;\n\n        margin: 0 12px;\n    }\n\n}\n\n\n\/* =========================================================\n   Mobile\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .lesson-compare {\n        padding-top: 5px;\n    }\n\n\n    \/* Heading *\/\n\n    .compare-heading {\n        margin-bottom: 33px;\n\n        padding: 0 8px;\n    }\n\n\n    .compare-lead {\n        font-size: 14px;\n\n        line-height: 1.9;\n    }\n\n\n    \/* Panels *\/\n\n    .compare-panel {\n        padding: 20px 17px;\n\n        border-radius: 18px;\n    }\n\n\n    .compare-panel-head {\n        padding-bottom: 15px;\n    }\n\n\n    .compare-mark {\n        width: 46px;\n        height: 46px;\n\n        margin-right: 12px;\n\n        border-radius: 14px;\n    }\n\n\n    .compare-mark span {\n        font-size: 20px;\n    }\n\n\n    .compare-panel h3 {\n        font-size: 17px;\n    }\n\n\n    .compare-message {\n        padding: 16px 0 14px;\n\n        font-size: 14px;\n    }\n\n\n    .compare-list li {\n        padding: 11px 0;\n    }\n\n\n    .compare-list li > span {\n        width: 25px;\n        height: 25px;\n\n        margin-right: 9px;\n    }\n\n\n    .compare-list p {\n        font-size: 12px;\n    }\n\n\n    \/* Center *\/\n\n    .compare-center {\n        height: 45px;\n    }\n\n\n    .compare-center-badge {\n        width: 48px;\n        height: 48px;\n\n        margin: 0 10px;\n    }\n\n\n    \/* Point *\/\n\n    .compare-point {\n        align-items: flex-start;\n\n        padding: 16px;\n\n        margin-bottom: 24px;\n\n        border-radius: 15px;\n    }\n\n\n    .compare-point-icon {\n        width: 38px;\n        height: 38px;\n\n        margin-right: 12px;\n    }\n\n\n    .compare-point-icon span {\n        font-size: 17px;\n    }\n\n\n    .compare-point-text strong {\n        font-size: 14px;\n\n        line-height: 1.5;\n    }\n\n\n    .compare-point-text p {\n        font-size: 11.5px;\n\n        line-height: 1.7;\n    }\n\n\n    \/* Summary *\/\n\n    .compare-summary {\n        padding: 20px;\n\n        border-radius: 17px;\n    }\n\n\n    .compare-summary strong {\n        font-size: 16px;\n\n        line-height: 1.6;\n    }\n\n\n    .compare-summary p {\n        font-size: 12px;\n\n        line-height: 1.7;\n    }\n\n\n    .mobile-only {\n        display: inline;\n    }\n\n}\n\n\n\/* =========================================================\n   Small Mobile\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .compare-panel {\n        padding: 17px 15px;\n    }\n\n\n    .compare-panel h3 {\n        font-size: 16px;\n    }\n\n\n    .compare-list p {\n        font-size: 11.5px;\n    }\n\n\n    .compare-point {\n        padding: 14px;\n    }\n\n\n    .compare-summary {\n        padding: 17px;\n    }\n\n}\n<\/style>\n\n<section class=\"lesson lesson-compare\">\n\n    <!-- =========================\n         Heading\n    ========================== -->\n\n    <div class=\"compare-heading\">\n\n        <span class=\"compare-label\">\n            STUDY STYLE \/ DIFFERENCE\n        <\/span>\n\n        <h2 class=\"lesson-question\">\n            \u6210\u7e3e\u304c\u4f38\u3073\u306a\u3044\u4eba\u306b\u306f<br class=\"mobile-only\">\n            \u5171\u901a\u70b9\u304c\u3042\u308b\n        <\/h2>\n\n        <div class=\"compare-lead\">\n\n            <p>\n                \u540c\u3058\u6642\u9593\u3060\u3051\u52c9\u5f37\u3057\u3066\u3044\u308b\u306e\u306b\u3001\n                \u6210\u7e3e\u304c\u4f38\u3073\u308b\u4eba\u3068\u4f38\u3073\u306a\u3044\u4eba\u304c\u3044\u307e\u3059\u3002\n            <\/p>\n\n            <p>\n                \u305d\u306e\u9055\u3044\u306f\n                <strong>\u300c\u52c9\u5f37\u6642\u9593\u300d\u3067\u306f\u306a\u304f\u3001\u300c\u52c9\u5f37\u306e\u9032\u3081\u65b9\u300d<\/strong>\n                \u306b\u3042\u308a\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Comparison\n    ========================== -->\n\n    <div class=\"compare-process\">\n\n\n        <!-- BEFORE -->\n\n        <article class=\"compare-panel compare-before\">\n\n            <div class=\"compare-panel-head\">\n\n                <div class=\"compare-mark\">\n                    <span>\u00d7<\/span>\n                <\/div>\n\n                <div>\n\n                    <span class=\"compare-en\">\n                        BEFORE\n                    <\/span>\n\n                    <h3>\n                        \u3042\u308a\u304c\u3061\u306a\u52c9\u5f37\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"compare-message\">\n                \u300c\u3084\u3063\u305f\u3064\u3082\u308a\u300d\u3067<br>\n                \u7d42\u308f\u3063\u3066\u3057\u307e\u3046\n            <\/div>\n\n\n            <ul class=\"compare-list\">\n\n                <li>\n                    <span>01<\/span>\n                    <p>\u3068\u308a\u3042\u3048\u305a\u30ef\u30fc\u30af\u3092\u9032\u3081\u308b<\/p>\n                <\/li>\n\n                <li>\n                    <span>02<\/span>\n                    <p>\u82e6\u624b\u306a\u554f\u984c\u3092\u5f8c\u56de\u3057\u306b\u3059\u308b<\/p>\n                <\/li>\n\n                <li>\n                    <span>03<\/span>\n                    <p>\u300c\u3084\u3063\u305f\u6c17\u300d\u3067\u7d42\u308f\u3063\u3066\u3057\u307e\u3046<\/p>\n                <\/li>\n\n            <\/ul>\n\n        <\/article>\n\n\n        <!-- CENTER -->\n\n        <div class=\"compare-center\">\n\n            <span class=\"compare-center-line\"><\/span>\n\n            <div class=\"compare-center-badge\">\n                <span>\u5dee\u304c\u3064\u304f<\/span>\n                <strong>POINT<\/strong>\n            <\/div>\n\n            <span class=\"compare-center-line\"><\/span>\n\n        <\/div>\n\n\n        <!-- AFTER -->\n\n        <article class=\"compare-panel compare-after\">\n\n            <div class=\"compare-panel-head\">\n\n                <div class=\"compare-mark\">\n                    <span>\u2713<\/span>\n                <\/div>\n\n                <div>\n\n                    <span class=\"compare-en\">\n                        AFTER\n                    <\/span>\n\n                    <h3>\n                        \u6210\u7e3e\u304c\u4f38\u3073\u308b\u52c9\u5f37\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"compare-message\">\n                \u300c\u3067\u304d\u308b\u300d\u307e\u3067<br>\n                \u5b66\u7fd2\u3092\u9032\u3081\u308b\n            <\/div>\n\n\n            <ul class=\"compare-list\">\n\n                <li>\n                    <span>01<\/span>\n                    <p>\u82e6\u624b\u306a\u5358\u5143\u3092\u898b\u3064\u3051\u308b<\/p>\n                <\/li>\n\n                <li>\n                    <span>02<\/span>\n                    <p>\u3067\u304d\u308b\u307e\u3067\u7e70\u308a\u8fd4\u3059<\/p>\n                <\/li>\n\n                <li>\n                    <span>03<\/span>\n                    <p>\u9593\u9055\u3048\u305f\u539f\u56e0\u3092\u78ba\u8a8d\u3059\u308b<\/p>\n                <\/li>\n\n            <\/ul>\n\n        <\/article>\n\n    <\/div>\n\n\n    <!-- =========================\n         Difference Point\n    ========================== -->\n\n    <div class=\"compare-point\">\n\n        <div class=\"compare-point-icon\">\n            <span>!<\/span>\n        <\/div>\n\n        <div class=\"compare-point-text\">\n\n            <span>\n                THE IMPORTANT THING\n            <\/span>\n\n            <strong>\n                \u52c9\u5f37\u6642\u9593\u3067\u306f\u306a\u304f\u3001<br class=\"mobile-only\">\n                \u300c\u3069\u3053\u3092\u3001\u3069\u3046\u76f4\u3059\u304b\u300d\u304c\u5927\u5207\u3002\n            <\/strong>\n\n            <p>\n                \u9593\u9055\u3044\u3092\u305d\u306e\u307e\u307e\u306b\u305b\u305a\u3001\n                \u539f\u56e0\u3092\u78ba\u8a8d\u3057\u3066\u6b21\u306e\u5b66\u7fd2\u306b\u3064\u306a\u3052\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Summary\n    ========================== -->\n\n    <div class=\"compare-summary\">\n\n        <span class=\"compare-summary-label\">\n            STUDY SMARTER\n        <\/span>\n\n        <strong>\n            \u300c\u3084\u308b\u3053\u3068\u300d\u3067\u306f\u306a\u304f\u3001<br class=\"mobile-only\">\n            \u300c\u3084\u308a\u65b9\u300d\u3067\u5dee\u304c\u3064\u304d\u307e\u3059\u3002\n        <\/strong>\n\n        <p>\n            \u52c9\u5f37\u91cf\u3060\u3051\u3067\u306f\u6210\u7e3e\u306f\u4f38\u3073\u307e\u305b\u3093\u3002\n            \u300c\u3069\u3053\u3092\u3001\u3069\u3046\u76f4\u3059\u304b\u300d\u3092\u8003\u3048\u308b\u3053\u3068\u304c\u3001\n            \u7d50\u679c\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-2-1024x683.png\" alt=\"\" class=\"wp-image-3940\" srcset=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-2-1024x683.png 1024w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-2-300x200.png 300w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-2-768x512.png 768w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-2.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NESCOM Winter Learning Guide\n   Lesson \/ Plan\n   Soft Intelligence Design\n========================================================= *\/\n\n.lesson-plan {\n    position: relative;\n\n    overflow: hidden;\n\n    padding: 10px 0 25px;\n}\n\n\n\/* =========================================================\n   Heading\n========================================================= *\/\n\n.plan-heading {\n    max-width: 800px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n\n.plan-label {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 7px 15px;\n\n    margin-bottom: 15px;\n\n    border-radius: 50px;\n\n    background: #eef7f3;\n\n    color: #4d806d;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.lesson-plan .lesson-question {\n    margin-bottom: 23px;\n}\n\n\n.plan-lead {\n    max-width: 720px;\n\n    margin: 0 auto;\n\n    color: #596761;\n\n    font-size: 15px;\n\n    line-height: 2;\n}\n\n\n.plan-lead p {\n    margin: 0 0 7px;\n}\n\n\n.plan-lead strong {\n    color: #386b59;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Process\n========================================================= *\/\n\n.plan-process {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        1fr\n        42px\n        1fr\n        42px\n        1fr\n        42px\n        1fr;\n\n    align-items: center;\n\n    max-width: 1100px;\n\n    margin: 0 auto 43px;\n}\n\n\n\/* =========================================================\n   Item\n========================================================= *\/\n\n.plan-item {\n    position: relative;\n\n    min-height: 310px;\n\n    padding: 24px 22px 27px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #fafcfb\n        );\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 21px;\n\n    box-shadow:\n        0 8px 25px rgba(44,76,65,.055);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}\n\n\n.plan-item:hover {\n    transform: translateY(-7px);\n\n    border-color: #bdd7cc;\n\n    box-shadow:\n        0 17px 35px rgba(44,76,65,.11);\n}\n\n\n\/* =========================================================\n   Top\n========================================================= *\/\n\n.plan-item-top {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: 17px;\n}\n\n\n.plan-number {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 39px;\n    height: 39px;\n\n    border-radius: 50%;\n\n    background: #eaf4f0;\n\n    border: 1px solid #d0e2da;\n\n    color: #4c806d;\n\n    font-size: 12px;\n\n    font-weight: 800;\n}\n\n\n.plan-en {\n    color: #8ba298;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .16em;\n}\n\n\n\/* =========================================================\n   Icon\n========================================================= *\/\n\n.plan-icon {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 57px;\n    height: 57px;\n\n    margin: 0 auto 17px;\n\n    border-radius: 16px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f2f8f5,\n            #e7f2ed\n        );\n\n    border: 1px solid #d7e7e0;\n\n    color: #4e846f;\n}\n\n\n.plan-icon span {\n    font-size: 25px;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   Typography\n========================================================= *\/\n\n.plan-item h3 {\n    margin: 0 0 12px;\n\n    color: #29483d;\n\n    font-size: 20px;\n\n    font-weight: 700;\n\n    text-align: center;\n}\n\n\n.plan-item p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.85;\n\n    text-align: left;\n}\n\n\n\/* =========================================================\n   Connector\n========================================================= *\/\n\n.plan-connector {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    color: #8bb09f;\n}\n\n\n.plan-connector span {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 30px;\n    height: 30px;\n\n    border-radius: 50%;\n\n    background: #f0f7f4;\n\n    color: #6f9988;\n\n    font-size: 18px;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Result \/ Goal\n========================================================= *\/\n\n.plan-result {\n    background:\n        linear-gradient(\n            145deg,\n            #f2f8f5,\n            #ffffff\n        );\n\n    border-color: #c8ddd4;\n\n    box-shadow:\n        0 10px 30px rgba(55,103,84,.09);\n}\n\n\n.plan-result .plan-number {\n    background: #dceee7;\n\n    border-color: #c1dbd0;\n\n    color: #3f765f;\n}\n\n\n.plan-result .plan-icon {\n    background: #5c927d;\n\n    border-color: #5c927d;\n\n    color: #ffffff;\n}\n\n\n.plan-result h3 {\n    color: #315c4d;\n}\n\n\n.result-badge {\n    position: absolute;\n\n    top: 14px;\n    right: 15px;\n\n    padding: 4px 8px;\n\n    border-radius: 50px;\n\n    background: #e1f0ea;\n\n    color: #568672;\n\n    font-size: 7px;\n\n    font-weight: 800;\n\n    letter-spacing: .15em;\n}\n\n\n\/* =========================================================\n   Difference\n========================================================= *\/\n\n.plan-difference {\n    display: flex;\n\n    align-items: center;\n\n    max-width: 900px;\n\n    margin: 0 auto 30px;\n\n    padding: 21px 26px;\n\n    background:\n        linear-gradient(\n            100deg,\n            #f1f8f5,\n            #f8fbfa\n        );\n\n    border: 1px solid #d7e7e0;\n\n    border-radius: 17px;\n}\n\n\n.difference-mark {\n    flex: 0 0 auto;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 45px;\n    height: 45px;\n\n    margin-right: 17px;\n\n    border-radius: 50%;\n\n    background: #5c927d;\n\n    color: #ffffff;\n\n    box-shadow:\n        0 5px 13px rgba(65,115,95,.15);\n}\n\n\n.difference-mark span {\n    font-size: 20px;\n\n    font-weight: 700;\n}\n\n\n.difference-content {\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.difference-content > span {\n    margin-bottom: 3px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .17em;\n}\n\n\n.difference-content strong {\n    margin-bottom: 3px;\n\n    color: #315c4d;\n\n    font-size: 16px;\n\n    line-height: 1.5;\n}\n\n\n.difference-content p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 12px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   Summary\n========================================================= *\/\n\n.plan-summary {\n    max-width: 900px;\n\n    margin: 0 auto;\n\n    padding: 26px 30px;\n\n    text-align: center;\n\n    background: #ffffff;\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 19px;\n\n    box-shadow:\n        0 6px 20px rgba(44,76,65,.045);\n}\n\n\n.plan-summary-label {\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.plan-summary strong {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #315c4d;\n\n    font-size: 19px;\n\n    line-height: 1.6;\n}\n\n\n.plan-summary p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.8;\n}\n\n\n.mobile-only {\n    display: none;\n}\n\n\n\/* =========================================================\n   Tablet\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .plan-process {\n        grid-template-columns:\n            1fr\n            28px\n            1fr;\n\n        gap: 15px 7px;\n\n        padding: 0 10px;\n    }\n\n}\n\n\n\/* =========================================================\n   Mobile\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .lesson-plan {\n        padding-top: 5px;\n    }\n\n\n    \/* Heading *\/\n\n    .plan-heading {\n        margin-bottom: 34px;\n\n        padding: 0 8px;\n    }\n\n\n    .plan-lead {\n        font-size: 14px;\n\n        line-height: 1.9;\n    }\n\n\n    \/* Process *\/\n\n    .plan-process {\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        gap: 0;\n\n        padding: 0;\n\n        margin-bottom: 30px;\n    }\n\n\n    \/* Vertical line *\/\n\n    .plan-process::before {\n        content: \"\";\n\n        position: absolute;\n\n        top: 35px;\n        bottom: 35px;\n\n        left: 31px;\n\n        width: 1px;\n\n        background:\n            linear-gradient(\n                180deg,\n                transparent,\n                #cbded6 10%,\n                #cbded6 90%,\n                transparent\n            );\n    }\n\n\n    .plan-item {\n        min-height: auto;\n\n        display: grid;\n\n        grid-template-columns: 50px 1fr;\n\n        column-gap: 14px;\n\n        padding: 17px;\n\n        border-radius: 17px;\n    }\n\n\n    .plan-item-top {\n        grid-column: 1;\n\n        grid-row: 1 \/ span 3;\n\n        flex-direction: column;\n\n        justify-content: flex-start;\n\n        margin: 0;\n\n        position: relative;\n\n        z-index: 2;\n    }\n\n\n    .plan-number {\n        width: 43px;\n        height: 43px;\n\n        background: #ffffff;\n\n        box-shadow:\n            0 3px 10px rgba(44,76,65,.06);\n    }\n\n\n    .plan-en {\n        display: none;\n    }\n\n\n    .plan-icon {\n        grid-column: 2;\n        grid-row: 1;\n\n        width: auto;\n        height: auto;\n\n        margin: 0 0 2px;\n\n        justify-content: flex-start;\n\n        border: none;\n\n        background: transparent;\n    }\n\n\n    .plan-icon span {\n        display: none;\n    }\n\n\n    .plan-item h3 {\n        grid-column: 2;\n        grid-row: 2;\n\n        margin: 0 0 5px;\n\n        font-size: 17px;\n\n        text-align: left;\n    }\n\n\n    .plan-item p {\n        grid-column: 2;\n        grid-row: 3;\n\n        font-size: 12.5px;\n\n        line-height: 1.75;\n    }\n\n\n    \/* Connector *\/\n\n    .plan-connector {\n        height: 18px;\n\n        position: relative;\n\n        z-index: 3;\n\n        transform: rotate(90deg);\n    }\n\n\n    .plan-connector span {\n        width: 24px;\n        height: 24px;\n\n        font-size: 14px;\n    }\n\n\n    \/* Result *\/\n\n    .result-badge {\n        top: 10px;\n        right: 11px;\n    }\n\n\n    \/* Difference *\/\n\n    .plan-difference {\n        align-items: flex-start;\n\n        margin-bottom: 24px;\n\n        padding: 16px;\n\n        border-radius: 15px;\n    }\n\n\n    .difference-mark {\n        width: 38px;\n        height: 38px;\n\n        margin-right: 12px;\n    }\n\n\n    .difference-mark span {\n        font-size: 17px;\n    }\n\n\n    .difference-content strong {\n        font-size: 14px;\n\n        line-height: 1.5;\n    }\n\n\n    .difference-content p {\n        font-size: 11.5px;\n\n        line-height: 1.7;\n    }\n\n\n    \/* Summary *\/\n\n    .plan-summary {\n        padding: 20px;\n\n        border-radius: 17px;\n    }\n\n\n    .plan-summary strong {\n        font-size: 16px;\n\n        line-height: 1.6;\n    }\n\n\n    .plan-summary p {\n        font-size: 12px;\n\n        line-height: 1.7;\n    }\n\n\n    .mobile-only {\n        display: inline;\n    }\n\n}\n\n\n\/* =========================================================\n   Small Mobile\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .plan-item {\n        padding: 15px;\n    }\n\n\n    .plan-number {\n        width: 40px;\n        height: 40px;\n    }\n\n\n    .plan-item h3 {\n        font-size: 16px;\n    }\n\n\n    .plan-item p {\n        font-size: 12px;\n    }\n\n\n    .plan-difference {\n        padding: 14px;\n    }\n\n\n    .plan-summary {\n        padding: 17px;\n    }\n\n}\n<\/style>\n\n<section class=\"lesson lesson-plan\">\n\n    <!-- =========================\n         Heading\n    ========================== -->\n\n    <div class=\"plan-heading\">\n\n        <span class=\"plan-label\">\n            NESCOM WINTER METHOD\n        <\/span>\n\n        <h2 class=\"lesson-question\">\n            NESCOM\u306e\u51ac\u671f\u8b1b\u7fd2\u306f<br class=\"mobile-only\">\n            \u4f55\u304c\u9055\u3046\u306e\uff1f\n        <\/h2>\n\n        <div class=\"plan-lead\">\n\n            <p>\n                NESCOM\u306e\u51ac\u671f\u8b1b\u7fd2\u306f\u3001\n                \u305f\u3060\u6388\u696d\u3092\u53d7\u3051\u308b\u3060\u3051\u306e\u8b1b\u7fd2\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n            <\/p>\n\n            <p>\n                \u73fe\u5728\u306e\u5b66\u7fd2\u72b6\u6cc1\u3092\u78ba\u8a8d\u3057\u3001\n                <strong>\u300c\u4f55\u3092\u52c9\u5f37\u3059\u308c\u3070\u70b9\u6570\u306b\u3064\u306a\u304c\u308b\u306e\u304b\u300d<\/strong>\n                \u3092\u660e\u78ba\u306b\u3057\u3066\u304b\u3089\u5b66\u7fd2\u3092\u59cb\u3081\u307e\u3059\u3002\n            <\/p>\n\n            <p>\n                \u5fc5\u8981\u306a\u5358\u5143\u3060\u3051\u3092\u52b9\u7387\u3088\u304f\u5b66\u7fd2\u3059\u308b\u3053\u3068\u3067\u3001\n                \u9650\u3089\u308c\u305f\u51ac\u4f11\u307f\u3067\u3082\u6210\u679c\u306b\u3064\u306a\u3052\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Planning Flow\n    ========================== -->\n\n    <div class=\"plan-process\">\n\n        <!-- Step 01 -->\n\n        <article class=\"plan-item\">\n\n            <div class=\"plan-item-top\">\n\n                <span class=\"plan-number\">\n                    01\n                <\/span>\n\n                <span class=\"plan-en\">\n                    ANALYZE\n                <\/span>\n\n            <\/div>\n\n            <div class=\"plan-icon\">\n                <span>\u25ce<\/span>\n            <\/div>\n\n            <h3>\n                \u73fe\u72b6\u5206\u6790\n            <\/h3>\n\n            <p>\n                \u5b66\u7fd2\u72b6\u6cc1\u3092\u78ba\u8a8d\u3057\u3001\n                \u5f97\u610f\u30fb\u82e6\u624b\u3092\u6574\u7406\u3057\u307e\u3059\u3002\n            <\/p>\n\n        <\/article>\n\n\n        <div class=\"plan-connector\">\n            <span>\u2192<\/span>\n        <\/div>\n\n\n        <!-- Step 02 -->\n\n        <article class=\"plan-item\">\n\n            <div class=\"plan-item-top\">\n\n                <span class=\"plan-number\">\n                    02\n                <\/span>\n\n                <span class=\"plan-en\">\n                    IDENTIFY\n                <\/span>\n\n            <\/div>\n\n            <div class=\"plan-icon\">\n                <span>\u2315<\/span>\n            <\/div>\n\n            <h3>\n                \u5f31\u70b9\u7279\u5b9a\n            <\/h3>\n\n            <p>\n                \u70b9\u6570\u304c\u4f38\u3073\u306a\u3044\u539f\u56e0\u3068\u306a\u308b\n                \u5358\u5143\u3092\u660e\u78ba\u306b\u3057\u307e\u3059\u3002\n            <\/p>\n\n        <\/article>\n\n\n        <div class=\"plan-connector\">\n            <span>\u2192<\/span>\n        <\/div>\n\n\n        <!-- Step 03 -->\n\n        <article class=\"plan-item\">\n\n            <div class=\"plan-item-top\">\n\n                <span class=\"plan-number\">\n                    03\n                <\/span>\n\n                <span class=\"plan-en\">\n                    FOCUS\n                <\/span>\n\n            <\/div>\n\n            <div class=\"plan-icon\">\n                <span>\uff0b<\/span>\n            <\/div>\n\n            <h3>\n                \u96c6\u4e2d\u5b66\u7fd2\n            <\/h3>\n\n            <p>\n                \u5fc5\u8981\u306a\u5358\u5143\u3060\u3051\u3092\n                \u52b9\u7387\u3088\u304f\u5b66\u7fd2\u3057\u307e\u3059\u3002\n            <\/p>\n\n        <\/article>\n\n\n        <div class=\"plan-connector\">\n            <span>\u2192<\/span>\n        <\/div>\n\n\n        <!-- Step 04 -->\n\n        <article class=\"plan-item plan-result\">\n\n            <div class=\"plan-item-top\">\n\n                <span class=\"plan-number\">\n                    04\n                <\/span>\n\n                <span class=\"plan-en\">\n                    RESULT\n                <\/span>\n\n            <\/div>\n\n            <div class=\"plan-icon\">\n                <span>\u2713<\/span>\n            <\/div>\n\n            <h3>\n                \u5f97\u70b9\u529b\u30a2\u30c3\u30d7\n            <\/h3>\n\n            <p>\n                \u7406\u89e3\u3092\u70b9\u6570\u306b\u3064\u306a\u304c\u308b\u529b\u3078\n                \u5909\u3048\u3066\u3044\u304d\u307e\u3059\u3002\n            <\/p>\n\n            <span class=\"result-badge\">\n                GOAL\n            <\/span>\n\n        <\/article>\n\n    <\/div>\n\n\n    <!-- =========================\n         Difference Point\n    ========================== -->\n\n    <div class=\"plan-difference\">\n\n        <div class=\"difference-mark\">\n            <span>!<\/span>\n        <\/div>\n\n        <div class=\"difference-content\">\n\n            <span>\n                NESCOM'S DIFFERENCE\n            <\/span>\n\n            <strong>\n                \u300c\u4f55\u3092\u52c9\u5f37\u3059\u308b\u304b\u300d\u3067\u306f\u306a\u304f\u3001<br class=\"mobile-only\">\n                \u300c\u4f55\u3092\u4f38\u3070\u3059\u304b\u300d\u304b\u3089\u8003\u3048\u307e\u3059\u3002\n            <\/strong>\n\n            <p>\n                \u9650\u3089\u308c\u305f\u51ac\u4f11\u307f\u306e\u6642\u9593\u3092\u3001\n                \u4e00\u4eba\u3072\u3068\u308a\u306b\u5fc5\u8981\u306a\u5b66\u7fd2\u3078\u96c6\u4e2d\u3055\u305b\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Summary\n    ========================== -->\n\n    <div class=\"plan-summary\">\n\n        <span class=\"plan-summary-label\">\n            RESULT-ORIENTED LEARNING\n        <\/span>\n\n        <strong>\n            \u300c\u7406\u89e3\u300d\u3067\u306f\u306a\u304f<br class=\"mobile-only\">\n            \u300c\u70b9\u6570\u306b\u3064\u306a\u304c\u308b\u7406\u89e3\u300d\u3092\u3064\u304f\u308b\u3002\n        <\/strong>\n\n        <p>\n            \u52c9\u5f37\u5185\u5bb9\u3067\u306f\u306a\u304f\u3001\n            \u7d50\u679c\u304b\u3089\u9006\u7b97\u3057\u3066\u5b66\u7fd2\u3092\u8a2d\u8a08\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-8-1024x683.png\" alt=\"\" class=\"wp-image-3957\" srcset=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-8-1024x683.png 1024w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-8-300x200.png 300w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-8-768x512.png 768w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-8.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NESCOM Winter Learning Guide\n   Lesson \/ Learning Flow\n   Soft Intelligence Design\n========================================================= *\/\n\n.lesson-flow {\n    position: relative;\n\n    overflow: hidden;\n\n    padding: 10px 0 25px;\n}\n\n\n\/* =========================================================\n   Heading\n========================================================= *\/\n\n.flow-heading {\n    max-width: 780px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n\n.flow-label {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 7px 15px;\n\n    margin-bottom: 15px;\n\n    border-radius: 50px;\n\n    background: #eef7f3;\n\n    color: #4d806d;\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.lesson-flow .lesson-question {\n    margin-bottom: 23px;\n}\n\n\n.flow-lead {\n    max-width: 700px;\n\n    margin: 0 auto;\n\n    color: #596761;\n\n    font-size: 15px;\n\n    line-height: 2;\n}\n\n\n.flow-lead p {\n    margin: 0 0 7px;\n}\n\n\n.flow-lead strong {\n    color: #386b59;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Learning Cycle\n========================================================= *\/\n\n.learning-cycle {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        1fr\n        34px\n        1fr\n        34px\n        1fr\n        34px\n        1fr;\n\n    align-items: center;\n\n    max-width: 1080px;\n\n    margin: 0 auto 45px;\n}\n\n\n\/* =========================================================\n   Step Card\n========================================================= *\/\n\n.learning-step {\n    position: relative;\n\n    min-height: 310px;\n\n    padding: 25px 22px 27px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #fafcfb\n        );\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 21px;\n\n    box-shadow:\n        0 7px 22px rgba(44, 76, 65, .055);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}\n\n\n.learning-step:hover {\n    transform: translateY(-7px);\n\n    border-color: #bfd8ce;\n\n    box-shadow:\n        0 15px 32px rgba(44, 76, 65, .11);\n}\n\n\n\/* =========================================================\n   Step Top\n========================================================= *\/\n\n.learning-step-top {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: 19px;\n}\n\n\n.learning-step-number {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 38px;\n    height: 38px;\n\n    border-radius: 50%;\n\n    background: #eaf4f0;\n\n    color: #4c806d;\n\n    font-size: 12px;\n    font-weight: 800;\n}\n\n\n.learning-step-en {\n    color: #8ba298;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: .15em;\n}\n\n\n\/* =========================================================\n   Icon\n========================================================= *\/\n\n.learning-step-icon {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 58px;\n    height: 58px;\n\n    margin: 0 auto 17px;\n\n    border-radius: 16px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f2f8f5,\n            #e6f1ec\n        );\n\n    color: #4e846f;\n\n    border: 1px solid #d6e6df;\n}\n\n\n.learning-step-icon span {\n    font-size: 26px;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   Step Typography\n========================================================= *\/\n\n.learning-step h3 {\n    margin: 0 0 12px;\n\n    color: #29483d;\n\n    font-size: 20px;\n    font-weight: 700;\n\n    text-align: center;\n}\n\n\n.learning-step p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.85;\n\n    text-align: left;\n}\n\n\n\/* =========================================================\n   Arrows\n========================================================= *\/\n\n.learning-arrow {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    color: #8bb09f;\n\n    font-size: 22px;\n}\n\n\n.learning-arrow span {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 28px;\n    height: 28px;\n\n    border-radius: 50%;\n\n    background: #f0f7f4;\n}\n\n\n\/* =========================================================\n   Return \/ Cycle\n========================================================= *\/\n\n.cycle-return {\n    position: absolute;\n\n    left: 50%;\n\n    bottom: -25px;\n\n    transform: translateX(-50%);\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 5px 14px;\n\n    border-radius: 50px;\n\n    background: #ffffff;\n\n    border: 1px solid #d8e7e1;\n\n    color: #729286;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: .15em;\n\n    white-space: nowrap;\n\n    box-shadow:\n        0 4px 12px rgba(44,76,65,.05);\n}\n\n\n\/* =========================================================\n   Summary\n========================================================= *\/\n\n.flow-summary {\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    align-items: center;\n\n    max-width: 900px;\n\n    margin: 0 auto;\n\n    padding: 24px 30px;\n\n    background:\n        linear-gradient(\n            100deg,\n            #f0f8f4,\n            #f8fbfa\n        );\n\n    border: 1px solid #d7e7e0;\n\n    border-radius: 19px;\n}\n\n\n.flow-summary-main {\n    padding-right: 25px;\n\n    border-right: 1px solid #d4e4dd;\n}\n\n\n.flow-summary-label {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #7c988d;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: .17em;\n}\n\n\n.flow-summary-main strong {\n    display: block;\n\n    color: #315c4d;\n\n    font-size: 18px;\n\n    line-height: 1.6;\n}\n\n\n.flow-summary-sub {\n    padding-left: 25px;\n}\n\n\n.flow-summary-sub p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.8;\n}\n\n\n.mobile-only {\n    display: none;\n}\n\n\n\/* =========================================================\n   Tablet\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .learning-cycle {\n        grid-template-columns:\n            1fr\n            25px\n            1fr;\n\n        gap: 15px 8px;\n\n        padding: 0 10px;\n    }\n\n\n    .learning-arrow:nth-of-type(6) {\n        display: none;\n    }\n\n\n    .learning-step {\n        min-height: 285px;\n    }\n\n}\n\n\n\/* =========================================================\n   Mobile\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .lesson-flow {\n        padding-top: 5px;\n    }\n\n\n    \/* Heading *\/\n\n    .flow-heading {\n        margin-bottom: 34px;\n\n        padding: 0 8px;\n    }\n\n\n    .flow-lead {\n        font-size: 14px;\n\n        line-height: 1.9;\n    }\n\n\n    \/* Cycle *\/\n\n    .learning-cycle {\n        display: flex;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        gap: 0;\n\n        padding: 0 8px;\n\n        margin-bottom: 38px;\n    }\n\n\n    \/* Vertical connecting line *\/\n\n    .learning-cycle::before {\n        content: \"\";\n\n        position: absolute;\n\n        top: 35px;\n        bottom: 35px;\n\n        left: 39px;\n\n        width: 1px;\n\n        background:\n            linear-gradient(\n                180deg,\n                transparent,\n                #cbded6 10%,\n                #cbded6 90%,\n                transparent\n            );\n    }\n\n\n    .learning-step {\n        min-height: auto;\n\n        display: grid;\n\n        grid-template-columns: 58px 1fr;\n\n        column-gap: 15px;\n\n        padding: 19px;\n\n        border-radius: 17px;\n\n        text-align: left;\n    }\n\n\n    .learning-step-top {\n        grid-column: 1;\n\n        grid-row: 1 \/ span 3;\n\n        flex-direction: column;\n\n        justify-content: flex-start;\n\n        margin: 0;\n\n        position: relative;\n\n        z-index: 2;\n    }\n\n\n    .learning-step-number {\n        width: 45px;\n        height: 45px;\n\n        background: #ffffff;\n\n        border: 1px solid #c9ddd5;\n\n        box-shadow:\n            0 3px 10px rgba(44,76,65,.06);\n    }\n\n\n    .learning-step-en {\n        display: none;\n    }\n\n\n    .learning-step-icon {\n        grid-column: 2;\n        grid-row: 1;\n\n        width: auto;\n        height: auto;\n\n        margin: 0 0 4px;\n\n        justify-content: flex-start;\n\n        border: none;\n\n        background: transparent;\n\n        border-radius: 0;\n    }\n\n\n    .learning-step-icon span {\n        display: none;\n    }\n\n\n    .learning-step h3 {\n        grid-column: 2;\n        grid-row: 2;\n\n        margin: 0 0 5px;\n\n        font-size: 17px;\n\n        line-height: 1.4;\n\n        text-align: left;\n    }\n\n\n    .learning-step p {\n        grid-column: 2;\n        grid-row: 3;\n\n        font-size: 12.5px;\n\n        line-height: 1.75;\n    }\n\n\n    .learning-arrow {\n        height: 17px;\n\n        color: #8bb09f;\n\n        font-size: 15px;\n\n        transform: rotate(90deg);\n\n        position: relative;\n\n        z-index: 3;\n    }\n\n\n    .learning-arrow span {\n        width: 24px;\n        height: 24px;\n    }\n\n\n    .cycle-return {\n        position: static;\n\n        transform: none;\n\n        align-self: center;\n\n        margin-top: 8px;\n\n        font-size: 7px;\n    }\n\n\n    \/* Summary *\/\n\n    .flow-summary {\n        grid-template-columns: 1fr;\n\n        gap: 14px;\n\n        padding: 20px;\n\n        border-radius: 17px;\n    }\n\n\n    .flow-summary-main {\n        padding: 0 0 14px;\n\n        border-right: none;\n\n        border-bottom: 1px solid #d4e4dd;\n    }\n\n\n    .flow-summary-main strong {\n        font-size: 16px;\n    }\n\n\n    .flow-summary-sub {\n        padding: 0;\n    }\n\n\n    .flow-summary-sub p {\n        font-size: 12px;\n\n        line-height: 1.7;\n    }\n\n\n    .mobile-only {\n        display: inline;\n    }\n\n}\n\n\n\/* =========================================================\n   Small Mobile\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .learning-cycle {\n        padding: 0;\n    }\n\n\n    .learning-step {\n        padding: 16px;\n\n        grid-template-columns: 50px 1fr;\n\n        column-gap: 12px;\n    }\n\n\n    .learning-step-number {\n        width: 40px;\n        height: 40px;\n\n        font-size: 11px;\n    }\n\n\n    .learning-step h3 {\n        font-size: 16px;\n    }\n\n\n    .learning-step p {\n        font-size: 12px;\n    }\n\n\n    .flow-summary {\n        padding: 17px;\n    }\n\n}\n<\/style>\n\n<section class=\"lesson lesson-flow\">\n\n    <!-- =========================\n         Heading\n    ========================== -->\n\n    <div class=\"flow-heading\">\n\n        <span class=\"flow-label\">\n            NESCOM LEARNING METHOD\n        <\/span>\n\n        <h2 class=\"lesson-question\">\n            NESCOM\u306e\u6388\u696d\u306f\u3069\u3046\u9032\u3080\u306e\uff1f\n        <\/h2>\n\n        <div class=\"flow-lead\">\n\n            <p>\n                NESCOM\u306e\u6388\u696d\u306f\u3001\u305f\u3060\u89e3\u8aac\u3092\u805e\u304f\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n            <\/p>\n\n            <p>\n                \u300c\u7406\u89e3 \u2192 \u6f14\u7fd2 \u2192 \u5b9a\u7740 \u2192 \u78ba\u8a8d\u300d\u306e\u6d41\u308c\u3092\u7e70\u308a\u8fd4\u3057\u3001\n                <strong>\u300c\u3067\u304d\u308b\u72b6\u614b\u300d\u306b\u306a\u308b\u307e\u3067\u5b66\u7fd2\u3092\u9032\u3081\u307e\u3059\u3002<\/strong>\n            <\/p>\n\n            <p>\n                \u5206\u304b\u3063\u305f\u3064\u3082\u308a\u3067\u7d42\u308f\u3089\u305a\u3001\n                \u81ea\u4fe1\u3092\u6301\u3063\u3066\u89e3\u3051\u308b\u3088\u3046\u306b\u306a\u308b\u307e\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Learning Cycle\n    ========================== -->\n\n    <div class=\"learning-cycle\">\n\n\n        <!-- 01 -->\n        <article class=\"learning-step\">\n\n            <div class=\"learning-step-top\">\n\n                <span class=\"learning-step-number\">\n                    01\n                <\/span>\n\n                <span class=\"learning-step-en\">\n                    UNDERSTAND\n                <\/span>\n\n            <\/div>\n\n            <div class=\"learning-step-icon\">\n                <span>?<\/span>\n            <\/div>\n\n            <h3>\n                \u7406\u89e3\n            <\/h3>\n\n            <p>\n                \u307e\u305a\u306f\u5185\u5bb9\u3092\u7406\u89e3\u3057\u3001\n                \u300c\u306a\u305c\u305d\u3046\u306a\u308b\u306e\u304b\u300d\u3092\n                \u78ba\u8a8d\u3057\u307e\u3059\u3002\n            <\/p>\n\n        <\/article>\n\n\n        <div class=\"learning-arrow\">\n            <span>\u2192<\/span>\n        <\/div>\n\n\n        <!-- 02 -->\n        <article class=\"learning-step\">\n\n            <div class=\"learning-step-top\">\n\n                <span class=\"learning-step-number\">\n                    02\n                <\/span>\n\n                <span class=\"learning-step-en\">\n                    PRACTICE\n                <\/span>\n\n            <\/div>\n\n            <div class=\"learning-step-icon\">\n                <span>\u270e<\/span>\n            <\/div>\n\n            <h3>\n                \u6f14\u7fd2\n            <\/h3>\n\n            <p>\n                \u5b9f\u969b\u306b\u554f\u984c\u3092\u89e3\u304d\u3001\n                \u7406\u89e3\u3057\u305f\u5185\u5bb9\u3092\u4f7f\u3048\u308b\u529b\u3078\n                \u5909\u3048\u3066\u3044\u304d\u307e\u3059\u3002\n            <\/p>\n\n        <\/article>\n\n\n        <div class=\"learning-arrow\">\n            <span>\u2192<\/span>\n        <\/div>\n\n\n        <!-- 03 -->\n        <article class=\"learning-step\">\n\n            <div class=\"learning-step-top\">\n\n                <span class=\"learning-step-number\">\n                    03\n                <\/span>\n\n                <span class=\"learning-step-en\">\n                    RETAIN\n                <\/span>\n\n            <\/div>\n\n            <div class=\"learning-step-icon\">\n                <span>\u25ce<\/span>\n            <\/div>\n\n            <h3>\n                \u5b9a\u7740\n            <\/h3>\n\n            <p>\n                \u7e70\u308a\u8fd4\u3057\u7df4\u7fd2\u3057\u3001\n                \u5fd8\u308c\u306a\u3044\u77e5\u8b58\u30fb\u89e3\u304d\u65b9\u3092\n                \u8eab\u306b\u3064\u3051\u307e\u3059\u3002\n            <\/p>\n\n        <\/article>\n\n\n        <div class=\"learning-arrow\">\n            <span>\u2192<\/span>\n        <\/div>\n\n\n        <!-- 04 -->\n        <article class=\"learning-step learning-step-last\">\n\n            <div class=\"learning-step-top\">\n\n                <span class=\"learning-step-number\">\n                    04\n                <\/span>\n\n                <span class=\"learning-step-en\">\n                    CHECK\n                <\/span>\n\n            <\/div>\n\n            <div class=\"learning-step-icon\">\n                <span>\u2713<\/span>\n            <\/div>\n\n            <h3>\n                \u78ba\u8a8d\n            <\/h3>\n\n            <p>\n                \u672c\u5f53\u306b\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u304b\u3092\n                \u78ba\u8a8d\u3057\u3001\u6b21\u306e\u5b66\u7fd2\u3078\n                \u9032\u307f\u307e\u3059\u3002\n            <\/p>\n\n        <\/article>\n\n\n        <!-- Cycle indication -->\n\n        <div class=\"cycle-return\">\n            <span>\n                CHECK \u2192 NEXT LEARNING\n            <\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Summary\n    ========================== -->\n\n    <div class=\"flow-summary\">\n\n        <div class=\"flow-summary-main\">\n\n            <span class=\"flow-summary-label\">\n                FROM UNDERSTANDING TO MASTERY\n            <\/span>\n\n            <strong>\n                \u300c\u308f\u304b\u308b\u300d\u3067\u7d42\u308f\u3089\u305a\u3001<br class=\"mobile-only\">\n                \u300c\u3067\u304d\u308b\u300d\u307e\u3067\u7e70\u308a\u8fd4\u3057\u307e\u3059\u3002\n            <\/strong>\n\n        <\/div>\n\n        <div class=\"flow-summary-sub\">\n\n            <p>\n                \u77e5\u8b58\u3092\u5897\u3084\u3059\u3053\u3068\u3060\u3051\u3092\u76ee\u7684\u306b\u305b\u305a\u3001\n                \u70b9\u6570\u306b\u3064\u306a\u304c\u308b\u7406\u89e3\u3092\u7a4d\u307f\u91cd\u306d\u308b\u6388\u696d\u3067\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-9-1024x683.png\" alt=\"\" class=\"wp-image-3958\" srcset=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-9-1024x683.png 1024w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-9-300x200.png 300w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-9-768x512.png 768w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-9.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NESCOM Winter Learning Guide\n   Lesson \/ Course\n   Soft Intelligence Design\n========================================================= *\/\n\n.lesson-course {\n    position: relative;\n\n    overflow: hidden;\n\n    padding: 10px 0 25px;\n}\n\n\n\/* =========================================================\n   Heading\n========================================================= *\/\n\n.course-heading {\n    max-width: 800px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n\n.course-label {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 7px 15px;\n\n    margin-bottom: 15px;\n\n    border-radius: 50px;\n\n    background: #eef7f3;\n\n    color: #4d806d;\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.lesson-course .lesson-question {\n    margin-bottom: 23px;\n}\n\n\n.course-lead {\n    max-width: 720px;\n\n    margin: 0 auto;\n\n    color: #596761;\n\n    font-size: 15px;\n\n    line-height: 2;\n}\n\n\n.course-lead p {\n    margin: 0 0 7px;\n}\n\n\n.course-lead strong {\n    color: #386b59;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Course Flow\n========================================================= *\/\n\n.course-flow {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns: 1fr 60px 1fr;\n\n    align-items: center;\n\n    max-width: 1050px;\n\n    margin: 0 auto 35px;\n}\n\n\n\/* =========================================================\n   Course Panel\n========================================================= *\/\n\n.course-panel {\n    position: relative;\n\n    overflow: hidden;\n\n    min-height: 475px;\n\n    padding: 30px;\n\n    background: #ffffff;\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 23px;\n\n    box-shadow:\n        0 9px 28px rgba(44,76,65,.065);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}\n\n\n.course-panel:hover {\n    transform: translateY(-6px);\n\n    border-color: #bfd8ce;\n\n    box-shadow:\n        0 17px 35px rgba(44,76,65,.11);\n}\n\n\n\/* =========================================================\n   Top\n========================================================= *\/\n\n.course-panel-top {\n    display: flex;\n\n    align-items: center;\n\n    padding-bottom: 21px;\n\n    border-bottom: 1px solid #e4ece8;\n}\n\n\n.course-badge {\n    flex: 0 0 auto;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 55px;\n    height: 55px;\n\n    margin-right: 15px;\n\n    border-radius: 17px;\n\n    background: #eaf4f0;\n\n    border: 1px solid #d2e4dc;\n}\n\n\n.course-badge span {\n    color: #4c806d;\n\n    font-size: 25px;\n\n    font-weight: 800;\n}\n\n\n.course-small-label {\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: #89a096;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .16em;\n}\n\n\n.course-panel h3 {\n    margin: 0;\n\n    color: #29483d;\n\n    font-size: 20px;\n\n    line-height: 1.45;\n}\n\n\n\/* =========================================================\n   Message\n========================================================= *\/\n\n.course-message {\n    margin: 20px 0 18px;\n\n    color: #315c4d;\n\n    font-size: 17px;\n\n    font-weight: 700;\n\n    line-height: 1.6;\n}\n\n\n.course-message span {\n    display: block;\n\n    margin-top: 3px;\n\n    color: #7b8c85;\n\n    font-size: 11px;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   Time\n========================================================= *\/\n\n.course-time-box {\n    padding: 17px 20px;\n\n    margin-bottom: 10px;\n\n    border-radius: 14px;\n\n    background:\n        linear-gradient(\n            110deg,\n            #f0f7f4,\n            #f7faf8\n        );\n\n    border: 1px solid #dce9e4;\n}\n\n\n.course-time-box span,\n.course-date-box span {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: #81998f;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .17em;\n}\n\n\n.course-time-box strong {\n    display: block;\n\n    color: #386b59;\n\n    font-size: 32px;\n\n    font-weight: 800;\n\n    letter-spacing: -.03em;\n}\n\n\n\/* =========================================================\n   Date\n========================================================= *\/\n\n.course-date-box {\n    padding: 12px 20px 15px;\n\n    margin-bottom: 20px;\n}\n\n\n.course-date-box strong {\n    display: block;\n\n    color: #536961;\n\n    font-size: 14px;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Recommend\n========================================================= *\/\n\n.course-recommend {\n    padding-top: 17px;\n\n    border-top: 1px solid #e4ece8;\n}\n\n\n.course-recommend-title {\n    display: flex;\n\n    align-items: center;\n\n    margin-bottom: 9px;\n\n    color: #315c4d;\n\n    font-size: 14px;\n\n    font-weight: 700;\n}\n\n\n.course-recommend-title span {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 24px;\n    height: 24px;\n\n    margin-right: 8px;\n\n    border-radius: 50%;\n\n    background: #e6f1ec;\n\n    color: #4e846f;\n\n    font-size: 12px;\n}\n\n\n.course-recommend ul {\n    margin: 0;\n\n    padding: 0;\n\n    list-style: none;\n}\n\n\n.course-recommend li {\n    position: relative;\n\n    padding-left: 17px;\n\n    margin-bottom: 6px;\n\n    color: #68766f;\n\n    font-size: 12px;\n\n    line-height: 1.7;\n}\n\n\n.course-recommend li::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 1px;\n    top: .75em;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: #8bb09f;\n}\n\n\n\/* =========================================================\n   Center Connector\n========================================================= *\/\n\n.course-connector {\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n}\n\n\n.course-connector::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    right: 0;\n\n    height: 1px;\n\n    background: #d3e2dc;\n}\n\n\n.course-connector span {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 42px;\n    height: 42px;\n\n    border-radius: 50%;\n\n    background: #ffffff;\n\n    border: 1px solid #d3e2dc;\n\n    color: #7b978c;\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: .08em;\n}\n\n\n\/* =========================================================\n   Course Choice\n========================================================= *\/\n\n.course-choice {\n    display: flex;\n\n    align-items: center;\n\n    max-width: 900px;\n\n    margin: 0 auto 35px;\n\n    padding: 19px 25px;\n\n    background:\n        linear-gradient(\n            100deg,\n            #f1f8f5,\n            #f8fbfa\n        );\n\n    border: 1px solid #d7e7e0;\n\n    border-radius: 17px;\n}\n\n\n.course-choice-icon {\n    flex: 0 0 auto;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 43px;\n    height: 43px;\n\n    margin-right: 17px;\n\n    border-radius: 50%;\n\n    background: #5c927d;\n\n    color: #ffffff;\n\n    box-shadow:\n        0 5px 12px rgba(65,115,95,.15);\n}\n\n\n.course-choice-icon span {\n    font-size: 19px;\n}\n\n\n.course-choice-text {\n    display: flex;\n\n    flex-direction: column;\n}\n\n\n.course-choice-text > span {\n    margin-bottom: 3px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .17em;\n}\n\n\n.course-choice-text strong {\n    margin-bottom: 3px;\n\n    color: #315c4d;\n\n    font-size: 16px;\n}\n\n\n.course-choice-text p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 12px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   Summary\n========================================================= *\/\n\n.course-summary {\n    max-width: 900px;\n\n    margin: 0 auto;\n\n    padding: 25px 30px;\n\n    text-align: center;\n\n    background: #ffffff;\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 19px;\n\n    box-shadow:\n        0 6px 20px rgba(44,76,65,.045);\n}\n\n\n.course-summary-label {\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: #7b978c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.course-summary strong {\n    display: block;\n\n    margin-bottom: 6px;\n\n    color: #315c4d;\n\n    font-size: 18px;\n\n    line-height: 1.6;\n}\n\n\n.course-summary p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.8;\n}\n\n\n.mobile-only {\n    display: none;\n}\n\n\n\/* =========================================================\n   Tablet\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .course-flow {\n        grid-template-columns: 1fr;\n\n        gap: 20px;\n\n        max-width: 650px;\n\n        padding: 0 15px;\n    }\n\n\n    .course-connector {\n        height: 35px;\n    }\n\n\n    .course-connector::before {\n        top: 0;\n        bottom: 0;\n\n        left: 50%;\n\n        right: auto;\n\n        width: 1px;\n        height: auto;\n    }\n\n\n    .course-connector span {\n        width: 36px;\n        height: 36px;\n    }\n\n\n    .course-panel {\n        min-height: auto;\n    }\n\n}\n\n\n\/* =========================================================\n   Mobile\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .lesson-course {\n        padding-top: 5px;\n    }\n\n\n    \/* Heading *\/\n\n    .course-heading {\n        margin-bottom: 32px;\n\n        padding: 0 8px;\n    }\n\n\n    .course-lead {\n        font-size: 14px;\n\n        line-height: 1.9;\n    }\n\n\n    \/* Panels *\/\n\n    .course-flow {\n        padding: 0;\n\n        margin-bottom: 25px;\n\n        gap: 10px;\n    }\n\n\n    .course-panel {\n        padding: 21px 18px;\n\n        border-radius: 18px;\n    }\n\n\n    .course-panel-top {\n        padding-bottom: 16px;\n    }\n\n\n    .course-badge {\n        width: 48px;\n        height: 48px;\n\n        margin-right: 12px;\n\n        border-radius: 14px;\n    }\n\n\n    .course-badge span {\n        font-size: 21px;\n    }\n\n\n    .course-panel h3 {\n        font-size: 17px;\n    }\n\n\n    .course-message {\n        margin: 16px 0 13px;\n\n        font-size: 15px;\n    }\n\n\n    .course-message span {\n        font-size: 10px;\n    }\n\n\n    .course-time-box {\n        padding: 14px 16px;\n    }\n\n\n    .course-time-box strong {\n        font-size: 28px;\n    }\n\n\n    .course-date-box {\n        padding: 10px 16px 13px;\n\n        margin-bottom: 15px;\n    }\n\n\n    .course-date-box strong {\n        font-size: 13px;\n    }\n\n\n    .course-recommend {\n        padding-top: 14px;\n    }\n\n\n    .course-recommend-title {\n        font-size: 13px;\n    }\n\n\n    .course-recommend li {\n        font-size: 12px;\n\n        line-height: 1.7;\n    }\n\n\n    \/* Connector *\/\n\n    .course-connector {\n        height: 35px;\n    }\n\n\n    .course-connector span {\n        width: 34px;\n        height: 34px;\n\n        font-size: 8px;\n    }\n\n\n    \/* Choice *\/\n\n    .course-choice {\n        align-items: flex-start;\n\n        margin-bottom: 25px;\n\n        padding: 16px;\n\n        border-radius: 15px;\n    }\n\n\n    .course-choice-icon {\n        width: 38px;\n        height: 38px;\n\n        margin-right: 12px;\n    }\n\n\n    .course-choice-text strong {\n        font-size: 14px;\n\n        line-height: 1.5;\n    }\n\n\n    .course-choice-text p {\n        font-size: 11.5px;\n\n        line-height: 1.7;\n    }\n\n\n    \/* Summary *\/\n\n    .course-summary {\n        padding: 20px;\n\n        border-radius: 17px;\n    }\n\n\n    .course-summary strong {\n        font-size: 16px;\n\n        line-height: 1.6;\n    }\n\n\n    .course-summary p {\n        font-size: 12px;\n\n        line-height: 1.7;\n    }\n\n\n    .mobile-only {\n        display: inline;\n    }\n\n}\n\n\n\/* =========================================================\n   Small Mobile\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .course-panel {\n        padding: 18px 15px;\n    }\n\n\n    .course-time-box strong {\n        font-size: 25px;\n    }\n\n\n    .course-choice {\n        padding: 14px;\n    }\n\n\n    .course-summary {\n        padding: 17px;\n    }\n\n}\n<\/style>\n\n<section class=\"lesson lesson-course\">\n\n    <!-- =========================\n         Heading\n    ========================== -->\n\n    <div class=\"course-heading\">\n\n        <span class=\"course-label\">\n            WINTER COURSE \/ SCHEDULE\n        <\/span>\n\n        <h2 class=\"lesson-question\">\n            \u51ac\u671f\u8b1b\u7fd2\u306e\u30b3\u30fc\u30b9\u306f<br class=\"mobile-only\">\n            \u306a\u305c\uff12\u3064\u306b\u5206\u304b\u308c\u3066\u3044\u308b\u306e\uff1f\n        <\/h2>\n\n        <div class=\"course-lead\">\n\n            <p>\n                \u901a\u5e38\u6388\u696d\u306e\u3042\u308b\u65e5\u306f\u5348\u524d\u30b9\u30bf\u30fc\u30c8\uff01\n                \u901a\u5e38\u6388\u696d\u306e\u306a\u3044\u65e5\u306f\u5348\u5f8c\u30b9\u30bf\u30fc\u30c8\uff01\n                <strong>\u81ea\u8eab\u306e\u90fd\u5408<\/strong>\u306b\u3042\u308f\u305b\u3066\u53d7\u8b1b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n            <\/p>\n\n            <p>\n                \u7121\u7406\u306a\u304f\u901a\u3044\u306a\u304c\u3089\u3001\n                \u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u5b66\u7fd2\u3067\u304d\u308b\u3088\u3046\u8a2d\u8a08\u3057\u3066\u3044\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Course Comparison\n    ========================== -->\n\n    <div class=\"course-flow\">\n\n        <!-- A Course -->\n\n        <article class=\"course-panel course-panel-a\">\n\n            <div class=\"course-panel-top\">\n\n                <div class=\"course-badge\">\n                    <span>A<\/span>\n                <\/div>\n\n                <div>\n\n                    <span class=\"course-small-label\">\n                        MORNING START\n                    <\/span>\n\n                    <h3>\n                        \u5348\u524d\u30b9\u30bf\u30fc\u30c8\u30b3\u30fc\u30b9\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"course-message\">\n                \u671d\u304b\u3089\u3057\u3063\u304b\u308a\u5b66\u7fd2\n                <span>\u901a\u5e38\u6388\u696d\u304c\u3042\u308b\u65e5<\/span>\n            <\/div>\n\n\n            <div class=\"course-time-box\">\n\n                <span>\n                    STUDY TIME\n                <\/span>\n\n                <strong>\n                    9:00\u301c16:00\n                <\/strong>\n\n            <\/div>\n\n\n            <div class=\"course-date-box\">\n\n                <span>\n                    DATE\n                <\/span>\n\n                <strong>\n                    12\/25\u301c12\/29\u30fb1\/6\n                <\/strong>\n\n            <\/div>\n\n\n            <div class=\"course-recommend\">\n\n                <div class=\"course-recommend-title\">\n                    <span>\u2713<\/span>\n                    \u3053\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\n                <\/div>\n\n                <ul>\n\n                    <li>\n                        \u304a\u663c\u4f11\u61a9\u3092\u53d6\u308a\u306a\u304c\u3089\u5b66\u7fd2\u3057\u305f\u3044\n                    <\/li>\n\n                    <li>\n                        \u30e1\u30ea\u30cf\u30ea\u3092\u3064\u3051\u3066\u96c6\u4e2d\u3057\u305f\u3044\n                    <\/li>\n\n                    <li>\n                        \u751f\u6d3b\u30ea\u30ba\u30e0\u3092\u6574\u3048\u3066\u52c9\u5f37\u3057\u305f\u3044\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- Center Connector -->\n\n        <div class=\"course-connector\">\n\n            <span>\n                OR\n            <\/span>\n\n        <\/div>\n\n\n        <!-- B Course -->\n\n        <article class=\"course-panel course-panel-b\">\n\n            <div class=\"course-panel-top\">\n\n                <div class=\"course-badge\">\n                    <span>B<\/span>\n                <\/div>\n\n                <div>\n\n                    <span class=\"course-small-label\">\n                        AFTERNOON START\n                    <\/span>\n\n                    <h3>\n                        \u5348\u5f8c\u30b9\u30bf\u30fc\u30c8\u30b3\u30fc\u30b9\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"course-message\">\n                \u5348\u5f8c\u304b\u3089\u96c6\u4e2d\u5b66\u7fd2\n                <span>\u901a\u5e38\u6388\u696d\u304c\u306a\u3044\u65e5<\/span>\n            <\/div>\n\n\n            <div class=\"course-time-box\">\n\n                <span>\n                    STUDY TIME\n                <\/span>\n\n                <strong>\n                    14:00\u301c19:00\n                <\/strong>\n\n            <\/div>\n\n\n            <div class=\"course-date-box\">\n\n                <span>\n                    DATE\n                <\/span>\n\n                <strong>\n                    12\/30\u30fb1\/4\u30fb1\/5\n                <\/strong>\n\n            <\/div>\n\n\n            <div class=\"course-recommend\">\n\n                <div class=\"course-recommend-title\">\n                    <span>\u2713<\/span>\n                    \u3053\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\n                <\/div>\n\n                <ul>\n\n                    <li>\n                        \u5348\u524d\u4e2d\u306b\u81ea\u5b85\u3067\u5b66\u6821\u8ab2\u984c\u3092\u9032\u3081\u305f\u3044\n                    <\/li>\n\n                    <li>\n                        \u5348\u5f8c\u304b\u3089\u96c6\u4e2d\u3057\u3066\u5b66\u7fd2\u3057\u305f\u3044\n                    <\/li>\n\n                    <li>\n                        \u8ab2\u984c\u306e\u7591\u554f\u3092\u305d\u306e\u65e5\u306e\u3046\u3061\u306b\u89e3\u6c7a\u3057\u305f\u3044\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n\n    <!-- =========================\n         Choice Guide\n    ========================== -->\n\n    <div class=\"course-choice\">\n\n        <div class=\"course-choice-icon\">\n            <span>\u2713<\/span>\n        <\/div>\n\n        <div class=\"course-choice-text\">\n\n            <span>\n                CHOOSE YOUR STYLE\n            <\/span>\n\n            <strong>\n                \u300c\u5348\u524d\u30b9\u30bf\u30fc\u30c8\u300d\u304b\u300c\u5348\u5f8c\u30b9\u30bf\u30fc\u30c8\u300d\u304b\u3002\u4e88\u5b9a\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u307e\u3059\u3002\n            <\/strong>\n\n            <p>\n                \u901a\u5e38\u6388\u696d\u306e\u6709\u7121\u306b\u5408\u308f\u305b\u3066\u30b3\u30fc\u30b9\u3092\u5206\u3051\u308b\u3053\u3068\u3067\u3001\n                \u51ac\u4f11\u307f\u306e\u4e88\u5b9a\u3092\u5d29\u3055\u305a\u3001\u7121\u7406\u306a\u304f\u5b66\u7fd2\u6642\u9593\u3092\u78ba\u4fdd\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Summary\n    ========================== -->\n\n    <div class=\"course-summary\">\n\n        <span class=\"course-summary-label\">\n            LEARNING AT YOUR PACE\n        <\/span>\n\n        <strong>\n            \u81ea\u5206\u306b\u5408\u3063\u305f\u6642\u9593\u5e2f\u3067\u3001<br class=\"mobile-only\">\n            \u7121\u7406\u306a\u304f\u7d9a\u3051\u3089\u308c\u308b\u8a2d\u8a08\u3067\u3059\u3002\n        <\/strong>\n\n        <p>\n            \u5b66\u7fd2\u91cf\u3060\u3051\u3067\u306f\u306a\u304f\u3001\n            \u7d9a\u3051\u3089\u308c\u308b\u74b0\u5883\u3065\u304f\u308a\u3082\u6210\u679c\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n#lesson8{\n    padding-top:25px;\n}\n<\/style>\n\n<section class=\"lesson\" id=\"lesson8\">\n\n  <!-- =========================\n       FAQ HEADER\n  ========================== -->\n  <div class=\"faq-header\">\n    <div class=\"faq-icon\">?<\/div>\n\n    <div>\n      <span class=\"faq-label\">WINTER COURSE FAQ<\/span>\n      <h2>\u51ac\u671f\u8b1b\u7fd2\u306b\u3064\u3044\u3066<br>\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n      <p>\n        \u300c\u3053\u308c\u3063\u3066\u5927\u4e08\u592b\uff1f\u300d\u3068\u601d\u3063\u305f\u3089\u3001<br>\n        \u6c17\u306b\u306a\u308b\u8cea\u554f\u3092\u30bf\u30c3\u30d7\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n  <\/div>\n\n\n  <!-- =========================\n       FAQ ITEMS\n  ========================== -->\n  <div class=\"lesson-answer faq-grid\">\n\n\n    <!-- Q1 -->\n    <details class=\"faq-item\">\n      <summary>\n        <span class=\"faq-number\">01<\/span>\n\n        <span class=\"faq-question\">\n          <small>\u53c2\u52a0\u306b\u3064\u3044\u3066<\/small>\n          \u521d\u3081\u3066\u3067\u3082\u53c2\u52a0\u3067\u304d\u307e\u3059\u304b\uff1f\n        <\/span>\n\n        <span class=\"faq-plus\"><\/span>\n      <\/summary>\n\n      <div class=\"faq-answer\">\n        <div class=\"answer-point\">\n          <span>POINT<\/span>\n          <strong>\u3082\u3061\u308d\u3093\u5927\u4e08\u592b\u3067\u3059\uff01<\/strong>\n        <\/div>\n\n        <p>\n          \u73fe\u5728\u306e\u5b66\u7fd2\u72b6\u6cc1\u3092\u78ba\u8a8d\u3057\u3001\u4e00\u4eba\u3072\u3068\u308a\u306b\u5408\u308f\u305b\u305f\u5185\u5bb9\u3067\u9032\u3081\u307e\u3059\u306e\u3067\u3001\n          \u587e\u304c\u521d\u3081\u3066\u306e\u65b9\u3067\u3082\u5b89\u5fc3\u3057\u3066\u3054\u53c2\u52a0\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/details>\n\n\n    <!-- Q2 -->\n    <details class=\"faq-item\">\n      <summary>\n        <span class=\"faq-number\">02<\/span>\n\n        <span class=\"faq-question\">\n          <small>\u4e88\u5b9a\u3068\u306e\u4e21\u7acb<\/small>\n          \u90e8\u6d3b\u52d5\u3084\u4e88\u5b9a\u3068\u4e21\u7acb\u3067\u304d\u307e\u3059\u304b\uff1f\n        <\/span>\n\n        <span class=\"faq-plus\"><\/span>\n      <\/summary>\n\n      <div class=\"faq-answer\">\n        <div class=\"answer-point\">\n          <span>POINT<\/span>\n          <strong>\u4e88\u5b9a\u306b\u5408\u308f\u305b\u3066\u53c2\u52a0\u3067\u304d\u307e\u3059\uff01<\/strong>\n        <\/div>\n\n        <p>\n          \u53c2\u52a0\u65e5\u306f\u81ea\u7531\u306b\u9078\u629e\u3067\u304d\u307e\u3059\u306e\u3067\u3001\u90e8\u6d3b\u52d5\u3084\u3054\u5bb6\u5ead\u306e\u4e88\u5b9a\u306b\u5408\u308f\u305b\u3066\n          \u53d7\u8b1b\u65e5\u3092\u8abf\u6574\u3067\u304d\u307e\u3059\u3002\n        <\/p>\n\n        <div class=\"faq-note\">\n          \u203b\u5e2d\u6570\u306b\u9650\u308a\u304c\u3042\u308a\u307e\u3059\u306e\u3067\u3001\u304a\u65e9\u3081\u306e\u304a\u7533\u3057\u8fbc\u307f\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059\u3002\n        <\/div>\n      <\/div>\n    <\/details>\n\n\n    <!-- Q3 -->\n    <details class=\"faq-item\">\n      <summary>\n        <span class=\"faq-number\">03<\/span>\n\n        <span class=\"faq-question\">\n          <small>\u5b66\u6821\u306e\u5bbf\u984c<\/small>\n          \u51ac\u4f11\u307f\u306e\u5bbf\u984c\u3068\u4e21\u7acb\u3067\u304d\u307e\u3059\u304b\uff1f\n        <\/span>\n\n        <span class=\"faq-plus\"><\/span>\n      <\/summary>\n\n      <div class=\"faq-answer\">\n        <div class=\"answer-point\">\n          <span>POINT<\/span>\n          <strong>\u5b66\u6821\u306e\u5bbf\u984c\u3082\u4e00\u7dd2\u306b\u9032\u3081\u3089\u308c\u307e\u3059\uff01<\/strong>\n        <\/div>\n\n        <p>\n          \u5b66\u6821\u306e\u5bbf\u984c\u3092\u9032\u3081\u306a\u304c\u3089\u3001\u5206\u304b\u3089\u306a\u3044\u554f\u984c\u3092\u51ac\u671f\u8b1b\u7fd2\u3067\u78ba\u8a8d\u3059\u308b\u306a\u3069\u3001\n          \u52b9\u7387\u3088\u304f\u5b66\u7fd2\u3092\u9032\u3081\u3089\u308c\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/details>\n\n\n    <!-- Q4 -->\n    <details class=\"faq-item\">\n      <summary>\n        <span class=\"faq-number\">04<\/span>\n\n        <span class=\"faq-question\">\n          <small>\u901a\u5e38\u6388\u696d\u3068\u306e\u9055\u3044<\/small>\n          \u901a\u5e38\u6388\u696d\u3068\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f\n        <\/span>\n\n        <span class=\"faq-plus\"><\/span>\n      <\/summary>\n\n      <div class=\"faq-answer\">\n        <div class=\"answer-point\">\n          <span>POINT<\/span>\n          <strong>\u300c\u81ea\u5206\u306e\u8ab2\u984c\u300d\u306b\u96c6\u4e2d\u3057\u307e\u3059\uff01<\/strong>\n        <\/div>\n\n        <p>\n          \u901a\u5e38\u6388\u696d\u3067\u306f\u5b66\u6821\u306e\u9032\u5ea6\u306b\u5408\u308f\u305b\u3066\u5b66\u7fd2\u3092\u9032\u3081\u307e\u3059\u304c\u3001\n          \u51ac\u671f\u8b1b\u7fd2\u3067\u306f\u4e00\u4eba\u3072\u3068\u308a\u306e\u8ab2\u984c\u306b\u5408\u308f\u305b\u305f\u5b66\u7fd2\u3092\u884c\u3044\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          \u524d\u5b66\u671f\u307e\u3067\u306e\u82e6\u624b\u5206\u91ce\u3084\u514b\u670d\u3057\u305f\u3044\u5358\u5143\u306b\u7126\u70b9\u3092\u3042\u3066\u3001\n          \u5b66\u7fd2\u8a08\u753b\u3092\u7acb\u3066\u306a\u304c\u3089\u9032\u3081\u3066\u3044\u304d\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/details>\n\n\n    <!-- Q5 -->\n    <details class=\"faq-item\">\n      <summary>\n        <span class=\"faq-number\">05<\/span>\n\n        <span class=\"faq-question\">\n          <small>\u5165\u5ba4\u30fb\u9000\u5ba4<\/small>\n          \u5165\u5ba4\u30fb\u9000\u5ba4\u306e\u6642\u9593\u306f\u3069\u3046\u306a\u308a\u307e\u3059\u304b\uff1f\n        <\/span>\n\n        <span class=\"faq-plus\"><\/span>\n      <\/summary>\n\n      <div class=\"faq-answer\">\n        <div class=\"answer-point\">\n          <span>POINT<\/span>\n          <strong>\u30b3\u30fc\u30b9\u6642\u9593\u5185\u306a\u3089\u81ea\u7531\u306b\u8abf\u6574\u3067\u304d\u307e\u3059\uff01<\/strong>\n        <\/div>\n\n        <p>\n          \u5165\u5ba4\u306f\u5404\u30b3\u30fc\u30b9\u306e\u958b\u59cb\u6642\u523b\u304b\u3089\u3001\u9000\u5ba4\u306f\u5404\u30b3\u30fc\u30b9\u306e\u7d42\u4e86\u6642\u523b\u307e\u3067\u3068\u306a\u308a\u307e\u3059\u3002\n          \u30b3\u30fc\u30b9\u306e\u6642\u9593\u5e2f\u3067\u3042\u308c\u3070\u3001\u5165\u9000\u5ba4\u6642\u523b\u306f\u81ea\u7531\u306b\u8abf\u6574\u3067\u304d\u307e\u3059\u3002\n        <\/p>\n\n        <div class=\"faq-note\">\n          A\u30b3\u30fc\u30b9\u306b\u3064\u3044\u3066\u306f\u3001\u5348\u5f8c4\u6642\u304b\u3089\u901a\u5e38\u6388\u696d\u304c\u3042\u308b\u305f\u3081\u3001\n          \u9000\u5ba4\u6642\u523b\u306f\u53b3\u5b88\u3067\u304a\u9858\u3044\u3057\u307e\u3059\u3002\n        <\/div>\n\n        <p>\n          \u90e8\u6d3b\u52d5\u3084\u3054\u5bb6\u5ead\u306e\u4e88\u5b9a\u306b\u5408\u308f\u305b\u3066\u3001\u3054\u90fd\u5408\u306e\u826f\u3044\u6642\u9593\u306b\u6765\u5ba4\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n      <\/div>\n    <\/details>\n\n\n    <!-- Q6 -->\n    <details class=\"faq-item\">\n      <summary>\n        <span class=\"faq-number\">06<\/span>\n\n        <span class=\"faq-question\">\n          <small>\u7533\u3057\u8fbc\u307f\u5f8c<\/small>\n          \u7533\u3057\u8fbc\u307f\u5f8c\u306e\u5909\u66f4\u3084\u30ad\u30e3\u30f3\u30bb\u30eb\u306f\u3067\u304d\u307e\u3059\u304b\uff1f\n        <\/span>\n\n        <span class=\"faq-plus\"><\/span>\n      <\/summary>\n\n      <div class=\"faq-answer\">\n        <div class=\"answer-point\">\n          <span>POINT<\/span>\n          <strong>\u304a\u7533\u3057\u8fbc\u307f\u524d\u306b\u4e88\u5b9a\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/strong>\n        <\/div>\n\n        <p>\n          \u304a\u7533\u3057\u8fbc\u307f\u5f8c\u306e\u30ad\u30e3\u30f3\u30bb\u30eb\u306f\u3067\u304d\u307e\u305b\u3093\u3002\n          \u53c2\u52a0\u65e5\u306b\u3064\u3044\u3066\u306f\u3001\u3054\u4e88\u5b9a\u3092\u3054\u78ba\u8a8d\u306e\u3046\u3048\u304a\u7533\u3057\u8fbc\u307f\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n      <\/div>\n    <\/details>\n\n  <\/div>\n\n\n  <!-- =========================\n       BOTTOM MESSAGE\n  ========================== -->\n  <div class=\"faq-message\">\n\n    <div class=\"faq-message-icon\">&#x1f4a1;<\/div>\n\n    <div class=\"faq-message-text\">\n      <span>\u307e\u3060\u6c17\u306b\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u304b\uff1f<\/span>\n\n      <strong>\n        \u300c\u3053\u3093\u306a\u5834\u5408\u306f\u3069\u3046\u306a\u308b\u306e\uff1f\u300d\u3082<br class=\"sp-only\">\n        \u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n      <\/strong>\n\n      <p>\n        \u4e00\u4eba\u3072\u3068\u308a\u306e\u5b66\u7fd2\u72b6\u6cc1\u3084\u3054\u90fd\u5408\u306b\u5408\u308f\u305b\u3066\u3001\n        \u3054\u6848\u5185\u3044\u305f\u3057\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   FAQ SECTION\n========================================= *\/\n\n#lesson8 {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 70px 20px;\n  box-sizing: border-box;\n}\n\n\n\/* =========================================\n   HEADER\n========================================= *\/\n\n#lesson8 .faq-header {\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  margin-bottom: 45px;\n}\n\n#lesson8 .faq-icon {\n  width: 82px;\n  height: 82px;\n  flex-shrink: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 24px;\n\n  background: #eef7f3;\n  color: #287c62;\n\n  font-size: 46px;\n  font-weight: 800;\n\n  box-shadow:\n    0 10px 25px rgba(0,0,0,0.06);\n}\n\n#lesson8 .faq-label {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: #287c62;\n\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 2px;\n}\n\n#lesson8 .faq-header h2 {\n  margin: 0 0 10px;\n\n  color: #26332f;\n\n  font-size: 30px;\n  line-height: 1.45;\n}\n\n#lesson8 .faq-header p {\n  margin: 0;\n\n  color: #68736f;\n\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n\n\/* =========================================\n   GRID\n========================================= *\/\n\n#lesson8 .faq-grid {\n  display: grid;\n\n  grid-template-columns: repeat(2, 1fr);\n\n  gap: 18px;\n}\n\n\n\/* =========================================\n   FAQ CARD\n========================================= *\/\n\n#lesson8 .faq-item {\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  border: 1px solid #e4ebe8;\n  border-radius: 18px;\n\n  box-shadow:\n    0 5px 18px rgba(0,0,0,0.04);\n\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease,\n    border-color 0.25s ease;\n}\n\n\n\/* hover *\/\n\n#lesson8 .faq-item:hover {\n  transform: translateY(-3px);\n\n  border-color: #c8ddd5;\n\n  box-shadow:\n    0 12px 28px rgba(0,0,0,0.08);\n}\n\n\n\/* =========================================\n   SUMMARY\n========================================= *\/\n\n#lesson8 .faq-item summary {\n\n  display: flex;\n  align-items: center;\n\n  min-height: 95px;\n\n  padding: 20px 22px;\n\n  cursor: pointer;\n\n  list-style: none;\n\n  box-sizing: border-box;\n}\n\n\n\/* Chrome *\/\n\n#lesson8 .faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n\n\/* =========================================\n   NUMBER\n========================================= *\/\n\n#lesson8 .faq-number {\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 48px;\n  height: 48px;\n\n  flex-shrink: 0;\n\n  margin-right: 16px;\n\n  border-radius: 14px;\n\n  background: #f1f7f4;\n\n  color: #287c62;\n\n  font-size: 14px;\n  font-weight: 800;\n\n  letter-spacing: 1px;\n\n  transition:\n    background 0.25s ease,\n    color 0.25s ease;\n}\n\n\n\/* =========================================\n   QUESTION\n========================================= *\/\n\n#lesson8 .faq-question {\n\n  flex: 1;\n\n  color: #293530;\n\n  font-size: 16px;\n  font-weight: 700;\n\n  line-height: 1.55;\n}\n\n#lesson8 .faq-question small {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #8a9691;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 0.5px;\n}\n\n\n\/* =========================================\n   PLUS BUTTON\n========================================= *\/\n\n#lesson8 .faq-plus {\n\n  position: relative;\n\n  width: 34px;\n  height: 34px;\n\n  flex-shrink: 0;\n\n  margin-left: 12px;\n\n  border-radius: 50%;\n\n  background: #f3f6f5;\n\n  transition:\n    background 0.25s ease,\n    transform 0.3s ease;\n}\n\n\n\/* \u6a2a\u7dda *\/\n\n#lesson8 .faq-plus::before,\n#lesson8 .faq-plus::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 50%;\n  left: 50%;\n\n  width: 13px;\n  height: 2px;\n\n  background: #287c62;\n\n  border-radius: 2px;\n\n  transform: translate(-50%, -50%);\n}\n\n\n\/* \u7e26\u7dda *\/\n\n#lesson8 .faq-plus::after {\n  transform:\n    translate(-50%, -50%)\n    rotate(90deg);\n\n  transition:\n    transform 0.25s ease;\n}\n\n\n\/* =========================================\n   OPEN STATE\n========================================= *\/\n\n#lesson8 .faq-item[open] {\n\n  border-color: #c5ddd4;\n\n  box-shadow:\n    0 12px 30px rgba(40,124,98,0.10);\n}\n\n#lesson8 .faq-item[open] .faq-number {\n\n  background: #287c62;\n\n  color: #ffffff;\n}\n\n#lesson8 .faq-item[open] .faq-plus {\n\n  background: #e7f2ed;\n\n  transform: rotate(180deg);\n}\n\n#lesson8 .faq-item[open] .faq-plus::after {\n\n  transform:\n    translate(-50%, -50%)\n    rotate(0deg);\n}\n\n\n\/* =========================================\n   ANSWER\n========================================= *\/\n\n#lesson8 .faq-answer {\n\n  margin: 0 22px 22px;\n  padding: 22px 22px 20px;\n\n  background: #f7faf9;\n\n  border-radius: 14px;\n\n  animation: faqOpen 0.3s ease;\n}\n\n\n@keyframes faqOpen {\n\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n\/* =========================================\n   ANSWER POINT\n========================================= *\/\n\n#lesson8 .answer-point {\n\n  display: flex;\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 14px;\n}\n\n#lesson8 .answer-point span {\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 5px 9px;\n\n  border-radius: 6px;\n\n  background: #287c62;\n\n  color: #ffffff;\n\n  font-size: 10px;\n  font-weight: 800;\n\n  letter-spacing: 1px;\n}\n\n#lesson8 .answer-point strong {\n\n  color: #287c62;\n\n  font-size: 15px;\n}\n\n\n\/* =========================================\n   ANSWER TEXT\n========================================= *\/\n\n#lesson8 .faq-answer p {\n\n  margin: 0 0 12px;\n\n  color: #4f5d57;\n\n  font-size: 14px;\n\n  line-height: 1.9;\n}\n\n#lesson8 .faq-answer p:last-child {\n  margin-bottom: 0;\n}\n\n\n\/* =========================================\n   NOTE\n========================================= *\/\n\n#lesson8 .faq-note {\n\n  margin: 15px 0;\n\n  padding: 12px 14px;\n\n  background: #fff;\n\n  border-left: 3px solid #d4a84c;\n\n  border-radius: 6px;\n\n  color: #6d6655;\n\n  font-size: 12px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================\n   BOTTOM MESSAGE\n========================================= *\/\n\n#lesson8 .faq-message {\n\n  display: flex;\n  align-items: center;\n\n  gap: 20px;\n\n  margin-top: 38px;\n  padding: 25px 30px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f1f8f5,\n      #f8fbfa\n    );\n\n  border-radius: 20px;\n\n  border: 1px solid #dceae5;\n}\n\n\n#lesson8 .faq-message-icon {\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 52px;\n  height: 52px;\n\n  flex-shrink: 0;\n\n  background: #ffffff;\n\n  border-radius: 50%;\n\n  font-size: 25px;\n\n  box-shadow:\n    0 5px 15px rgba(0,0,0,0.05);\n}\n\n\n#lesson8 .faq-message-text span {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #71807a;\n\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\n#lesson8 .faq-message-text strong {\n\n  display: block;\n\n  color: #287c62;\n\n  font-size: 18px;\n\n  line-height: 1.6;\n}\n\n\n#lesson8 .faq-message-text p {\n\n  margin: 5px 0 0;\n\n  color: #64716c;\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n#lesson8 .sp-only {\n  display: none;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 800px) {\n\n  #lesson8 .faq-grid {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n\/* =========================================\n   SMARTPHONE\n========================================= *\/\n\n@media (max-width: 600px) {\n\n  #lesson8 {\n\n    padding: 50px 15px;\n\n  }\n\n\n  #lesson8 .faq-header {\n\n    align-items: flex-start;\n\n    gap: 16px;\n\n    margin-bottom: 30px;\n\n  }\n\n\n  #lesson8 .faq-icon {\n\n    width: 58px;\n    height: 58px;\n\n    border-radius: 17px;\n\n    font-size: 32px;\n\n  }\n\n\n  #lesson8 .faq-label {\n\n    font-size: 10px;\n\n    letter-spacing: 1.5px;\n\n  }\n\n\n  #lesson8 .faq-header h2 {\n\n    font-size: 23px;\n\n  }\n\n\n  #lesson8 .faq-header p {\n\n    font-size: 13px;\n\n  }\n\n\n  #lesson8 .faq-grid {\n\n    gap: 12px;\n\n  }\n\n\n  #lesson8 .faq-item summary {\n\n    min-height: 82px;\n\n    padding: 16px;\n\n  }\n\n\n  #lesson8 .faq-number {\n\n    width: 40px;\n    height: 40px;\n\n    margin-right: 12px;\n\n    border-radius: 11px;\n\n    font-size: 12px;\n\n  }\n\n\n  #lesson8 .faq-question {\n\n    font-size: 14px;\n\n  }\n\n\n  #lesson8 .faq-question small {\n\n    font-size: 10px;\n\n  }\n\n\n  #lesson8 .faq-plus {\n\n    width: 30px;\n    height: 30px;\n\n    margin-left: 8px;\n\n  }\n\n\n  #lesson8 .faq-answer {\n\n    margin: 0 12px 12px;\n\n    padding: 18px 16px;\n\n  }\n\n\n  #lesson8 .answer-point {\n\n    align-items: flex-start;\n\n    flex-direction: column;\n\n    gap: 6px;\n\n  }\n\n\n  #lesson8 .answer-point strong {\n\n    font-size: 14px;\n\n  }\n\n\n  #lesson8 .faq-answer p {\n\n    font-size: 13px;\n\n    line-height: 1.85;\n\n  }\n\n\n  #lesson8 .faq-message {\n\n    align-items: flex-start;\n\n    padding: 20px;\n\n    gap: 14px;\n\n  }\n\n\n  #lesson8 .faq-message-icon {\n\n    width: 42px;\n    height: 42px;\n\n    font-size: 20px;\n\n  }\n\n\n  #lesson8 .faq-message-text strong {\n\n    font-size: 15px;\n\n  }\n\n\n  #lesson8 .sp-only {\n\n    display: block;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<style data-wp-block-html=\"css\">\n \/* =========================================================\n   NESCOM Winter Learning Guide\n   Lesson \/ Price\n   Soft Intelligence Design\n========================================================= *\/\n\n\n\/* =========================================================\n   Base\n========================================================= *\/\n\n.lesson-price {\n    position: relative;\n    overflow: hidden;\n\n    padding: 10px 0 25px;\n}\n\n\n\/* =========================================================\n   Heading\n========================================================= *\/\n\n.price-heading {\n    max-width: 780px;\n\n    margin: 0 auto 45px;\n\n    text-align: center;\n}\n\n\n.price-label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 7px 15px;\n\n    margin-bottom: 15px;\n\n    border-radius: 50px;\n\n    background: #eef7f3;\n\n    color: #4d806d;\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: 0.18em;\n}\n\n\n.lesson-price .lesson-question {\n    margin-bottom: 23px;\n}\n\n\n.price-lead {\n    max-width: 700px;\n\n    margin: 0 auto;\n\n    color: #596761;\n\n    font-size: 15px;\n    line-height: 2;\n}\n\n\n.price-lead p {\n    margin: 0 0 7px;\n}\n\n\n.price-lead strong {\n    color: #386b59;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Price Hero\n========================================================= *\/\n\n.price-hero {\n    position: relative;\n\n    max-width: 980px;\n\n    margin: 0 auto 28px;\n\n    overflow: hidden;\n\n    border-radius: 26px;\n\n    background:\n        linear-gradient(\n            120deg,\n            #edf7f2 0%,\n            #f7fbf9 50%,\n            #e8f3ee 100%\n        );\n\n    border: 1px solid #d5e7df;\n\n    box-shadow:\n        0 12px 35px rgba(44, 76, 65, 0.08);\n}\n\n\n\/* \u80cc\u666f\u306e\u5186 *\/\n\n.price-hero::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 280px;\n    height: 280px;\n\n    right: -90px;\n    top: -130px;\n\n    border-radius: 50%;\n\n    background: rgba(255,255,255,.45);\n}\n\n\n.price-hero::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 180px;\n    height: 180px;\n\n    left: -80px;\n    bottom: -100px;\n\n    border-radius: 50%;\n\n    border: 1px solid rgba(92,146,125,.12);\n}\n\n\n.price-hero-inner {\n    position: relative;\n    z-index: 1;\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    align-items: center;\n\n    min-height: 260px;\n}\n\n\n\/* =========================================================\n   Price Copy\n========================================================= *\/\n\n.price-copy {\n    padding: 40px 45px;\n}\n\n\n.price-copy-label {\n    display: block;\n\n    margin-bottom: 13px;\n\n    color: #719487;\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.price-copy h3 {\n    margin: 0 0 15px;\n\n    color: #29483d;\n\n    font-size: 28px;\n    font-weight: 700;\n\n    line-height: 1.45;\n}\n\n\n.price-copy p {\n    max-width: 360px;\n\n    margin: 0;\n\n    color: #65746d;\n\n    font-size: 14px;\n\n    line-height: 1.9;\n}\n\n\n\/* =========================================================\n   Main Price\n========================================================= *\/\n\n.price-main {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 220px;\n\n    padding: 30px;\n\n    border-left: 1px solid rgba(105,145,130,.18);\n}\n\n\n.price-unit {\n    margin-bottom: 3px;\n\n    color: #567c6d;\n\n    font-size: 14px;\n    font-weight: 700;\n\n    letter-spacing: .08em;\n}\n\n\n.price-number {\n    display: flex;\n\n    align-items: baseline;\n\n    line-height: 1;\n}\n\n\n.price-number strong {\n    color: #356b58;\n\n    font-size: 76px;\n    font-weight: 800;\n\n    letter-spacing: -.05em;\n}\n\n\n.price-number span {\n    margin-left: 6px;\n\n    color: #356b58;\n\n    font-size: 27px;\n    font-weight: 700;\n}\n\n\n.price-tax {\n    margin-top: 10px;\n\n    color: #83968e;\n\n    font-size: 11px;\n}\n\n\n\/* =========================================================\n   Flexibility Point\n========================================================= *\/\n\n.price-point {\n    display: flex;\n    align-items: center;\n\n    max-width: 900px;\n\n    margin: 0 auto 45px;\n\n    padding: 20px 25px;\n\n    background: #ffffff;\n\n    border: 1px solid #dce9e4;\n\n    border-radius: 17px;\n\n    box-shadow:\n        0 6px 20px rgba(44, 76, 65, 0.045);\n}\n\n\n.price-point-icon {\n    flex: 0 0 auto;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 43px;\n    height: 43px;\n\n    margin-right: 18px;\n\n    border-radius: 50%;\n\n    background: #5c927d;\n\n    color: #ffffff;\n\n    box-shadow:\n        0 5px 12px rgba(65,115,95,.15);\n}\n\n\n.price-point-icon span {\n    font-size: 22px;\n    font-weight: 400;\n}\n\n\n.price-point-text {\n    display: flex;\n    flex-direction: column;\n}\n\n\n.price-point-text > span {\n    margin-bottom: 3px;\n\n    color: #7b978c;\n\n    font-size: 9px;\n    font-weight: 700;\n\n    letter-spacing: .17em;\n}\n\n\n.price-point-text strong {\n    margin-bottom: 3px;\n\n    color: #315c4d;\n\n    font-size: 16px;\n}\n\n\n.price-point-text p {\n    margin: 0;\n\n    color: #68766f;\n\n    font-size: 13px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   Check Section\n========================================================= *\/\n\n.price-check-section {\n    max-width: 900px;\n\n    margin: 0 auto;\n\n    padding: 30px 35px 34px;\n\n    border-radius: 20px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #fafcfb,\n            #f4f8f6\n        );\n\n    border: 1px solid #dce8e3;\n}\n\n\n.price-check-heading {\n    margin-bottom: 22px;\n\n    padding-bottom: 17px;\n\n    border-bottom: 1px solid #dce5e1;\n}\n\n\n.price-check-heading > span {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: #7b978c;\n\n    font-size: 9px;\n    font-weight: 700;\n\n    letter-spacing: .18em;\n}\n\n\n.price-check-heading h3 {\n    margin: 0;\n\n    color: #315c4d;\n\n    font-size: 19px;\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   Check List\n========================================================= *\/\n\n.price-check-list {\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 12px 28px;\n\n    margin: 0;\n\n    padding: 0;\n\n    list-style: none;\n}\n\n\n.price-check-list li {\n    display: flex;\n    align-items: flex-start;\n\n    min-height: 52px;\n\n    padding: 12px 0;\n\n    border-bottom: 1px solid #e3ebe7;\n}\n\n\n.price-check-list li:nth-last-child(-n+2) {\n    border-bottom: none;\n}\n\n\n.check-number {\n    flex: 0 0 auto;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 30px;\n    height: 30px;\n\n    margin-right: 12px;\n\n    border-radius: 50%;\n\n    background: #e7f1ed;\n\n    color: #5c8877;\n\n    font-size: 10px;\n    font-weight: 700;\n}\n\n\n.price-check-list p {\n    flex: 1;\n\n    margin: 2px 0 0;\n\n    color: #5f6f68;\n\n    font-size: 13px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   Responsive\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .lesson-price {\n        padding-top: 5px;\n    }\n\n\n    \/* Heading *\/\n\n    .price-heading {\n        margin-bottom: 32px;\n\n        padding: 0 8px;\n    }\n\n\n    .price-lead {\n        font-size: 14px;\n\n        line-height: 1.9;\n    }\n\n\n    \/* Price Hero *\/\n\n    .price-hero {\n        margin-bottom: 18px;\n\n        border-radius: 20px;\n    }\n\n\n    .price-hero-inner {\n        grid-template-columns: 1fr;\n\n        min-height: auto;\n    }\n\n\n    .price-copy {\n        padding: 27px 25px 15px;\n\n        text-align: center;\n    }\n\n\n    .price-copy-label {\n        margin-bottom: 8px;\n    }\n\n\n    .price-copy h3 {\n        font-size: 23px;\n\n        line-height: 1.4;\n    }\n\n\n    .price-copy p {\n        margin: 0 auto;\n\n        font-size: 13px;\n    }\n\n\n    \/* Price *\/\n\n    .price-main {\n        min-height: auto;\n\n        padding: 10px 20px 30px;\n\n        border-left: none;\n    }\n\n\n    .price-unit {\n        font-size: 13px;\n    }\n\n\n    .price-number strong {\n        font-size: 64px;\n    }\n\n\n    .price-number span {\n        font-size: 23px;\n    }\n\n\n    \/* Point *\/\n\n    .price-point {\n        align-items: flex-start;\n\n        margin-bottom: 30px;\n\n        padding: 17px 18px;\n\n        border-radius: 15px;\n    }\n\n\n    .price-point-icon {\n        width: 38px;\n        height: 38px;\n\n        margin-right: 12px;\n    }\n\n\n    .price-point-text strong {\n        font-size: 14px;\n        line-height: 1.5;\n    }\n\n\n    .price-point-text p {\n        font-size: 12px;\n\n        line-height: 1.7;\n    }\n\n\n    \/* Check *\/\n\n    .price-check-section {\n        padding: 23px 20px 25px;\n\n        border-radius: 17px;\n    }\n\n\n    .price-check-heading {\n        margin-bottom: 12px;\n    }\n\n\n    .price-check-heading h3 {\n        font-size: 17px;\n    }\n\n\n    .price-check-list {\n        grid-template-columns: 1fr;\n\n        gap: 0;\n    }\n\n\n    .price-check-list li,\n    .price-check-list li:nth-last-child(-n+2) {\n        padding: 12px 0;\n\n        border-bottom: 1px solid #e3ebe7;\n    }\n\n\n    .price-check-list li:last-child {\n        border-bottom: none;\n    }\n\n\n    .price-check-list p {\n        font-size: 12.5px;\n    }\n\n}\n\n\n\/* =========================================================\n   Small Mobile\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n    .price-copy {\n        padding-left: 18px;\n        padding-right: 18px;\n    }\n\n\n    .price-copy h3 {\n        font-size: 21px;\n    }\n\n\n    .price-number strong {\n        font-size: 57px;\n    }\n\n\n    .price-number span {\n        font-size: 21px;\n    }\n\n\n    .price-point {\n        padding: 15px;\n    }\n\n\n    .price-check-section {\n        padding: 20px 16px 22px;\n    }\n\n}\n<\/style>\n\n<section class=\"lesson lesson-price\">\n\n    <!-- =========================\n         Header\n    ========================== -->\n\n    <div class=\"price-heading\">\n\n        <span class=\"price-label\">\n            WINTER COURSE \/ PRICE\n        <\/span>\n\n        <h2 class=\"lesson-question\">\n            \u51ac\u671f\u8b1b\u7fd2\u306f1\u56de\uff081\u65e5\uff093,000\u5186\n        <\/h2>\n\n        <div class=\"price-lead\">\n\n            <p>\n                \u51ac\u671f\u8b1b\u7fd2\u306f\n                <strong>1\u56de\uff081\u65e5\uff093,000\u5186<\/strong>\u3067\u3059\u3002\n            <\/p>\n\n            <p>\n                \u53c2\u52a0\u65e5\u306f\u81ea\u7531\u306b\u9078\u629e\u3067\u304d\u307e\u3059\u306e\u3067\u3001\n                \u3054\u5bb6\u5ead\u3084\u90e8\u6d3b\u52d5\u306a\u3069\u306e\u4e88\u5b9a\u306b\u5408\u308f\u305b\u3066\u53d7\u8b1b\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Price Hero\n    ========================== -->\n\n    <div class=\"price-hero\">\n\n        <div class=\"price-hero-inner\">\n\n            <div class=\"price-copy\">\n\n                <span class=\"price-copy-label\">\n                    SIMPLE & FLEXIBLE\n                <\/span>\n\n                <h3>\n                    \u5fc5\u8981\u306a\u65e5\u3060\u3051\u3001<br>\n                    \u7121\u7406\u306a\u304f\u53c2\u52a0\u3002\n                <\/h3>\n\n                <p>\n                    \u51ac\u4f11\u307f\u306e\u4e88\u5b9a\u306b\u5408\u308f\u305b\u3066\u3001\n                    \u53c2\u52a0\u3057\u305f\u3044\u65e5\u3092\u81ea\u7531\u306b\u9078\u3079\u307e\u3059\u3002\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"price-main\">\n\n                <span class=\"price-unit\">\n                    1\u56de\uff081\u65e5\uff09\n                <\/span>\n\n                <div class=\"price-number\">\n                    <strong>3,000<\/strong>\n                    <span>\u5186<\/span>\n                <\/div>\n\n                <span class=\"price-tax\">\n                    \u203b 1\u65e5\u3042\u305f\u308a\u306e\u53d7\u8b1b\u6599\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Flexibility Point\n    ========================== -->\n\n    <div class=\"price-point\">\n\n        <div class=\"price-point-icon\">\n            <span>+<\/span>\n        <\/div>\n\n        <div class=\"price-point-text\">\n\n            <span>\n                FLEXIBLE SCHEDULE\n            <\/span>\n\n            <strong>\n                \u3054\u5bb6\u5ead\u306e\u4e88\u5b9a\u306b\u5408\u308f\u305b\u3066\u53c2\u52a0\u3067\u304d\u307e\u3059\n            <\/strong>\n\n            <p>\n                \u300c\u3053\u306e\u65e5\u306f\u4e88\u5b9a\u304c\u3042\u308b\u300d\u3068\u3044\u3046\u5834\u5408\u3082\u5927\u4e08\u592b\u3002\n                \u5fc5\u8981\u306a\u65e5\u3092\u9078\u3093\u3067\u3001\u51ac\u4f11\u307f\u306e\u5b66\u7fd2\u6642\u9593\u3092\u78ba\u4fdd\u3067\u304d\u307e\u3059\u3002\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =========================\n         Check List\n    ========================== -->\n\n    <div class=\"price-check-section\">\n\n        <div class=\"price-check-heading\">\n\n            <span>\n                PLEASE CHECK\n            <\/span>\n\n            <h3>\n                \u304a\u7533\u3057\u8fbc\u307f\u524d\u306b\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n            <\/h3>\n\n        <\/div>\n\n\n        <ul class=\"price-check-list\">\n\n            <li>\n                <span class=\"check-number\">01<\/span>\n                <p>\n                    \u901a\u5e38\u6388\u696d\u3068\u51ac\u671f\u8b1b\u7fd2\u306f\u540c\u65e5\u306b\u53d7\u8b1b\u3067\u304d\u307e\u305b\u3093\u3002\n                <\/p>\n            <\/li>\n\n            <li>\n                <span class=\"check-number\">02<\/span>\n                <p>\n                    \u901a\u5e38\u6388\u696d\u65e5\u3092\u3054\u5e0c\u671b\u306e\u5834\u5408\u306f\u3001\u5225\u65e5\u3078\u632f\u66ff\u3067\u304d\u307e\u3059\u3002\n                <\/p>\n            <\/li>\n\n            <li>\n                <span class=\"check-number\">03<\/span>\n                <p>\n                    \u304a\u7533\u3057\u8fbc\u307f\u5f8c\u306e\u30ad\u30e3\u30f3\u30bb\u30eb\u306f\u3067\u304d\u307e\u305b\u3093\u3002\n                <\/p>\n            <\/li>\n\n            <li>\n                <span class=\"check-number\">04<\/span>\n                <p>\n                    \u6e80\u5e2d\u306e\u5834\u5408\u306f\u3001\u304a\u7533\u3057\u8fbc\u307f\u9806\u3068\u306a\u308a\u307e\u3059\u3002\n                <\/p>\n            <\/li>\n\n        <\/ul>\n\n    <\/div>\n\n<\/section>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-20-683x1024.png\" alt=\"\" class=\"wp-image-4056\" srcset=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-20-683x1024.png 683w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-20-200x300.png 200w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-20-768x1152.png 768w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-20.png 1024w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-12-1024x683.png\" alt=\"\" class=\"wp-image-3984\" srcset=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-12-1024x683.png 1024w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-12-300x200.png 300w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-12-768x512.png 768w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-12.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*==============================\n Last Message\n==============================*\/\n\n.lesson-call{\n\n    background:#eff6ff;\n\n    border:1px solid #bfdbfe;\n\n    border-radius:16px;\n\n    padding:35px;\n\n    margin:40px 0;\n\n    text-align:center;\n\n}\n\n.lesson-call p{\n\n    margin:15px 0;\n\n    line-height:2;\n\n}\n\n.lesson-call h3{\n\n    margin:25px 0 20px;\n\n    color:#2563eb;\n\n    font-size:28px;\n\n}\n<\/style>\n\n<div class=\"lesson-call\">\n\n    <p>\n        \u3053\u3053\u307e\u3067\u8aad\u307f\u9032\u3081\u305f\u3068\u3044\u3046\u3053\u3068\u306f\u3001<br>\n        \u51ac\u4f11\u307f\u306e\u52c9\u5f37\u3092\u300c\u306a\u3093\u3068\u306a\u304f\u300d\u3067\u306f\u306a\u304f\u3001<br>\n        \u3057\u3063\u304b\u308a\u5909\u3048\u305f\u3044\u3068\u8003\u3048\u3066\u3044\u308b\u306f\u305a\u3067\u3059\u3002\n    <\/p>\n\n    <p>\n        \u3042\u3068\u306f\u4e00\u6b69\u8e0f\u307f\u51fa\u3059\u3060\u3051\u3067\u3001\u5b66\u7fd2\u306e\u6d41\u308c\u306f\u5909\u308f\u308a\u307e\u3059\u3002\n    <\/p>\n\n    <h3>\n        \u884c\u52d5\u3057\u305f\u4eba\u304b\u3089\u3001\u7d50\u679c\u306f\u5909\u308f\u308a\u307e\u3059\u3002\n    <\/h3>\n\n    <p>\n        \u51ac\u4f11\u307f\u306f\u77ed\u3044\u304b\u3089\u3053\u305d\u3001<br>\n        \u6700\u521d\u306e\u4e00\u6b69\u304c\u3059\u3079\u3066\u3092\u6c7a\u3081\u307e\u3059\u3002\n    <\/p>\n\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeiWIzq2AbjmfY5dhtiIkCn_nI2jNqcKjclloBeyz1RpSDyqw\/viewform?usp=preview\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-14-1024x683.png\" alt=\"\" class=\"wp-image-3990\" srcset=\"https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-14-1024x683.png 1024w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-14-300x200.png 300w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-14-768x512.png 768w, https:\/\/nansiki.net\/2018\/wp-content\/uploads\/2026\/07\/image-14.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<style data-wp-block-html=\"css\">\n\/*========================================\n  Lesson10\n  Winter Learning Guide 2026 FINAL\n========================================*\/\n\n#lesson10.lesson-final{\n\n    position:relative;\n\n    max-width:1100px;\n\n    margin:0 auto;\n\n    padding:80px 20px 70px;\n\n    overflow:hidden;\n\n    color:#26332f;\n\n    box-sizing:border-box;\n}\n\n\n\/*========================================\n  \u80cc\u666f\u306e\u30a2\u30af\u30bb\u30f3\u30c8\n========================================*\/\n\n#lesson10.lesson-final::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    top:-180px;\n    right:-180px;\n\n    width:420px;\n    height:420px;\n\n    border-radius:50%;\n\n    background:#eef7f3;\n\n    z-index:0;\n\n}\n\n#lesson10.lesson-final::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    bottom:180px;\n    left:-220px;\n\n    width:420px;\n    height:420px;\n\n    border-radius:50%;\n\n    background:#f5f8f7;\n\n    z-index:0;\n\n}\n\n\n\/*========================================\n  \u5168\u4f53\u3092\u524d\u9762\u3078\n========================================*\/\n\n#lesson10.lesson-final > *{\n\n    position:relative;\n\n    z-index:1;\n\n}\n\n\n\/*========================================\n  FINAL HERO\n========================================*\/\n\n#lesson10 .final-hero{\n\n    position:relative;\n\n    text-align:center;\n\n    padding:20px 20px 55px;\n\n}\n\n\n\/* \u5c0f\u3055\u306a\u30e9\u30d9\u30eb *\/\n\n#lesson10 .final-hero-badge{\n\n    display:inline-block;\n\n    margin-bottom:22px;\n\n    padding:7px 15px;\n\n    border-radius:30px;\n\n    background:#eef7f3;\n\n    color:#287c62;\n\n    font-size:11px;\n\n    font-weight:800;\n\n    letter-spacing:2px;\n\n}\n\n\n\/* ? \u30de\u30fc\u30af *\/\n\n#lesson10 .final-question-mark{\n\n    width:74px;\n    height:74px;\n\n    margin:0 auto 20px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:#287c62;\n\n    color:#ffffff;\n\n    font-size:42px;\n\n    font-weight:800;\n\n    box-shadow:\n        0 12px 30px rgba(40,124,98,.20);\n\n}\n\n\n\/* \u30bf\u30a4\u30c8\u30eb *\/\n\n#lesson10 .final-hero .lesson-question{\n\n    margin:0;\n\n    color:#26332f;\n\n    font-size:34px;\n\n    line-height:1.5;\n\n    font-weight:800;\n\n}\n\n\n\/* \u30ea\u30fc\u30c9 *\/\n\n#lesson10 .final-lead{\n\n    margin:20px 0 0;\n\n    color:#68736f;\n\n    font-size:17px;\n\n    line-height:1.8;\n\n}\n\n#lesson10 .final-lead strong{\n\n    color:#287c62;\n\n    font-size:20px;\n\n}\n\n\n\/*========================================\n  MESSAGE\n========================================*\/\n\n#lesson10 .final-message{\n\n    max-width:760px;\n\n    margin:0 auto 55px;\n\n    padding:28px 35px;\n\n    background:#ffffff;\n\n    border:1px solid #e3ebe7;\n\n    border-radius:18px;\n\n    box-shadow:\n        0 8px 25px rgba(0,0,0,.04);\n\n    text-align:center;\n\n}\n\n\n#lesson10 .final-message-label{\n\n    display:inline-block;\n\n    margin-bottom:12px;\n\n    color:#287c62;\n\n    font-size:10px;\n\n    font-weight:800;\n\n    letter-spacing:2px;\n\n}\n\n\n#lesson10 .final-message p{\n\n    margin:8px 0;\n\n    color:#596761;\n\n    font-size:14px;\n\n    line-height:1.9;\n\n}\n\n\n\/*========================================\n  CONCERNS\n========================================*\/\n\n#lesson10 .final-concerns{\n\n    max-width:960px;\n\n    margin:0 auto 60px;\n\n}\n\n\n#lesson10 .final-section-title{\n\n    text-align:center;\n\n    margin-bottom:25px;\n\n}\n\n\n#lesson10 .final-section-title span{\n\n    display:block;\n\n    margin-bottom:5px;\n\n    color:#7b8782;\n\n    font-size:13px;\n\n    font-weight:700;\n\n}\n\n\n#lesson10 .final-section-title strong{\n\n    color:#287c62;\n\n    font-size:23px;\n\n    font-weight:800;\n\n}\n\n\n\/*========================================\n  CONCERN GRID\n========================================*\/\n\n#lesson10 .concern-grid{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:16px;\n\n}\n\n\n#lesson10 .concern-card{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:15px;\n\n    padding:22px 20px;\n\n    background:#ffffff;\n\n    border:1px solid #e4ebe8;\n\n    border-radius:16px;\n\n    box-shadow:\n        0 5px 18px rgba(0,0,0,.035);\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n\n}\n\n\n#lesson10 .concern-card:hover{\n\n    transform:translateY(-4px);\n\n    box-shadow:\n        0 12px 25px rgba(0,0,0,.08);\n\n}\n\n\n\/* \u30a2\u30a4\u30b3\u30f3 *\/\n\n#lesson10 .concern-icon{\n\n    width:48px;\n    height:48px;\n\n    flex-shrink:0;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border-radius:14px;\n\n    background:#f0f7f4;\n\n    color:#287c62;\n\n    font-size:23px;\n\n    font-weight:800;\n\n}\n\n\n\/* \u30e9\u30d9\u30eb *\/\n\n#lesson10 .concern-card small{\n\n    display:block;\n\n    margin-bottom:4px;\n\n    color:#9aa49f;\n\n    font-size:9px;\n\n    font-weight:800;\n\n    letter-spacing:1px;\n\n}\n\n\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\n\n#lesson10 .concern-card p{\n\n    margin:0;\n\n    color:#35423d;\n\n    font-size:14px;\n\n    font-weight:700;\n\n    line-height:1.55;\n\n}\n\n\n\/*========================================\n  FINAL SUMMARY\n========================================*\/\n\n#lesson10 .final-summary{\n\n    max-width:850px;\n\n    margin:0 auto 55px;\n\n    padding:45px 25px;\n\n    text-align:center;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f1f8f5,\n            #f8fbfa\n        );\n\n    border-radius:24px;\n\n    border:1px solid #dceae5;\n\n}\n\n\n\/* \u4e0a\u306e\u30e9\u30a4\u30f3 *\/\n\n#lesson10 .final-summary-top{\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:14px;\n\n    margin-bottom:20px;\n\n    color:#71807a;\n\n    font-size:10px;\n\n    font-weight:800;\n\n    letter-spacing:1.5px;\n\n}\n\n\n#lesson10 .summary-line{\n\n    width:45px;\n\n    height:1px;\n\n    background:#b9d4ca;\n\n}\n\n\n\/* \u5927\u304d\u306a\u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n\n#lesson10 .final-big-message{\n\n    margin-bottom:18px;\n\n    color:#26332f;\n\n    font-size:32px;\n\n    font-weight:800;\n\n    line-height:1.5;\n\n}\n\n\n#lesson10 .final-big-message span{\n\n    color:#287c62;\n\n}\n\n\n\/* \u8aac\u660e *\/\n\n#lesson10 .final-summary p{\n\n    margin:0;\n\n    color:#62706a;\n\n    font-size:14px;\n\n    line-height:1.9;\n\n}\n\n\n\/*========================================\n  CTA\n========================================*\/\n\n#lesson10 .final-cta{\n\n    max-width:620px;\n\n    margin:0 auto;\n\n    padding:40px 30px;\n\n    background:#ffffff;\n\n    border:1px solid #dfe9e5;\n\n    border-radius:24px;\n\n    box-shadow:\n        0 15px 40px rgba(0,0,0,.07);\n\n    text-align:center;\n\n}\n\n\n#lesson10 .final-cta-label{\n\n    margin-bottom:7px;\n\n    color:#287c62;\n\n    font-size:10px;\n\n    font-weight:800;\n\n    letter-spacing:2px;\n\n}\n\n\n#lesson10 .final-cta h3{\n\n    margin:0;\n\n    color:#26332f;\n\n    font-size:27px;\n\n    line-height:1.5;\n\n}\n\n\n#lesson10 .final-cta > p{\n\n    margin:10px 0 25px;\n\n    color:#74807b;\n\n    font-size:13px;\n\n    line-height:1.8;\n\n}\n\n\n\/*========================================\n  BUTTONS\n========================================*\/\n\n#lesson10 .lesson-buttons{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:13px;\n\n    max-width:460px;\n\n    margin:0 auto;\n\n}\n\n\n\/* \u5171\u901a *\/\n\n#lesson10 .btn-cta,\n#lesson10 .btn-contact{\n\n    position:relative;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    width:100%;\n\n    min-height:62px;\n\n    box-sizing:border-box;\n\n    padding:16px 55px 16px 24px;\n\n    border-radius:14px;\n\n    text-align:center;\n\n    text-decoration:none;\n\n    font-size:16px;\n\n    font-weight:800;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease,\n        background .25s ease;\n\n}\n\n\n\/*========================================\n  CTA MAIN\n========================================*\/\n\n#lesson10 .btn-cta{\n\n    background:#287c62;\n\n    color:#ffffff !important;\n\n    box-shadow:\n        0 10px 22px rgba(40,124,98,.22);\n\n}\n\n\n#lesson10 .btn-cta:hover{\n\n    background:#216b53;\n\n    color:#ffffff !important;\n\n    transform:translateY(-3px);\n\n    box-shadow:\n        0 14px 28px rgba(40,124,98,.28);\n\n}\n\n\n\/*========================================\n  CONTACT\n========================================*\/\n\n#lesson10 .btn-contact{\n\n    background:#ffffff;\n\n    color:#287c62 !important;\n\n    border:2px solid #287c62;\n\n}\n\n\n#lesson10 .btn-contact:hover{\n\n    background:#f0f7f4;\n\n    color:#287c62 !important;\n\n    transform:translateY(-3px);\n\n}\n\n\n\/* \u77e2\u5370 *\/\n\n#lesson10 .btn-cta b,\n#lesson10 .btn-contact b{\n\n    position:absolute;\n\n    right:22px;\n\n    font-size:22px;\n\n    font-weight:400;\n\n    transition:\n        transform .25s ease;\n\n}\n\n\n#lesson10 .btn-cta:hover b,\n#lesson10 .btn-contact:hover b{\n\n    transform:translateX(5px);\n\n}\n\n\n\/*========================================\n  ENDING\n========================================*\/\n\n#lesson10 .lesson-ending{\n\n    margin:65px auto 0;\n\n    text-align:center;\n\n    color:#66736d;\n\n}\n\n\n#lesson10 .ending-mark{\n\n    margin-bottom:15px;\n\n    color:#287c62;\n\n    font-size:22px;\n\n}\n\n\n#lesson10 .lesson-ending p{\n\n    margin:8px 0;\n\n    line-height:1.9;\n\n    font-size:13px;\n\n}\n\n\n#lesson10 .lesson-ending .ending-thanks{\n\n    color:#34423c;\n\n    font-size:15px;\n\n    font-weight:700;\n\n}\n\n\n\/*========================================\n  CREDIT\n========================================*\/\n\n#lesson10 .lesson-credit{\n\n    max-width:600px;\n\n    margin:40px auto 0;\n\n    padding-top:25px;\n\n    border-top:1px solid #dce7e2;\n\n    text-align:center;\n\n    color:#7b8782;\n\n}\n\n\n#lesson10 .credit-logo{\n\n    margin-bottom:5px;\n\n    color:#287c62;\n\n    font-size:12px;\n\n    font-weight:900;\n\n    letter-spacing:3px;\n\n}\n\n\n#lesson10 .lesson-credit h3{\n\n    margin:0 0 6px;\n\n    color:#596761;\n\n    font-size:18px;\n\n    font-weight:700;\n\n}\n\n\n#lesson10 .lesson-credit p{\n\n    margin:0;\n\n    font-size:12px;\n\n}\n\n\n\/*========================================\n  SMARTPHONE\n========================================*\/\n\n@media(max-width:700px){\n\n    #lesson10.lesson-final{\n\n        padding:55px 15px 50px;\n\n    }\n\n\n    \/* HERO *\/\n\n    #lesson10 .final-hero{\n\n        padding:10px 10px 40px;\n\n    }\n\n\n    #lesson10 .final-hero-badge{\n\n        font-size:9px;\n\n        letter-spacing:1.5px;\n\n    }\n\n\n    #lesson10 .final-question-mark{\n\n        width:60px;\n        height:60px;\n\n        font-size:34px;\n\n    }\n\n\n    #lesson10 .final-hero .lesson-question{\n\n        font-size:25px;\n\n        line-height:1.55;\n\n    }\n\n\n    #lesson10 .final-lead{\n\n        font-size:14px;\n\n    }\n\n\n    #lesson10 .final-lead strong{\n\n        font-size:17px;\n\n    }\n\n\n    \/* MESSAGE *\/\n\n    #lesson10 .final-message{\n\n        padding:22px 20px;\n\n        margin-bottom:40px;\n\n    }\n\n\n    #lesson10 .final-message p{\n\n        font-size:13px;\n\n        line-height:1.85;\n\n    }\n\n\n    \/* CONCERNS *\/\n\n    #lesson10 .final-concerns{\n\n        margin-bottom:40px;\n\n    }\n\n\n    #lesson10 .final-section-title strong{\n\n        font-size:20px;\n\n    }\n\n\n    #lesson10 .concern-grid{\n\n        grid-template-columns:1fr;\n\n        gap:10px;\n\n    }\n\n\n    #lesson10 .concern-card{\n\n        padding:17px;\n\n    }\n\n\n    \/* SUMMARY *\/\n\n    #lesson10 .final-summary{\n\n        padding:35px 20px;\n\n        margin-bottom:40px;\n\n        border-radius:20px;\n\n    }\n\n\n    #lesson10 .final-big-message{\n\n        font-size:27px;\n\n    }\n\n\n    #lesson10 .final-summary p{\n\n        font-size:13px;\n\n    }\n\n\n    \/* CTA *\/\n\n    #lesson10 .final-cta{\n\n        padding:30px 18px;\n\n        border-radius:20px;\n\n    }\n\n\n    #lesson10 .final-cta h3{\n\n        font-size:23px;\n\n    }\n\n\n    #lesson10 .btn-cta,\n    #lesson10 .btn-contact{\n\n        min-height:58px;\n\n        font-size:15px;\n\n    }\n\n\n    \/* ENDING *\/\n\n    #lesson10 .lesson-ending{\n\n        margin-top:45px;\n\n    }\n\n\n    #lesson10 .lesson-credit{\n\n        margin-top:35px;\n\n    }\n\n\n    .sp-only{\n\n        display:block;\n\n    }\n\n}\n\n\n\/*========================================\n  DESKTOP\u3067\u306f\u6539\u884c\u3092\u901a\u5e38\u5316\n========================================*\/\n\n@media(min-width:701px){\n\n    #lesson10 .sp-only{\n\n        display:none;\n\n    }\n\n}\n<\/style>\n\n<section class=\"lesson lesson-final\" id=\"lesson10\">\n\n  <!-- =====================================\n       FINAL HERO\n  ====================================== -->\n  <div class=\"final-hero\">\n\n    <div class=\"final-hero-badge\">\n      WINTER LEARNING GUIDE 2026\n    <\/div>\n\n    <div class=\"final-question-mark\">\n      ?\n    <\/div>\n\n    <h2 class=\"lesson-question\">\n      \u51ac\u671f\u8b1b\u7fd2\u306b\u53c2\u52a0\u3059\u308b<br class=\"sp-only\">\n      \u6e96\u5099\u306f\u3067\u304d\u3066\u3044\u307e\u3059\u304b\uff1f\n    <\/h2>\n\n    <p class=\"final-lead\">\n      \u3053\u306e\u51ac\u3092\u3001<strong>\u300c\u3067\u304d\u308b\u300d\u304c\u5897\u3048\u308b\u6642\u9593<\/strong>\u306b\u3002\n    <\/p>\n\n  <\/div>\n\n\n  <!-- =====================================\n       MESSAGE\n  ====================================== -->\n  <div class=\"final-message\">\n\n    <div class=\"final-message-label\">\n      MESSAGE\n    <\/div>\n\n    <p>\n      \u3053\u3053\u307e\u3067\u8aad\u307f\u9032\u3081\u3066\u3044\u305f\u3060\u304d\u3001<br class=\"sp-only\">\n      \u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002\n    <\/p>\n\n    <p>\n      \u51ac\u4f11\u307f\u306f\u4e00\u5e74\u306e\u4e2d\u3067\u3082\u3063\u3068\u3082\u77ed\u3044\u9577\u671f\u4f11\u6687\u3067\u3059\u304c\u3001\n      \u5b66\u7fd2\u306e\u9032\u3081\u65b9\u6b21\u7b2c\u3067\u3001\u5927\u304d\u304f\u6210\u9577\u3067\u304d\u308b\u8cb4\u91cd\u306a\u6642\u9593\u3067\u3059\u3002\n    <\/p>\n\n  <\/div>\n\n\n  <!-- =====================================\n       STUDENT VOICE \/ CONCERNS\n  ====================================== -->\n  <div class=\"final-concerns\">\n\n    <div class=\"final-section-title\">\n      <span>\u3053\u3093\u306a\u6c17\u6301\u3061\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/span>\n      <strong>\u3053\u306e\u51ac\u3001\u5909\u3048\u308b\u30c1\u30e3\u30f3\u30b9\u3067\u3059\u3002<\/strong>\n    <\/div>\n\n\n    <div class=\"concern-grid\">\n\n      <div class=\"concern-card\">\n        <div class=\"concern-icon\">?<\/div>\n\n        <div>\n          <small>QUESTION<\/small>\n          <p>\n            \u4f55\u3092\u52c9\u5f37\u3059\u308c\u3070<br>\n            \u3044\u3044\u304b\u5206\u304b\u3089\u306a\u3044\n          <\/p>\n        <\/div>\n      <\/div>\n\n\n      <div class=\"concern-card\">\n        <div class=\"concern-icon\">!<\/div>\n\n        <div>\n          <small>CHALLENGE<\/small>\n          <p>\n            \u82e6\u624b\u306a\u3068\u3053\u308d\u3092<br>\n            \u514b\u670d\u3057\u305f\u3044\n          <\/p>\n        <\/div>\n      <\/div>\n\n\n      <div class=\"concern-card\">\n        <div class=\"concern-icon\">\u2605<\/div>\n\n        <div>\n          <small>GOAL<\/small>\n          <p>\n            \u53d7\u9a13\u306b\u5411\u3051\u3066<br>\n            \u81ea\u4fe1\u3092\u3064\u3051\u305f\u3044\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================\n       MAIN MESSAGE\n  ====================================== -->\n  <div class=\"final-summary\">\n\n    <div class=\"final-summary-top\">\n      <span class=\"summary-line\"><\/span>\n      <span>NESCOM\u306e\u51ac\u671f\u8b1b\u7fd2<\/span>\n      <span class=\"summary-line\"><\/span>\n    <\/div>\n\n    <div class=\"final-big-message\">\n      \u300c\u3067\u304d\u305f\uff01\u300d\u3092<br>\n      <span>\u3072\u3068\u3064\u305a\u3064\u3002<\/span>\n    <\/div>\n\n    <p>\n      \u4e00\u4eba\u3072\u3068\u308a\u306e\u76ee\u6a19\u306b\u5408\u308f\u305b\u3066\u5b66\u7fd2\u8a08\u753b\u3092\u7acb\u3066\u3001<br>\n      \u3053\u306e\u51ac\u3092\u300c\u3067\u304d\u308b\u300d\u304c\u5897\u3048\u308b\u6642\u9593\u306b\u3057\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002\n    <\/p>\n\n  <\/div>\n\n\n  <!-- =====================================\n       CTA\n  ====================================== -->\n  <div class=\"final-cta\">\n\n    <div class=\"final-cta-label\">\n      NEXT STEP\n    <\/div>\n\n    <h3>\n      \u6700\u521d\u306e\u4e00\u6b69\u3092\u3001<br class=\"sp-only\">\n      \u3053\u3053\u304b\u3089\u3002\n    <\/h3>\n\n    <p>\n      \u51ac\u4f11\u307f\u306e\u904e\u3054\u3057\u65b9\u306f\u3001<br class=\"sp-only\">\n      \u6700\u521d\u306e\u4e00\u6b69\u3067\u5909\u308f\u308a\u307e\u3059\u3002\n    <\/p>\n\n\n    <div class=\"lesson-buttons\">\n\n      <a\n        href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeiWIzq2AbjmfY5dhtiIkCn_nI2jNqcKjclloBeyz1RpSDyqw\/viewform?usp=preview\"\n        class=\"btn-cta\"\n      >\n        <span>\u51ac\u671f\u8b1b\u7fd2\u306b\u7533\u3057\u8fbc\u3080<\/span>\n        <b>\u2192<\/b>\n      <\/a>\n\n\n      \n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================\n       ENDING\n  ====================================== -->\n  <div class=\"lesson-ending\">\n\n    <div class=\"ending-mark\">\n      \u2726\n    <\/div>\n\n    <p class=\"ending-thanks\">\n      \u6700\u5f8c\u307e\u3067\u304a\u8aad\u307f\u3044\u305f\u3060\u304d\u3001<br class=\"sp-only\">\n      \u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002\n    <\/p>\n\n    <p>\n      \u4eca\u5e74\u306e\u51ac\u3082\u3001\u4e00\u4eba\u3072\u3068\u308a\u306e\u300c\u3067\u304d\u305f\uff01\u300d\u3092\u5897\u3084\u305b\u308b\u3088\u3046\u3001<br>\n      \u30b9\u30bf\u30c3\u30d5\u4e00\u540c\u304a\u5f85\u3061\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n    <\/p>\n\n  <\/div>\n\n\n  <!-- =====================================\n       CREDIT\n  ====================================== -->\n  <div class=\"lesson-credit\">\n\n    <div class=\"credit-logo\">\n      NESCOM\n    <\/div>\n\n    <h3>\n      Winter Learning Guide 2026\n    <\/h3>\n\n    <p>\n      NESCOM\u4e2d\u91ce\u6559\u5ba4\n    <\/p>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u4e2d\u5b66\u751f\u30fb\u4fdd\u8b77\u8005\u5411\u3051 WINTER LEARNING GUIDE \u4eca\u5e74\u306e\u51ac\u3001 \u300c\u308f\u304b\u308b\u300d\u3092 \u300c\u3067\u304d\u308b\u300d \u306b\u5909\u3048\u3088\u3046\u3002 BOOK Winter Learning Guide 2026 \u51ac\u671f\u8b1b\u7fd2\u306e\u3054\u6848\u5185 \u51ac\u4f11\u307f\u306e\u52c9\u5f37\u6cd5\u304b\u3089\u51ac\u671f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","vkExUnit_EyeCatch_disable":"","_veu_custom_css":"","veu_display_promotion_alert":"common","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":{"layout":"col-one-no-subsection"},"footnotes":""},"class_list":["post-579","page","type-page","status-publish","hentry"],"acf":[],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/pages\/579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/comments?post=579"}],"version-history":[{"count":187,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/pages\/579\/revisions"}],"predecessor-version":[{"id":4302,"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/pages\/579\/revisions\/4302"}],"wp:attachment":[{"href":"https:\/\/nansiki.net\/2018\/wp-json\/wp\/v2\/media?parent=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}