@charset "UTF-8";@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}:root{--clr-black: #1F2937;--clr-red: #E84646;--clr-red5: #FEF6F6;--clr-red10: #FCE4E4;--clr-blue: #264394;--clr-blue5: #F4F6FA;--clr-blue70: #677BB4;--clr-blue10: #DFE4F0;--clr-darkgreen: #149089;--clr-darkgreen5: #F3F9F9;--clr-darkgreen10: #DDEFEE;--clr-link:#0083D4;--clr-gray1:#EDF2F7;--clr-gray2:#F9FAFB;--clr-black50: #8F949B;--clr-black20: #BCBFC3;--clr-black10: #E3E5E7;--clr-green: #6DC9C4;--sec-max-width: 100%;--article-max-width:100%;--sec-padding: 5.6em;--sec-m-side:1em;--round32: 32px;--round16: 16px;--round8: 8px;--icon:"Material Symbols Outlined";--ttl:"Zen Kaku Gothic New", sans-serif;--num:"Oswald", sans-serif;--anm-hover: all .3s ease-in-out;--header-height: 86px}@media only screen and (min-width:768px){:root{--sec-m-side: 2em;--sec-max-width: 1200px;--article-max-width: 1264px;--header-height: 121px}}@media only screen and (min-width:1024px){:root{--sec-padding: 10.4em}}.top-articles-new,.related-articles .articles-list,.popular .articles-list{display:flex;flex-direction:column;gap:2em;list-style:none;margin:0;padding:0;width:100%}@media only screen and (min-width:768px){.top-articles-new,.related-articles .articles-list,.popular .articles-list{flex-direction:row;column-gap:1em}}.top-articles-new a,.related-articles .articles-list a,.popular .articles-list a{display:flex;flex-direction:column;gap:1em;text-decoration:none;transition:var(--anm-hover);color:var(--clr-black)}.top-articles-new a .img,.related-articles .articles-list a .img,.popular .articles-list a .img{flex:1 1 100%;overflow:hidden}.top-articles-new a .img img,.related-articles .articles-list a .img img,.popular .articles-list a .img img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}.top-articles-new a .content,.related-articles .articles-list a .content,.popular .articles-list a .content{display:flex;flex-direction:column;flex:1;min-width:0}@media only screen and (min-width:768px){.top-articles-new a .content,.related-articles .articles-list a .content,.popular .articles-list a .content{row-gap:.5em}}.top-articles-new a .content .ttl,.related-articles .articles-list a .content .ttl,.popular .articles-list a .content .ttl{font-size:.875rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--clr-black)}@media only screen and (min-width:768px){.top-articles-new a .content .ttl,.related-articles .articles-list a .content .ttl,.popular .articles-list a .content .ttl{font-size:1rem;line-height:1.8}}.top-articles-new a .content .date,.related-articles .articles-list a .content .date,.popular .articles-list a .content .date{font-family:var(--num);font-weight:400;font-size:.75rem;line-height:1.8;color:var(--clr-black50)}@media only screen and (min-width:768px){.top-articles-new a .content .date,.related-articles .articles-list a .content .date,.popular .articles-list a .content .date{font-size:.875rem}}.top-articles-new a .content .tags,.related-articles .articles-list a .content .tags,.popular .articles-list a .content .tags{display:flex;flex-wrap:wrap;column-gap:.25em}.top-articles-new a .content .tags li,.related-articles .articles-list a .content .tags li,.popular .articles-list a .content .tags li{font-size:.6875rem;line-height:1.4;color:var(--clr-link, #0083D4)}@media only screen and (min-width:768px){.top-articles-new a .content .tags li,.related-articles .articles-list a .content .tags li,.popular .articles-list a .content .tags li{font-size:.875rem}}.top-articles-new a:hover *,.related-articles .articles-list a:hover *,.popular .articles-list a:hover *{transition:var(--anm-hover)}.top-articles-new a:hover .img img,.related-articles .articles-list a:hover .img img,.popular .articles-list a:hover .img img{transform:scale(1.1)}.top-articles-new a:hover .content .ttl,.related-articles .articles-list a:hover .content .ttl,.popular .articles-list a:hover .content .ttl{color:var(--clr-red)}.main-content{width:100%;max-width:var(--article-max-width);margin:0 auto}.main-content .main-content-inner{display:flex;flex-direction:column;gap:0;padding:0 var(--sec-m-side)}@media only screen and (min-width:1024px){.main-content .main-content-inner{flex-direction:row;gap:5em}}.main-content .main-content-left{width:100%}@media only screen and (min-width:1024px){.main-content .main-content-left{flex:1}}.main-content .main-content-left .article-body{position:relative}.main-content .main-content-right .mokuji.is-clone{display:none}@media only screen and (min-width:1024px){.main-content .main-content-right{max-width:20em;padding-bottom:5em}.main-content .main-content-right .mokuji.is-clone{margin:0;padding:0 1.5em;display:block;position:sticky;top:2.5em;width:100%;max-width:100%;box-sizing:border-box;background-color:transparent;border-left:2px solid var(--clr-black10)}.main-content .main-content-right .mokuji.is-clone .ttl{display:none}.main-content .main-content-right .mokuji.is-clone .mokuji-list{opacity:.8}.main-content .main-content-right .mokuji.is-clone .mokuji-list>li{font-size:.75rem;padding-left:2em;line-height:1.4}.main-content .main-content-right .mokuji.is-clone .mokuji-list>li:before{padding:0;font-size:.875rem;background-color:transparent;color:var(--clr-black);line-height:1.2;transition:var(--anm-hover)}.main-content .main-content-right .mokuji.is-clone .mokuji-list>li:has(a.is-active):not(:has(li.is-active)):before{color:var(--clr-link)}.main-content .main-content-right .mokuji.is-clone .mokuji-list>li a{color:var(--clr-black)}.main-content .main-content-right .mokuji.is-clone .mokuji-list>li a.is-active{color:var(--clr-link)}.main-content .main-content-right .mokuji.is-clone .mokuji-list>li>ol li{line-height:1.4}.main-content .main-content-right .mokuji.is-clone .mokuji-list>li>ol li:before{border:2px solid var(--clr-black)}.main-content .main-content-right .mokuji.is-clone .mokuji-list>li>ol li.is-active:before{border:2px solid var(--clr-link)}}@media only screen and (min-width:1024px){body.has-visible-header .article-share-list.js-floating{padding-top:var(--header-height)}body.has-visible-header .main-content .main-content-right .mokuji.is-clone.js-floating{top:var(--header-height)}}.article-header{display:flex;flex-direction:column;gap:.75em}@media only screen and (min-width:768px){.article-header{gap:1em}}.article-header .article-header-ttl{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:1.5rem;line-height:1.4;color:#1f2937;margin:0;width:100%;word-break:break-all}@media only screen and (min-width:768px){.article-header .article-header-ttl{font-size:2.25rem}}.article-header .article-header-tags{display:flex;flex-wrap:wrap;gap:.5em;width:100%;max-width:100%;list-style:none;margin:0;padding:0}.article-header .article-header-tags li a{display:flex;align-items:center;justify-content:center;padding:0 8px;background-color:var(--clr-gray1);border-radius:4px;font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:.75rem;line-height:1.8;color:var(--clr-link);text-decoration:none;transition:var(--anm-hover)}.article-header .article-header-tags li a:hover{background-color:hsl(from var(--clr-gray1) h s calc(l*.9))}@media only screen and (min-width:768px){.article-header .article-header-tags li a{font-size:.875rem}}.article-header .article-header-meta{display:flex;justify-content:space-between;align-items:center;gap:2em;width:100%;font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:.75rem;line-height:1.8;color:var(--clr-black)}.article-header .article-header-meta .date,.article-header .article-header-meta .writer{margin:0}@media only screen and (min-width:768px){.article-header .article-header-meta{font-size:.875rem;margin-bottom:1.142em}}.article-header .article-header-visual{width:100%}.article-header .article-header-visual img{width:100%;height:auto}@media only screen and (min-width:1024px){header.is-hidden .article-share .article-share-list{padding-top:2.5em}}.article-share{padding:0 1em}@media only screen and (min-width:768px){.article-share{padding:0}}@media only screen and (min-width:1024px){.article-share{position:absolute;top:0;left:0;height:100%}}.article-share .article-share-list{display:flex;align-items:center;justify-content:center;gap:.5em;list-style:none;margin:0;padding:.5em 0 0}@media only screen and (min-width:768px){.article-share .article-share-list{padding-top:1em}}@media only screen and (min-width:1024px){.article-share .article-share-list{position:sticky;top:0;left:0;padding-top:2.5em;padding-bottom:5em;flex-direction:column;row-gap:.5em}}.article-share .article-share-list>li{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:var(--anm-hover)}@media only screen and (min-width:1024px){.article-share .article-share-list>li{width:20px;height:20px}}.article-share .article-share-list>li:hover{transform:scale(1.1)}.article-share .article-share-list>li img{width:100%;height:100%;display:block}.article-share .article-share-list>li:first-child{background-color:#000}.article-share .article-share-list>li:first-child img{width:20px;height:20px}@media only screen and (min-width:1024px){.article-share .article-share-list>li:first-child img{width:10px;height:10px}}.article-share .article-share-list>li:nth-child(4){background-color:#00a4de;overflow:hidden}.article-share .article-share-list>li:nth-child(4) img{width:28px;height:28px}@media only screen and (min-width:1024px){.article-share .article-share-list>li:nth-child(4) img{width:16px;height:16px}}.ct-chapter:last-child{padding-bottom:5em}@media only screen and (min-width:1024px){.ct-chapter{padding-left:5em}.ct-chapter.is-intro{padding-top:.5em}}@media only screen and (min-width:1024px){.category .ct-chapter{padding-left:0}}.popular{margin:0 -1em;padding:3.5em 1em 0;display:flex;flex-direction:column;gap:1.5em;width:calc(100% + 2em);background-color:var(--clr-gray2)}.popular .popular-ttl{position:relative;display:flex;align-items:center;padding-left:1em;gap:.5em;font-family:var(--ttl);font-weight:700;font-size:1rem;line-height:1.5;color:var(--clr-black);margin:0}.popular .popular-ttl:before{position:absolute;top:7px;left:0;content:"";display:block;width:.75em;height:.75em;background-color:var(--clr-red);border-radius:50%;flex-shrink:0}@media only screen and (min-width:768px){.popular{margin:0 -2em;padding:4em 2em 0;width:calc(100% + 4em)}.popular .popular-ttl{font-size:1.25rem;padding-left:1em}.popular .popular-ttl:before{top:10px;width:.6em;height:.6em}}@media only screen and (min-width:1024px){.popular{padding:0;max-width:20em;flex-direction:column;background-color:transparent;gap:1em;width:100%;margin:0}.popular .popular-ttl{padding-top:6px;padding-left:1.25em}.popular .popular-ttl:before{top:6px;width:1em;font-family:var(--icon);content:"import_contacts";background-color:transparent;color:var(--clr-black)}.popular .articles-list{flex-direction:column;gap:0;border-top:1px solid var(--clr-black10)}.popular .articles-list li a{padding:1em 0;flex-direction:row;column-gap:1em;border-bottom:1px solid var(--clr-black10)}.popular .articles-list li a .img{order:2;flex:0 0 7.5em}.popular .articles-list li a .content{order:1;row-gap:2px}.popular .articles-list li a .content .ttl{line-height:1.4;font-size:.875rem}.popular .articles-list li a .content .date{line-height:1.4;font-size:.6875rem}.popular .articles-list li a .content .tags li{font-size:.6875rem}}.related-articles{width:100%;margin:0 auto;background-color:var(--clr-gray2);display:flex;flex-direction:column;padding-bottom:3.5em}@media only screen and (min-width:768px){.related-articles{padding-bottom:4em}}@media only screen and (min-width:1024px){.related-articles{padding-bottom:5em}}.related-articles .articles-list-wrap{margin:0 auto;padding:3.5em var(--sec-m-side) 0;display:flex;flex-direction:column;gap:1.5em;width:100%;max-width:var(--article-max-width)}@media only screen and (min-width:768px){.related-articles .articles-list-wrap{padding:4em var(--sec-m-side) 0}}@media only screen and (min-width:1024px){.related-articles .articles-list-wrap{padding:5em var(--sec-m-side) 0}}.related-articles .related-articles-ttl{position:relative;display:flex;align-items:center;padding-left:1em;gap:.5em;font-family:var(--ttl);font-weight:700;font-size:1rem;line-height:1.5;color:var(--clr-black);margin:0}.related-articles .related-articles-ttl:before{position:absolute;top:7px;left:0;content:"";display:block;width:.75em;height:.75em;background-color:var(--clr-red);border-radius:50%;flex-shrink:0}@media only screen and (min-width:768px){.related-articles .related-articles-ttl{font-size:1.25rem}.related-articles .related-articles-ttl:before{top:10px;width:.6em;height:.6em}}@media only screen and (min-width:768px){.related-articles .articles-list{display:grid;grid-template-columns:repeat(3,1fr)}}body:has(section.top-hero) header{box-shadow:none;max-width:100%!important}body:has(section.top-hero) header .header-inner{max-width:100%!important}@media only screen and (min-width:1296px){body:has(section.top-hero) .header .header-inner{padding-left:4em!important;padding-right:4em!important}}.top-hero{background-position:center;background-size:cover}.top-hero-wrapper{padding:0 0 5em}@media only screen and (min-width:1024px){.top-hero-wrapper{display:flex;align-items:center;justify-content:center;margin-inline:auto;padding:5em 2em;max-width:var(--sec-max-width);gap:4em;box-sizing:border-box}}.top-hero-items{display:flex;flex-direction:column;align-items:center;gap:1.5em;width:100%;height:auto;margin:0 auto;padding:2em 1em}@media only screen and (min-width:768px){.top-hero-items{gap:2em;padding:3.5em 2em}}@media only screen and (min-width:1024px){.top-hero-items{margin:0;padding:0;align-items:flex-start;width:auto}}.top-hero-countdown{width:100%;text-align:center;justify-content:center;display:flex;align-items:flex-end;gap:10px}@media only screen and (min-width:1024px){.top-hero-countdown{justify-content:flex-start}}.top-hero-countdown-label{margin:0;color:var(--clr-black);font-size:.875rem}.top-hero-countdown-day{display:inline-flex;align-items:flex-end}.top-hero-countdown-number{font-family:var(--num);font-weight:400;font-size:2rem;letter-spacing:.05em;line-height:1;color:var(--clr-red)}@media only screen and (min-width:768px){.top-hero-countdown-number{font-size:2.5rem}}.top-hero-countdown-unit{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:1.25rem;color:var(--clr-red);line-height:1;padding-bottom:2px}.top-hero-countdown-note{margin-top:1.333em;font-size:.75rem;line-height:1.8;color:#1f2937cc}.top-hero-message{text-align:center;color:var(--clr-black)}.top-hero-lead{font-weight:700;font-size:1.375rem;line-height:1.5}@media only screen and (min-width:1024px){.top-hero-lead{text-align:left;font-size:1.75rem}}.top-hero-description{margin:0;font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:.875rem;line-height:1.8;text-align:center}.top-hero-btn-wrap{position:relative;display:inline-block;text-align:center}.top-hero-btn-wrap .balloon{position:absolute;top:.5em;left:50%;transform:translate(-50%);background:#fff;font-weight:700;font-size:.75rem;padding:.5em 1.5em;border-radius:2em;white-space:nowrap;box-shadow:0 .125em .5em #0000001a}.top-hero-btn-wrap .balloon:after{content:"";position:absolute;bottom:-.5em;left:50%;transform:translate(-50%);border-style:solid;border-width:.6em .5em 0 .5em;border-color:#fff transparent transparent transparent}.top-hero-actions{display:flex;justify-content:center;align-items:center;flex-direction:column}@media only screen and (min-width:768px){.top-hero-actions{width:100%;display:flex;align-items:flex-start;flex-direction:row;gap:20px}}@media only screen and (min-width:1024px){.top-hero-actions{justify-content:flex-start}}.top-hero-btn{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:12px 24px;margin:2em 0 .5em;width:100%;max-width:20em;font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:.875rem;color:#fff;border:none;text-decoration:none;letter-spacing:.05em;transition:var(--anm-hover);background-color:var(--clr-red);min-width:280px}.top-hero-btn:hover{background-color:hsl(from var(--clr-red) h calc(s*.95) calc(l*.9))}.top-hero-btn+a{font-size:.875rem;text-decoration:underline;color:var(--clr-black, #1F2937)}.top-hero-btn+a:hover{color:var(--clr-red)}@media only screen and (min-width:768px){.top-hero-btn{font-size:1rem;width:auto}}.top-hero-btn-flashcard{background-color:var(--clr-black)}.top-hero-btn-flashcard:hover{background-color:hsl(from var(--clr-black) h s calc(l*.8))}.top-hero-character{height:auto;margin-inline:auto}@media only screen and (min-width:1024px){.top-hero-character{margin-inline:0}}.top-hero-character img{height:auto;width:30em;max-width:75%;margin-inline:auto}@media only screen and (min-width:1024px){.top-hero-character img{width:100%;min-width:28em;max-width:32em}}.daily-quiz{grid-area:2/1/3/2;width:100%;margin:0 auto;padding:2em 1em;display:flex;flex-direction:column;gap:24px}@media only screen and (min-width:768px){.daily-quiz{padding:3.5em 2em;gap:2em}}@media only screen and (min-width:1024px){.daily-quiz{padding:3.5em 0;max-width:var(--sec-max-width);margin-inline:auto}}.daily-quiz-card{padding:1em 0;display:flex;flex-direction:column;row-gap:1em}@media only screen and (min-width:768px){.daily-quiz-card{padding:0;row-gap:1.5em}}@media only screen and (min-width:1024px){.daily-quiz-card{border-radius:1em}}.daily-quiz-title{position:relative;margin:0;padding-left:1.5em;font-family:var(--ttl);font-weight:700;font-size:1rem;line-height:1}.daily-quiz-title:after{font-family:var(--icon);content:"";position:absolute;top:-2px;left:0;font-size:1.375rem;font-weight:400;color:var(--clr-red)}@media only screen and (min-width:768px){.daily-quiz-title{font-size:1.25rem}.daily-quiz-title:after{font-size:1.625rem}}.daily-quiz-card-body{display:flex;flex-direction:column;justify-content:center;padding:2em;border-radius:.5em;background-color:#fff;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;box-shadow:0 4px 20px #e4e9ef;min-height:10em}.daily-quiz-card-body:hover{transform:translateY(1px);box-shadow:0 8px 28px #d4d9e0}@media only screen and (min-width:768px){.daily-quiz-card-body{padding:3em;min-height:15em}}@media only screen and (min-width:1024px){.daily-quiz-card-body{padding:4em;min-height:20em}}.daily-quiz-explanation{width:100%;color:var(--clr-black);font-size:.875rem;cursor:pointer;transition:var(--anm-hover);background-color:transparent}.daily-quiz-explanation:hover{background-color:var(--clr-gray2)}@media only screen and (min-width:768px){.daily-quiz-explanation{font-size:1rem}}.daily-quiz-question{font-size:.875rem;line-height:1.8;color:var(--clr-black)}@media only screen and (min-width:768px){.daily-quiz-question{font-size:1rem}}.daily-quiz-highlight{margin:0 .25em;display:inline-block;text-align:center;font-weight:700;background-color:#ffef3d;min-width:4em;padding:0 .5em;line-height:1.5em;border:1px solid var(--clr-black50);border-radius:2px}.daily-quiz-hint{font-size:.8125rem}.daily-quiz-hint .is-pc{display:none}@media only screen and (min-width:1024px){.daily-quiz-hint .is-pc{display:block}.daily-quiz-hint .is-sp{display:none}}.daily-quiz-cta-lead{margin-top:2em;text-align:center;font-size:.75rem;color:var(--clr-black)}@media only screen and (min-width:768px){.daily-quiz-cta-lead{margin-top:1.5em}}.daily-quiz-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:32px;background-color:var(--clr-black);color:#fff;font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:.875rem;text-decoration:none;transition:var(--anm-hover)}.daily-quiz-cta-btn:hover{background-color:hsl(from var(--clr-black) h s calc(l*1.1))}@media only screen and (min-width:768px){.daily-quiz-cta-btn{margin-inline:auto;margin-top:-1em;max-width:20em;font-size:1rem}}.mode{padding:0 1em}@media only screen and (min-width:1024px){.mode{max-width:var(--sec-max-width);margin-inline:auto;padding:0}}.mode-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;list-style:none;padding:0}@media only screen and (min-width:768px){.mode-list{grid-template-columns:repeat(4,1fr);gap:30px}}.mode-icon{padding:1.5em;border-radius:8px 8px 0 0;border:2px solid var(--clr-blue10, #677BB4);border-bottom:0;display:flex;justify-content:center}.mode-icon img{width:auto;height:50px}@media only screen and (min-width:1024px){.mode-icon{padding:2em}.mode-icon img{width:auto;height:80px}}.mode .label{display:block;width:100%;padding:8px;background:var(--clr-blue, #264394);border-radius:0 0 8px 8px;font-size:1rem;color:#fff;text-align:center}.mode .label:after{content:"";display:inline-block;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);margin-left:10px;vertical-align:middle;margin-top:-2px}.top-concept{padding:3.5em 1em}@media only screen and (min-width:768px){.top-concept{padding:3.5em 2em;row-gap:3em}}@media only screen and (min-width:1024px){.top-concept{padding:5em 2em;margin-inline:auto;max-width:var(--article-max-width)}}.top-concept-inner{display:flex;flex-direction:column;gap:2em;margin-inline:auto;align-items:center}@media only screen and (min-width:768px){.top-concept-inner{gap:3em}}.top-concept-inner h2{font-size:1rem;margin-bottom:1em;color:var(--clr-black);font-family:var(--ttl);text-align:center}.top-concept-inner h2+p{font-size:.875rem;line-height:1.8}@media only screen and (min-width:768px){.top-concept-inner h2{font-size:1.25rem}}.top-concept-image{flex:0 0 5em;width:5em;height:5em}@media only screen and (min-width:1024px){.top-concept-image{flex:0 0 6em;width:6em;height:6em}}.top-concept-image img{width:100%;height:auto}.top-concept-items{display:flex;flex-direction:column;row-gap:1em}@media only screen and (min-width:1024px){.top-concept-items{flex-direction:row;column-gap:2em}}.top-concept-item{display:flex;column-gap:1em}@media only screen and (min-width:768px){.top-concept-item{align-items:center}}@media only screen and (min-width:1024px){.top-concept-item{align-items:flex-start}}.top-concept-text dt,.top-concept-text dd{font-size:.875rem}@media only screen and (min-width:768px){.top-concept-text dt,.top-concept-text dd{font-size:1rem}}.top-concept-text dt{font-weight:700;color:var(--clr-blue)}.top-articles{grid-area:3/1/4/2;padding:4em 1em;display:flex;flex-direction:column;row-gap:2.5em}.top-articles h2{text-align:center;font-size:1.125rem}@media only screen and (min-width:768px){.top-articles h2{font-size:1.5rem}}.top-articles h3{position:relative;padding-left:1.75em;margin-bottom:1.5em;font-size:1rem;line-height:1.4;font-family:var(--ttl)}@media only screen and (min-width:768px){.top-articles h3{font-size:1.25rem}}@media only screen and (min-width:768px){.top-articles{padding:3.5em 2em;row-gap:3em}}@media only screen and (min-width:1024px){.top-articles{padding:5em 2em;max-width:var(--article-max-width);margin-inline:auto;row-gap:5em}}.top-articles-lists h3:before{position:absolute;left:0;top:-4px;font-family:var(--icon);content:"fiber_new";font-size:1.375rem;font-weight:400;color:var(--clr-red)}@media only screen and (min-width:768px){.top-articles-lists h3:before{font-size:1.75rem}}.top-articles-recommend{position:relative}.top-articles-recommend h3{padding-left:1.45em}.top-articles-recommend h3:before{position:absolute;left:0;top:-5px;font-family:var(--icon);content:"bookmarks";font-size:1.375rem;font-weight:400;color:var(--clr-red)}@media only screen and (min-width:768px){.top-articles-recommend h3:before{font-size:1.625rem}}.top-articles-recommend .splide__pagination,.top-articles-recommend .splide__arrows{display:none}.top-articles-recommend .splide__arrow{position:relative;border:none;background-color:var(--clr-black);width:2em;height:2em;border-radius:50%;cursor:pointer}.top-articles-recommend .splide__arrow svg{position:absolute;inset:0;margin:auto;width:1em;height:1em}.top-articles-recommend .splide__arrow svg path{fill:#fff}.top-articles-recommend .splide__arrow.splide__arrow--prev{transform:rotate(180deg)}@media only screen and (min-width:1024px){.top-articles-recommend:has(.splide__slide:nth-child(4)) .splide__arrows{position:absolute;top:4px;right:0;display:flex;column-gap:.5em}}.top-articles-recommend-list a{display:flex;flex-direction:column;gap:1em;text-decoration:none;transition:var(--anm-hover);color:var(--clr-black)}.top-articles-recommend-list a .img{flex:1 1 100%;overflow:hidden}.top-articles-recommend-list a .img img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}.top-articles-recommend-list a .content{display:flex;flex-direction:column;flex:1;min-width:0}@media only screen and (min-width:768px){.top-articles-recommend-list a .content{row-gap:.5em}}.top-articles-recommend-list a .content .ttl{font-size:.875rem;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--clr-black)}@media only screen and (min-width:768px){.top-articles-recommend-list a .content .ttl{font-size:1rem;line-height:1.8}}.top-articles-recommend-list a .content .date{font-family:var(--num);font-weight:400;font-size:.75rem;line-height:1.8;color:var(--clr-black50)}@media only screen and (min-width:768px){.top-articles-recommend-list a .content .date{font-size:.875rem}}.top-articles-recommend-list a .content .tags{display:flex;flex-wrap:wrap;column-gap:.25em}.top-articles-recommend-list a .content .tags li{font-size:.6875rem;line-height:1.4;color:var(--clr-link, #0083D4)}@media only screen and (min-width:768px){.top-articles-recommend-list a .content .tags li{font-size:.875rem}}.top-articles-recommend-list a:hover *{transition:var(--anm-hover)}.top-articles-recommend-list a:hover .img img{transform:scale(1.1)}.top-articles-recommend-list a:hover .content .ttl{color:var(--clr-red)}.trend-tags{width:100%;background-color:var(--clr-gray1)}.trend-tags-inner{margin:0 auto;padding:2em 1em;display:flex;flex-direction:column;gap:1em;text-align:center}@media only screen and (min-width:768px){.trend-tags-inner{padding:2.5em 2em}}@media only screen and (min-width:1024px){.trend-tags-inner{gap:1.5em}}.trend-tags h2{padding-left:0;margin-bottom:0}@media only screen and (min-width:768px){.trend-tags h2{font-size:1rem}}@media only screen and (min-width:1024px){.trend-tags h2{text-align:left}}.trend-tags h2:before{position:relative;top:.25em;font-family:var(--icon);content:"tag";font-size:1.375rem;font-weight:400}@media only screen and (min-width:768px){.trend-tags h2:before{top:4px}}.trend-tags-list{display:flex;flex-wrap:wrap;gap:.5em;list-style:none;margin:0;padding:0}.trend-tags-item a{display:inline-flex;align-items:center;justify-content:center;padding:.5em .75em;border-radius:4px;border:1px solid hsl(from var(--clr-gray1) h s calc(l*.9));background-color:#fff;font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:.875rem;color:var(--clr-link);text-decoration:none;white-space:nowrap;transition:var(--anm-hover)}.trend-tags-item a:hover{background-color:hsl(from var(--clr-gray1) h s calc(l*.9))}.top-ranking{background-color:var(--clr-gray1);padding:3.5em 0}@media only screen and (min-width:1024px){.top-ranking{padding:5em 0}}.top-ranking h2{text-align:center;font-size:1rem}@media only screen and (min-width:768px){.top-ranking h2{font-size:1.5rem}}.top-ranking-lead{text-align:center;font-size:.875rem;line-height:1.8;margin:2em}@media only screen and (min-width:768px){.top-ranking-lead{font-size:1rem;margin:2em auto 3em}}.top-ranking-wrap{padding:0 1em}@media only screen and (min-width:768px){.top-ranking-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:1.875em;padding:0 2em}}@media only screen and (min-width:1024px){.top-ranking-wrap{max-width:var(--article-max-width);margin-inline:auto}}.ranking-top3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;align-items:end;margin:.625em auto 1.25em;width:14.375em;max-width:90%;min-height:7.5em}.ranking-top3-name{margin:0 0 8px;font-size:.75rem;line-height:1.2;color:var(--clr-link, #1b66ff);white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis}.ranking-top3-box{position:relative;border-radius:3px 3px 0 0;padding:0 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:7.5em;transition:height .8s ease-out}.ranking-top3-score{color:#fff}.ranking-top3-score:before{display:block;font-family:var(--icon);content:"crown";margin-right:.1em;font-size:1rem;font-weight:400}.ranking-top3-score .num{font-family:var(--num);font-size:1rem;margin-right:.08em}.ranking-top3-score .unit{font-size:.75rem}.time .ranking-top3-box{height:calc(var(--time) * .8px)}.ranking-top3 .rank-1 .ranking-top3-box{background:var(--clr-link, #0083D4)}.ranking-top3 .rank-1 .ranking-top3-score:before{color:#f7e593}.ranking-top3 .rank-2 .ranking-top3-box{background:var(--clr-darkgreen)}.ranking-top3 .rank-2 .ranking-top3-score:before{color:#e4e9ef}.ranking-top3 .rank-3 .ranking-top3-box{background:var(--clr-green)}.ranking-top3 .rank-3 .ranking-top3-score:before{color:#e6d0bd}.ranking{background:var(--bg-white);border-radius:.5em;padding:1.875em;background:#fff;box-shadow:0 1px 3px #0000000d;text-align:center;margin:1em 0}@media only screen and (min-width:768px){.ranking{margin:0}}.ranking h3{position:relative;font-size:1rem;color:var(--clr-blue, #264394)}@media only screen and (min-width:768px){.ranking h3{font-size:1rem}}.ranking h3:before{font-family:var(--icon);margin-right:.25em;vertical-align:sub;font-size:1.375rem;font-weight:400;color:var(--clr-link, #0083D4)}@media only screen and (min-width:768px){.ranking h3:before{font-size:1.375rem}}.ranking.correct h3:before{content:"kid_star"}.ranking.time h3:before{content:"timer"}.ranking.count h3:before{content:"stylus"}.ranking-list{list-style:none;margin:0;border-top:1px solid #f0f0f0;counter-reset:rank 3;padding:0}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #f0f0f0;background-color:#fff}.ranking-item:nth-last-of-type(2n){background:var(--clr-gray2, #F9FAFB)}.ranking-item:before{counter-increment:rank;content:counter(rank);font-size:.875rem;color:var(--clr-link, #1b66ff);width:10%}.ranking-name{font-size:.75rem;width:60%;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis}.ranking-score{width:20%;color:var(--clr-link, #1b66ff)}.ranking-score .num{font-family:var(--num);font-size:.875rem;margin-right:.08em}.ranking-score .unit{font-size:.75rem}aside .information{padding:3.5em 1em}@media only screen and (min-width:768px){aside .information{padding:3.5em 2em}}@media only screen and (min-width:1024px){aside .information{margin-inline:auto;max-width:var(--article-max-width);padding:5em 2em}}aside .information h2{font-size:1rem;margin-bottom:1em}@media only screen and (min-width:768px){aside .information h2{margin-bottom:1.2em;font-size:1.25rem}}aside .information-inner{display:flex;flex-direction:column;row-gap:2em}@media only screen and (min-width:1024px){aside .information-inner{flex-direction:row;column-gap:5em}}aside .information-list{display:flex;flex-direction:column}@media only screen and (min-width:1024px){aside .information-list{flex:1 1 auto}}aside .information-list li{padding:1em 0;display:flex;flex-direction:column;row-gap:.5em;border-bottom:1px solid var(--clr-black10)}@media only screen and (min-width:768px){aside .information-list li{padding:1.5em 0;flex-direction:row;column-gap:2em}}aside .information-list-meta{display:flex;column-gap:.5em;flex:0 0 auto;white-space:nowrap;align-items:flex-start}@media only screen and (min-width:768px){aside .information-list-meta{flex-direction:row;column-gap:2em}}aside .information-list-meta .date{font-size:.875rem;font-weight:700}@media only screen and (min-width:768px){aside .information-list-meta .date{font-size:1rem}}aside .information-list-meta .tag-item{display:flex;align-items:center;padding:.5em .8em;font-size:.6875rem;background-color:var(--clr-black);color:#fff;line-height:1;border-radius:3px;min-width:10em;justify-content:center}aside .information-list-meta .tag-item.tag-red{background-color:var(--clr-red)}aside .information-list-meta .tag-item.tag-green{background-color:var(--clr-darkgreen)}aside .information-list-meta p{font-size:.875rem;line-height:1.8}@media only screen and (min-width:768px){aside .information-list-meta p{font-size:1rem}}aside .information .img-ad{max-width:18.75em;height:auto}aside .information .img-ad a{display:flex;align-items:center;justify-content:center}aside .information .img-ad img{max-width:100%;height:auto}aside .top-author{padding:3.5em 1em;background-color:var(--clr-black)}@media only screen and (min-width:1024px){aside .top-author{padding:5em 0}}aside .top-author h2{color:#fff;font-size:1rem;text-align:center;margin-bottom:1.5em}@media only screen and (min-width:768px){aside .top-author h2{font-size:1.25rem}}aside .top-author-list{display:flex;flex-direction:column;row-gap:1em}@media only screen and (min-width:768px){aside .top-author-list{flex-direction:row;column-gap:1em}}@media only screen and (min-width:1024px){aside .top-author-list{margin-inline:auto;max-width:var(--article-max-width);padding:0 2em;column-gap:1.5em}}aside .top-author-list>li{padding:1.5em 1em;background-color:#fff;border-radius:8px;flex:1 1 33%}@media only screen and (min-width:1024px){aside .top-author-list>li{padding:2em}}aside .top-author-list-header{display:flex;column-gap:1em;margin-bottom:1em}@media only screen and (min-width:1024px){aside .top-author-list-header{column-gap:1.5em}}aside .top-author-list-header .img{flex:0 0 5em}aside .top-author-list-header .img img{width:5em;height:5em;aspect-ratio:1/1;object-fit:cover;border-radius:50%}@media only screen and (min-width:1024px){aside .top-author-list-header .img{flex:0 0 7.5em}aside .top-author-list-header .img img{width:7.5em;height:7.5em}}aside .top-author-list-header .list-item-meta{display:flex;flex-direction:column;column-gap:.5em}aside .top-author-list-header .list-item-meta .role{font-size:.75rem;color:var(--clr-darkgreen)}aside .top-author-list-header .list-item-meta .name{font-size:.875rem;font-weight:700}@media only screen and (min-width:768px){aside .top-author-list-header .list-item-meta .name{font-size:1rem}}aside .top-author-list-header .list-item-meta .list-qualification li{font-size:.75rem;color:var(--clr-black)}@media only screen and (min-width:1024px){aside .top-author-list-header .list-item-meta{row-gap:.5em}}aside .top-author .list-item-text p{font-size:.875rem;line-height:1.8}@media only screen and (min-width:768px){aside .top-author .list-item-text p{font-size:1rem}}.daily-quiz-card-body[data-side=front] .daily-quiz-explanation{display:none}.daily-quiz-card-body[data-side=back] .daily-quiz-explanation{position:relative;display:block;margin-top:1em;padding:3em 1.5em 1.5em;border:1px solid var(--clr-gray1);background-color:var(--clr-blue5)}.daily-quiz-card-body[data-side=back] .daily-quiz-explanation:before{padding:.25em .75em;position:absolute;left:1.909em;top:1.272em;content:"解説";background-color:var(--clr-blue);color:#fff;font-size:.6875rem;border-radius:2em;letter-spacing:1px}@media only screen and (min-width:768px){.daily-quiz-card-body[data-side=back] .daily-quiz-explanation{padding:3.5em 2em 2em}.daily-quiz-card-body[data-side=back] .daily-quiz-explanation:before{padding:.25em 1em;left:2.666em;top:2em;font-size:.75rem}}.daily-quiz-card-body[data-side=back] .daily-quiz-explanation .fb{font-weight:700;background-color:#fff;display:inline-block}@keyframes daily-quiz-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.daily-quiz-card-body.is-flipping{animation:daily-quiz-flip .35s ease-in-out}span.sq{position:relative;top:6px;margin-right:.25em;margin-left:.25em;content:"";display:inline-block;width:4em;background-color:var(--clr-black10);height:1.5em;border:1px solid var(--clr-black50);border-radius:2px}@media only screen and (min-width:768px){span.sq{top:7px}}