.flex-box{display:flex;justify-content:space-between}.column-r{width:calc(100% - 310px - 3%);position:relative}.column-l{width:100%;max-width:310px;position:relative;margin-left:3%}.mv{display:none}.article__learn{width:100%;position:relative;padding:4rem;background:#f6f8f7}.article__learn .learn-in{padding:2rem;line-height:1.8;background:#eee;border-radius:10px}.article__learn .title{font-size:18px;font-size:1.8rem;padding:0 0 1rem;margin:0 0 1rem;line-height:1.2;font-weight:bold;border-bottom:2px solid #48455d}.article__cv{width:100%;position:relative;margin:5rem 0 0;padding:4rem;text-align:center;background:#f6f8f7}.article__cv .caption{font-size:18px;font-size:1.8rem;padding:0 0 1rem;margin:0 0 1rem;line-height:1.2;font-weight:bold}.article__cv__btn{display:flex}.article__cv__btn>li{width:100%}.article__cv__btn>li:first-child{margin-right:3%}.article__cv__ft{display:none}.article__main{width:100%;position:relative;line-height:2}.article__main #toc_container{width:100%;position:relative;margin:5rem auto 8rem;padding:3rem 6rem 3rem;background:#f6f8f7}.article__main .toc_title{width:100%;position:relative;margin:0 0 2rem;font-size:18px;font-size:1.8rem;font-weight:bold;line-height:1.4;cursor:pointer;padding:0 3rem 1rem 0;border-bottom:2px solid #48455d}.article__main .toc_title::after{content:'';position:absolute;top:0;right:0;bottom:0;width:30px;background:url("/ksplus/wp/img/icon/icon-index_open.png") no-repeat center center;background-size:100%}.article__main .toc_title.view::after{background:url("/ksplus/wp/img/icon/icon-index_close.png") no-repeat center center;background-size:100%}.article__main .toc_list{width:100%;position:relative;counter-reset:toc_num 0}.article__main .toc_list li{width:100%;position:relative;display:flex;align-items:center;margin:.5rem 0 0;padding:.5rem 0 0 2rem;font-size:14px;font-size:1.4rem;line-height:1.4;letter-spacing:.1rem}.article__main .toc_list li::before{content:counter(toc_num,decimal-leading-zero);counter-increment:toc_num;position:relative;left:-2rem}.article__main .toc_list li a{width:100%;position:relative;display:block;padding:.5rem 0;color:#17afec;text-decoration:none;transition:all .3s}.article__main .toc_list li a:hover{text-decoration:underline}.article__main .toc_list li:not(:first-child){border-top:1px dashed #ccc}.article__line{width:100%;position:relative;text-align:center;margin:2rem 0}.article__line>span{font-size:10px;font-size:1rem}.article__line>span:nth-child(1){color:#0099d9}.article__line>span:nth-child(2){color:#f08300}.article__line>span:nth-child(3){color:#595757}.article__line>span:nth-child(4){color:#00a73c}.article__line>span:nth-child(5){color:#eb6ea5}.article__line>span:nth-child(6){color:#d24434}.article__line>span:not(:first-child){margin-left:.5%}.scene--article .article__title{width:100%;position:relative;margin:2rem 0 0;display:block;overflow:inherit;-webkit-line-clamp:inherit;font-size:30px;font-size:3rem;font-weight:bold}.article--ranking{margin:2rem 0 0}.article--ranking li:not(:first-child){margin-top:2rem}.article--ranking figure{width:50px;height:50px}.article--ranking figure img{object-position:right 3.5rem bottom 10%}.article--ranking .article-in{width:calc(100% - 50px - 22px - 3%)}.article--ranking .article__title{width:calc(100% - 50px - 3%);height:50px;margin:0 3% 0 0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;font-size:12px;font-size:1.2rem}.article--ranking .article__info .time{display:flex;align-items:center;font-size:12px;font-size:1.2rem}.article--ranking .article__info .category{font-size:12px;font-size:1.2rem}.article--ranking .rank{width:22px;height:22px}.article--ranking .rank>span::after{font-size:12px;font-size:1.2rem;line-height:22px}.side{width:100%;position:relative;margin:0;padding:2rem;background:#f6f8f7}.side--banner{margin:0 0 3rem}.side--banner p ~ p{margin:1rem 0 0}.side--banner a{display:block;transition:all .3s}.side--banner a:hover{opacity:.7}.side--banner img{max-width:100%}.side--category{margin:3rem 0 0}.side--category ul{width:100%;position:relative;margin:2rem 0 0;gap:0 1%}.side--category .flex-box{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.side--category li{height:100%;position:relative;display:block}.side--category li:nth-child(n+5){margin-top:5%}.side--category li a{width:100%;height:100%;display:block;text-decoration:none;color:#fff}.side--category li:hover{opacity:.8}.side--contents{width:100%;position:sticky;top:15rem;margin:3rem 0 0}.side--contents .table-contents{width:100%;margin:1rem 0 0;position:relative}.side--contents h2.heading{display:none;visibility:hidden}.side--contents ul{width:100%;position:relative;margin:0;padding:0;counter-reset:toc_side_num 0}.side--contents li{width:100%;position:relative;display:flex;align-items:center;margin:.5rem 0 0;padding:.5rem 0 0 1rem;font-size:12px;font-size:1.2rem;line-height:1.4;letter-spacing:.1rem}.side--contents li::before{content:counter(toc_side_num,decimal-leading-zero);counter-increment:toc_side_num;position:relative;left:-1rem}.side--contents li a{width:100%;position:relative;display:block;padding:.5rem 0;color:#17afec;text-decoration:none;transition:all .3s}.side--contents li a:hover{text-decoration:underline}.side--contents li:not(:first-child){border-top:1px dashed #ccc}.s-fixed{max-width:310px;position:fixed;top:3%;z-index:+1}.article--list li:not(:first-child){margin-top:2rem;padding-top:2rem}.article--list li a{color:#48455d;text-decoration:none}.article--list figure{flex:0 0 180px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#252525;overflow:hidden;border-radius:10px}.article--list figure img{width:100%;height:100%;object-fit:cover}.article--list .article-in{width:calc(100% - 180px - 2rem);margin-left:2rem;padding:1rem 0;display:flex;flex-direction:column}.article--list .article__title{margin:1rem 0 0;-webkit-line-clamp:2}.article--list .article__detail{-webkit-line-clamp:3}article .article__main__in{position:relative;margin:5rem 0 0}article .box--faq{width:100%;position:relative;margin:3rem 0 0;padding:4rem;background:#f6f8f7}article .box--faq>.title{font-size:18px;font-size:1.8rem;padding:0 0 1rem;margin:0 0 1rem;line-height:1.2;font-weight:bold;border-bottom:2px solid #48455d}article .box--faq dl{width:100%;position:relative}article .box--faq dl:not(:first-child){border-bottom:1px dashed #ccc}article .box--faq dt{position:relative;padding:1rem;cursor:pointer}article .box--faq dt:hover{background:rgba(72,69,93,0.1);transition:all 0.3s}article .box--faq dd{display:none}article .box--faq .faq__mark{width:22px;height:20px;padding:.2rem .4rem;color:#fff;font-size:12px;font-size:1.2rem;line-height:1.4;font-style:normal;text-align:center}article .box--faq .faq__mark__q{margin:0 1% 0 0;background:#48455d}article .box--faq .faq__mark__a{background:#17afec}article .box--faq .faq__ttl{display:flex;align-items:flex-start;font-weight:normal}article .box--faq .faq__ttl span{width:100%;position:relative;display:block;margin:.2rem 0 0}article .box--faq .faq__ttl span::before,article .box--faq .faq__ttl span::after{content:'';width:14px;height:1px;display:block;position:absolute;top:0;right:0;bottom:0;margin:auto 0;background:#48455d}article .box--faq .faq__ttl span::before{transition:.2s;transform:rotate(90deg)}article .box--faq .faq__ttl span::after{transition:.3s}article .box--faq .faq__answer{padding:.5rem 1rem 1rem;display:flex;align-items:flex-start}article .box--faq .faq__answer .txt{width:calc(100% - 22px - 1%);line-height:1.6;margin-left:1%}article dt.on .faq__ttl span::before{transform:rotate(0deg)}article dt.on .faq__ttl span::after{background-color:transparent}article .box--writer{width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:5rem 0 0;padding:2rem;border-top:2px solid #252525;border-bottom:2px solid #252525}article .box--writer .writer__title{width:100%;position:relative;font-weight:bold;letter-spacing:1rem;text-align:center}article .box--writer .writer__photo{width:140px;height:140px;position:relative;margin:1rem 0 0;border-radius:50%;overflow:hidden}article .box--writer .writer__photo img{max-width:100%}article .box--writer .writer__detail{width:calc(100% - 140px - 5%);margin:1rem 0 0 5%}article .box--writer .writer__detail p{width:100%;line-height:1.6}article .box--writer .writer__detail .name{font-size:20px;font-size:2rem;font-weight:bold;letter-spacing:1rem}article .box--writer .writer__detail .caption{margin:.5rem 0 0;font-size:14px;font-size:1.4rem}@media (max-width: 960px){.s-fixed{max-width:inherit;position:revert;top:inherit;z-index:0}}@media (max-width: 768px){.flex-box{flex-wrap:wrap}.column-r,.column-l{width:100%}.column-l{max-width:100%;margin:5vw 0 0}.mv{display:block}.article__learn{margin:3vw auto 5vw;padding:4vw}.article__learn .learn-in{padding:4vw}.article__learn .title{font-size:4.2vw;padding:0 0 3vw;margin:0 0 3vw}.article__cv{width:calc(100% + (6vw *2));margin:8vw auto 0;padding:6vw;left:-6vw}.article__cv .caption{font-size:4vw;padding:0;margin:0 0 3vw}.article__cv__btn{flex-wrap:wrap}.article__cv__btn>li{width:100%;font-size:4.2vw}.article__cv__ft{width:100%;margin:3vw auto 0;left:0;display:block}.article__main #toc_container{margin:6vw 0 0;padding:4vw}.article__main .toc_title{margin:0 0 3vw;font-size:4.2vw;padding:0 7vw 1vw 0}.article__main .toc_title::after{width:6vw}.article__main .toc_list li{margin:1vw 0 0;padding:1vw 0 0 3vw;font-size:3.2vw}.article__main .toc_list li::before{left:-3vw}.article__main .toc_list li a{padding:1vw 0}.article__line{margin:3vw 0}.article__line>span{font-size:2.4vw}.scene--article .article__title{margin:5vw 0 0;font-size:6vw}.article__info .time{font-size:2.8vw}.article__info .category{margin-right:3%}.category{font-size:2.8vw}.category .category-in{padding:1vw 4vw}.side{padding:6vw}.article--ranking{margin:3vw 0 0}.article--ranking li:not(:first-child){margin-top:3vw}.article--ranking figure{width:15vw;height:15vw}.article--ranking figure img{object-position:right 11vw bottom 10%}.article--ranking .article-in{width:calc(100% - 15vw - 22px - 3%)}.article--ranking .article__title{width:calc(100% - 15vw - 3%);height:15vw;margin:0 3% 0 0;font-size:3.6vw}.article--ranking .article__info .time{display:flex;align-items:center;font-size:2.8vw}.article--ranking .article__info .category{font-size:2.8vw}.article--ranking .rank{width:6vw;height:6vw}.article--ranking .rank>span::after{font-size:2.8vw;line-height:6.6vw}.side--banner{margin:0 0 5vw}.side--banner p ~ p{margin:3vw 0 0}.side--category{margin:3vw 0 0}.side--category ul{margin:3vw 0 0}.side--category li:hover{opacity:1}.side--contents{top:0;margin:3vw 0 0}.side--contents .table-contents{margin:1vw 0 0}.side--contents li{margin:1vw 0 0;padding:1vw 0 0 4vw;font-size:2.8vw}.side--contents li::before{left:-4vw}.side--contents li a{padding:1vw 0}.side--contents li a:hover{text-decoration:none}.article--list li:not(:first-child){margin-top:3vw;padding-top:3vw}.article--list li a{flex-wrap:wrap}.article--list figure{flex:0 0 90px}.article--list .article-in{width:calc(100% - 25vw - 5%);margin-left:5%;padding:0}.article--list .article__title{margin:3vw 0 0}.article--list .article__detail{width:100%}article .article__main__in{margin:5vw 0 0}article .article__main__in p ~ p{margin:1rem 0 0}article .article__main__in h2 ~ h2{margin:5vw 0 3vw}article .article__main__in .article--list .article__info{flex-wrap:wrap}article .article__main__in .article--list .article__info .time{width:100%}article .article__main__in .article--list .article__info .category{width:100%;margin:1vw 0 0}article .article__main__in .table{margin:3vw 0 0}article .article__main__in .table__normal th,article .article__main__in .table__normal td{padding:1vw}article .article__main__in .table__pattern01 th,article .article__main__in .table__pattern01 td{padding:1vw}article .article__main__in .link--topick{margin:3vw auto}article .article__main__in .link--topick a:hover{opacity:1}article .article__main__in .link--topick .link__header{font-size:3.2vw}article .article__main__in .link--topick .link__header i{margin-right:1vw}article .article__main__in .link--topick .link__inner{padding:4vw}article .article__main__in .link--topick .link__inner p+p{margin:3vw 0 0}article .box--writer{margin:3rem 0 0;padding:2rem 1rem}article .box--writer .writer__photo{width:100px;height:100px}article .box--writer .writer__detail{width:calc(100% - 100px - 5%)}article .box--writer .writer__detail .name{font-size:4vw}article .box--writer .writer__detail .caption{font-size:2.8vw}article .box--faq{margin:8vw 0 0;padding:6vw}article .box--faq>.title{margin:0 0 3vw;padding:0 0 3vw;font-size:4.2vw}article .box--faq dt{padding:2vw calc(4vw + 10px) 2vw 2vw}article .box--faq dt:hover{background:none}article .box--faq .faq__mark{width:5vw;height:5vw;padding:.4vw 1vw;font-size:2.8vw;line-height:1.4}article .box--faq .faq__mark__q{margin:0 2vw 0 0}article .box--faq .faq__ttl span{margin:.4vw 0 0}article .box--faq .faq__ttl span::before,article .box--faq .faq__ttl span::after{width:10px;right:calc(-10px - 2vw)}article .box--faq .faq__answer{padding:.5vw 2vw 2vw}article .box--faq .faq__answer .txt{width:calc(100% - 10px - 2vw);margin-left:2vw}}