@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap");.reviews-section{max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:60px}@media screen and (max-width: 768px){.reviews-section{margin-bottom:20px}}.reviews-section .reviews-cards{display:flex;gap:24px;flex-wrap:wrap}@media screen and (max-width: 768px){.reviews-section .reviews-cards{gap:20px}}.reviews-section .reviews-cards .review-card{flex:1 1 30%;min-width:280px;background:#F7F7F7;border-radius:12px;padding:24px;margin-bottom:16px}@media screen and (max-width: 768px){.reviews-section .reviews-cards .review-card{margin-bottom:0}}.reviews-section .reviews-cards .review-card .review-stars{color:#FFD966;font-size:20px;margin-bottom:8px}.reviews-section .reviews-cards .review-card .review-stars .star-gray{color:#E0E0E0}.reviews-section .reviews-cards .review-card .review-user{display:flex;align-items:center;margin-bottom:16px}.reviews-section .reviews-cards .review-card .review-user .review-avatar{margin-right:12px}.reviews-section .reviews-cards .review-card .review-user .review-avatar .avatar-image{height:40px}.reviews-section .reviews-cards .review-card .review-user .review-name{font-size:14px;font-weight:bold}.reviews-section .reviews-cards .review-card .review-user .review-attributes{font-size:12px;color:#000}.reviews-section .reviews-cards .review-card .review-courses{font-size:14px;color:#000;margin-bottom:16px}.reviews-section .reviews-cards .review-card .review-courses .title{font-weight:bold;color:#0000007D;font-size:10px;margin-bottom:8px}.reviews-section .reviews-cards .review-card .review-tags{margin-bottom:16px}.reviews-section .reviews-cards .review-card .review-tags .review-tag{display:inline-block;background:#FFFFFF;color:#000;border-radius:8px;border:1px solid #0000001A;font-size:12px;padding:4px 10px;margin-right:4px;margin-bottom:2px}.reviews-section .reviews-cards .review-card .review-comment p{font-size:13px;color:#000000B3;line-height:200%}*,html,body{box-sizing:border-box;padding:0;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Noto Sans JP' !important;color:#333;position:relative;min-height:100%}a{color:#333;text-decoration:none}header{display:flex;justify-content:space-between;height:80px;border-bottom:1px solid #E8E8E8}@media screen and (max-width: 768px){header{height:64px}}.logo{margin:30px}@media screen and (max-width: 768px){.logo{margin:24px auto;display:flex;justify-content:center}}footer{margin:0 auto;padding:16px 0;font-size:14px;color:#333;background-color:#fff;border-top:1px solid #E8E8E8;text-align:center;font-weight:bold}@media screen and (max-width: 768px){footer{padding-bottom:82px}}.backend-primary{background-color:#1847C7;color:#fff}.backend-darkgray{background-color:#333;color:#fff}.backend-silver{background-color:#F8F8F8;color:#333}.to-nano-link-buttons-container{display:flex;justify-content:center}@media screen and (max-width: 768px){.to-nano-link-buttons-container{display:flex;position:fixed;bottom:0;width:100%;background-color:white;z-index:1000}}.to-nano-link-buttons-container .button{width:175px;height:50px;margin:16px 8px;padding:13px 0;border-radius:8px;text-align:center;cursor:pointer;font-size:14px;font-weight:bold;color:white}@media screen and (max-width: 768px){.to-nano-link-buttons-container .button{width:170px;font-size:14px;margin:8px 6px}}.to-nano-link-buttons-container .to-apply-button{background-color:orange}.to-nano-link-buttons-container .to-nano-button{background-color:#1847C7}.to-nano-link-buttons-container-fixed{display:flex;justify-content:center}@media screen and (max-width: 768px){.to-nano-link-buttons-container-fixed{margin-top:20px}}.to-nano-link-buttons-container-fixed .button{width:175px;height:50px;margin:0 8px;padding:13px 0;border-radius:8px;text-align:center;cursor:pointer;font-size:14px;font-weight:bold;color:white}@media screen and (max-width: 768px){.to-nano-link-buttons-container-fixed .button{width:150px;font-size:14px;margin:8px 6px}}.to-nano-link-buttons-container-fixed .to-apply-button{background-color:orange}.to-nano-link-buttons-container-fixed .to-nano-button{background-color:#1847C7}nav[aria-label="breadcrumb"] .breadcrumb{padding:12px 32px;list-style:none;border-bottom:1px solid #E8E8E8}@media screen and (max-width: 768px){nav[aria-label="breadcrumb"] .breadcrumb{padding:8px 0;display:flex;justify-content:center}}nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item{display:inline-block;font-size:12px;line-height:120%}nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item:not(:last-child)::after{content:">";padding:0 0.5rem;color:#6c757d}nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item a{text-decoration:underline}@media screen and (max-width: 768px){nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item .breadcrumb-link{display:inline-block;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}section{max-width:1248px;margin:0 auto;text-align:center}@media screen and (max-width: 768px){section{max-width:100%}}section.fill-width{max-width:100%}@media screen and (max-width: 768px){section.fill-width{padding:0}}section .section-container{padding:0 24px}section .fill-width-container{width:100%}section .fill-width-inner{max-width:1200px;margin:0 auto}section.text-white{color:white}section.text-align-left{text-align:left}section.eyecatch{width:100%;background-image:url(/r/reflections/bg-pc-m.webp);background-size:cover;background-position:50% 20%;object-fit:cover}@media screen and (max-width: 768px){section.eyecatch{background-image:url(/r/reflections/bg-sp-m.webp)}}section.eyecatch-w{background-image:url(/r/reflections/bg-pc-w.webp)}@media screen and (max-width: 768px){section.eyecatch-w{background-image:url(/r/reflections/bg-sp-w.webp)}}section .section-title{margin-top:64px;margin-bottom:32px;font-size:32px;font-weight:bold;line-height:140%}@media screen and (max-width: 768px){section .section-title{margin-top:40px;margin-bottom:24px;font-size:24px}}section .section-sub-title{font-size:14px;font-weight:bold;line-height:140%}section .section-title-span-pc{display:block}@media screen and (max-width: 768px){section .section-title-span-pc{display:none}}section .section-title-span-sp{display:none}@media screen and (max-width: 768px){section .section-title-span-sp{display:block}}.apply-banner.index{padding:64px 24px 0 24px !important}@media screen and (max-width: 768px){.apply-banner.index{padding:48px 24px 24px 24px !important}}.apply-banner.article{max-width:1248px;margin:0 auto;padding:24px 0 0 0 !important}@media screen and (max-width: 768px){.apply-banner.article{padding:24px 0 !important}}.apply-banner img{width:100%}.keywords{padding:48px 0 !important;display:flex;justify-content:start;flex-wrap:wrap}@media screen and (max-width: 768px){.keywords{padding:24px !important;justify-content:center}}.keyword-tags{display:flex;justify-content:start;flex-wrap:wrap;gap:16px}@media screen and (max-width: 768px){.keyword-tags{margin-left:24px;margin-right:24px}}.keyword-tags.white-tags{justify-content:center}.keyword-tags .keyword-tag{padding:16px 10px;border-radius:30px;font-size:13px}.keyword-tags .keyword-tag .back-white{background-color:rgba(255,255,255,0.1);padding:8px 12px;border-radius:20px;font-weight:bold;font-size:13px}.keyword-tags .keyword-tag .icon{height:16px;margin-left:2px;display:inline-block;vertical-align:sub}.keyword-tags .keyword-tag .icon-white{margin-left:2px;height:20px;display:inline-block;vertical-align:middle}.keyword-tags .keyword-tag.blue{background-color:#1847C7;color:white}.keyword-tags .keyword-tag.white{padding:12px 14px !important;background-color:white;color:#333;font-weight:bold;padding:12px 16px 8px 16px}.keyword-label{display:flex;justify-content:flex-start;align-items:center;width:fit-content}.keyword-label .keyword-label-word{padding:12px 16px;background-color:#fff;color:#333;font-size:12px;border-radius:20px;font-weight:700;line-height:160%}@media screen and (max-width: 768px){.keyword-label .keyword-label-word{padding:8px 12px}}.keyword-label .keyword-label-space{padding-left:8px;padding-right:8px}.article-course-card{position:relative;width:364px;min-height:272px;border-radius:8px;padding:20px 24px;margin:16px;text-align:left;overflow:hidden;white-space:normal;background-color:white;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.16);background-size:cover;background-position:center;background-image:url(/r/reflections/courses/NLC.webp)}@media screen and (max-width: 768px){.article-course-card{min-height:261px}}.article-course-card.bg-nct{background-image:url(/r/reflections/courses/NCT.webp)}.article-course-card.bg-nda{background-image:url(/r/reflections/courses/NDA.webp)}.article-course-card.bg-nlc{background-image:url(/r/reflections/courses/NLC.webp)}.article-course-card.bg-nst{background-image:url(/r/reflections/courses/NST.webp)}.article-course-card.bg-nac{background-image:url(/r/reflections/courses/NAC.webp)}.article-course-card.bg-nmk{background-image:url(/r/reflections/courses/NMK.webp)}@media screen and (max-width: 768px){.article-course-card{width:100%;max-width:350px;margin:10px 0}}.article-course-card p.roman{font-size:10px;margin-bottom:16px}.article-course-card h2{font-family:"Noto Serif JP";width:270px;font-size:26px;display:block;white-space:pre-wrap}.article-course-card p{margin:2px 0;width:270px;font-size:12px;display:block;white-space:pre-wrap}.article-card{position:relative;width:364px;border-radius:8px;padding:24px;margin:16px;text-align:left;overflow:hidden;white-space:normal;background-color:white;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.16)}@media screen and (max-width: 1024px){.article-card{width:346px}}@media screen and (max-width: 768px){.article-card{width:100%;max-width:350px;margin:10px 0}}.article-card .course{font-size:16px;font-weight:bold;text-decoration:underline;text-decoration-thickness:2px}.article-card .course.color-nlc{color:#26498C}.article-card .course.color-nst{color:#309F42}.article-card .course.color-nac{color:#A82934}.article-card .course.color-nct{color:#3371E3}.article-card .course.color-nmk{color:#BD7100}.article-card .course.color-nda{color:#68119E}.article-card .title{margin-top:16px;font-size:18px;line-height:140%;height:47px;font-weight:bold;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-card .content{color:#333;font-size:14px;line-height:160%;margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 768px){.article-card .content{font-size:12px}}.article-card .card-footer{display:flex;justify-content:space-between;align-items:end}.article-card .card-footer .user-info{margin-top:16px;font-size:14px;min-height:24px;font-weight:400;line-height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media screen and (max-width: 1024px){.article-card .card-footer .user-info{max-width:180px}}@media screen and (max-width: 768px){.article-card .card-footer .user-info{max-width:168px}}.article-card .card-footer .to-button-container{margin-top:24px;text-align:right}.article-card .card-footer .to-button-container .to-button{padding:8px 16px;background:#1847C7;border-radius:100px;font-size:12px;font-weight:bold;color:white;display:inline-block}.article-card .card-footer .to-button-container .to-button .icon{vertical-align:sub;padding:1px;width:14px}.show-more-articles{margin-top:32px;margin-left:150px;margin-right:150px;color:#333;text-align:center;font-size:16px;font-weight:700;line-height:160%;text-decoration-line:underline;cursor:pointer}@media screen and (max-width: 768px){.show-more-articles{margin-left:24px;margin-right:24px}}.more-articles{display:flex;justify-content:center;flex-wrap:wrap}#articles-by-courses{max-width:none !important}#articles-by-courses .section-title{max-width:1200px;margin-left:auto;margin-right:auto}.articles-by-courses .articles-by-courses-tabs{overflow-x:auto;white-space:nowrap;display:flex;flex-wrap:nowrap;gap:8px;padding-left:calc((100vw - 1240px) / 2);padding-right:calc((100vw - 1240px) / 2)}@media screen and (max-width: 768px){.articles-by-courses .articles-by-courses-tabs{padding-left:24px;padding-right:24px}}.articles-by-courses .articles-by-courses-tabs .tab{padding:10px 20px;background-color:#f0f0f0;border:1px solid #ccc;color:#333;border-radius:5px 5px 0 0;cursor:pointer}.articles-by-courses .articles-by-courses-tabs .tab:hover{background-color:#e0e0e0}.articles-by-courses .articles-by-courses-tabs .tab.active{color:white;background-color:#1847C7;border:1px solid #1847C7}.articles-by-courses .articles-by-courses-articles-container{display:none}.articles-by-courses .articles-by-courses-articles-container.active{display:block}.articles-by-courses .articles-by-courses-articles-container .articles-by-courses-articles{display:flex;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;padding:48px calc((100vw - 1240px) / 2) 32px calc((100vw - 1240px) / 2)}@media screen and (max-width: 768px){.articles-by-courses .articles-by-courses-articles-container .articles-by-courses-articles{padding:24px;gap:16px}}.articles-by-courses .articles-by-courses-articles-container .articles-by-courses-articles .articles-by-courses-article{flex:0 0 auto}.articles-by-courses .articles-by-courses-articles-container .icons-container{display:flex;margin-left:24px;padding:0 calc((100vw - 1240px) / 2) 48px calc((100vw - 1240px) / 2);gap:16px}@media screen and (max-width: 768px){.articles-by-courses .articles-by-courses-articles-container .icons-container{padding:0 24px 36px 24px}}.articles-by-courses .articles-by-courses-articles-container .icons-container .allow-reverse-icon{width:40px;transform:rotate(180deg);cursor:pointer}.articles-by-courses .articles-by-courses-articles-container .icons-container .allow-icon{width:40px;cursor:pointer}#category-list{padding-top:64px;padding-bottom:64px}@media screen and (max-width: 768px){#category-list{padding-top:40px;padding-bottom:40px}}#category-list .title{padding-bottom:64px}@media screen and (max-width: 768px){#category-list .title{padding-bottom:32px}}.category-list{display:flex;flex-wrap:wrap}.category-list .category-item{flex:1 1 30%;margin-right:0}.category-list .category-item:nth-child(1),.category-list .category-item:nth-child(2){margin-right:3%}.category-list .category-item .sub-title{font-size:18px;font-weight:bold}.category-list .category-item hr{margin-top:16px;margin-bottom:16px}.category-list .category-item .content{font-size:14px;font-weight:bold;line-height:180%}.category-list .category-item .content a{color:#fff}.category-list .category-item .count{font-size:14px;font-weight:400}.category-list .category-item .space{height:32px}.category-list .category-item .sp-space{height:0}@media screen and (max-width: 768px){.category-list .category-item .sp-space{height:32px}}@media screen and (max-width: 768px){.category-list .category-item{flex:1 1 100%;margin-right:0}}#course-info{max-width:none !important}#course-info .section-title{max-width:1200px;margin-left:auto;margin-right:auto}.course-explanation{display:flex;justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto;margin-bottom:20px}@media screen and (max-width: 768px){.course-explanation{display:block}}.course-explanation .content{font-size:14px}.course-info-container{display:block}.course-info-container .course-info{overflow-x:auto;white-space:nowrap;display:flex;flex-wrap:nowrap;padding:32px calc((100vw - 1240px) / 2)}@media screen and (max-width: 768px){.course-info-container .course-info{display:block;flex-wrap:wrap;justify-content:center;padding-left:20px;padding-right:20px}}.course-info-container .course-info .course-info-item{flex:0 0 auto}.course-info-container .icons-container{display:flex;margin-left:24px;padding:0 calc((100vw - 1240px) / 2) 64px calc((100vw - 1240px) / 2);gap:16px}@media screen and (max-width: 768px){.course-info-container .icons-container{display:none;padding:0 24px 36px 24px}}.course-info-container .icons-container .allow-reverse-icon{width:40px;transform:rotate(180deg);cursor:pointer}.course-info-container .icons-container .allow-icon{width:40px;cursor:pointer}.course-card{position:relative;width:364px;min-height:260px;border-radius:14px;padding:24px;margin:16px;text-align:left;overflow:hidden;background-image:url(/r/reflections/courses/NLC.webp);background-size:cover;background-position:center}.course-card.bg-nct{background-image:url(/r/reflections/courses/NCT.webp)}.course-card.bg-nda{background-image:url(/r/reflections/courses/NDA.webp)}.course-card.bg-nlc{background-image:url(/r/reflections/courses/NLC.webp)}.course-card.bg-nst{background-image:url(/r/reflections/courses/NST.webp)}.course-card.bg-nac{background-image:url(/r/reflections/courses/NAC.webp)}.course-card.bg-nmk{background-image:url(/r/reflections/courses/NMK.webp)}@media screen and (max-width: 768px){.course-card{max-width:98%;margin:10px auto}}.course-card .overlay{color:#fff}.course-card .overlay .tag{font-size:13px;width:120px;display:block;white-space:pre-wrap}.course-card .overlay h2{font-family:"Noto Serif JP";width:260px;margin:24px 0 0 0;font-size:26px;display:block;white-space:pre-wrap}.course-card .overlay p{margin:2px 0;width:260px;font-size:12px;display:block;white-space:pre-wrap}.course-card .label{position:absolute;top:20px;right:20px;transform:none;color:#fff;padding:10px 5px;border-radius:15px;font-size:12px;writing-mode:vertical-rl;text-orientation:mixed}.course-card .label.bg-nct{background-color:#3371E3}.course-card .label.bg-nda{background-color:#68119E}.course-card .label.bg-nlc{background-color:#26498C}.course-card .label.bg-nst{background-color:#309F42}.course-card .label.bg-nac{background-color:#A82934}.course-card .label.bg-nmk{background-color:#BD7100}
