.details-banner{background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative;padding-top:80px}.details-banner:after{background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,0));z-index:2}.details-banner:after,.details-banner:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0}.details-banner:before{backdrop-filter:blur(80px);z-index:1}.details-banner .title{font-size:28px;line-height:40px;font-weight:900;min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}@media(width >= 790px){.details-banner .title{font-size:64px;line-height:76px;min-height:480px}}.article-section .article-body{font-size:16px;line-height:24px;margin-top:40px;color:var(--color-gray1);flex:1}.article-section .article-body ol,.article-section .article-body p,.article-section .article-body ul{margin:12px 0 36px}.article-section .article-body ul li{padding-left:16px;position:relative}.article-section .article-body ul li:before{content:"";position:absolute;left:2px;width:4px;height:4px;border-radius:100px;top:10px;background-color:var(--color-c-brand)}.article-section .article-body ol{padding-left:16px}.article-section .article-body ol li{list-style-type:decimal}.article-section .article-body img{width:50%;margin:0 auto;display:block}.article-section .article-body .btn{padding:9px 29px;border-radius:100px;background:var(--color-c-brand);font-size:18px;line-height:28px;font-weight:500;color:var(--color-white);width:fit-content;margin:24px auto 33.6px}.article-section .article-body .btn:hover{background-color:var(--color-c-brand2)}.article-section .article-body .video-addon,.article-section .article-body img,.article-section .article-body video{width:100%;display:block;object-fit:cover;height:100%;margin:0 auto}.article-section .article-body .video-addon{position:relative}.article-section .article-body .video-addon .control{position:absolute;z-index:9;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.article-section .article-body .video-addon .control .btn{width:48px;height:48px;cursor:pointer;border:none;display:block;padding:0;background-repeat:no-repeat;background-position:50%;background-size:cover;background-color:rgba(0,0,0,0)}.article-section .article-body .video-addon .control .btn.btn-play{background-image:url(https://admin.tktk.com/assets/img/icon/icon_play_normal.png)}.article-section .article-body .video-addon .control .btn.btn-play:hover{background-image:url(https://admin.tktk.com/assets/img/icon/icon_play_hover.png)}.article-section .article-body .video-addon .control .btn.btn-pause{background-image:url(https://admin.tktk.com/assets/img/icon/icon_pause_normal.png)}.article-section .article-body .video-addon .control .btn.btn-pause:hover{background-image:url(https://admin.tktk.com/assets/img/icon/icon_pause_hover.png)}.article-section .article-body .video-addon .control:hover .btn.btn-pause{opacity:1}.article-section .article-body figure{overflow:hidden;border-radius:18px}.article-section .article-body figure.figure_column{width:240px}.article-section .article-body h4{margin:0 0 18px;padding-bottom:6px;position:relative;font-weight:700;font-size:20px;line-height:32px}.article-section .article-body h4:after{content:"";position:absolute;width:36px;height:4px;border-radius:100px;background-color:var(--color-c-brand);left:0;bottom:0}.article-section .article-body section{margin-bottom:18px}.article-section .article-body section+section{margin-top:18px}.article-section .article-body section p{margin:0}.article-section .article-body .wrap h6{font-size:20px;line-height:32px;font-weight:700;margin-bottom:12px;color:var(--color-gray1)}.article-section .article-body .wrap+.wrap{margin-top:30px}.article-section .article-body .wrap *+.wrap-in,.article-section .article-body .wrap+.wrap-in{margin-top:24px}.article-section .article-body .wrap p{margin-bottom:12px}.article-section .article-body .wrap *+p{margin-top:12px}.article-section .article-body .wrap .litip{position:relative;padding-left:22px}.article-section .article-body .wrap .litip:before{content:"";position:absolute;width:6px;height:6px;left:8px;top:8px;background-color:var(--color-c-brand);border-radius:500px}.article-section .article-body .wrap .tags{display:flex;align-items:center}.article-section .article-body .wrap .tags .tag{padding:4px 12px;background-color:var(--color-gray5);color:var(--color-c-brand);border-radius:2px}.article-section .article-body .wrap .tags .tag+.tag{margin-left:12px}.article-section .article-body .wrap .tags+p{margin-top:12px}.article-section .article-body .shrink-box{width:504px}.article-section .article-body .ju-line{display:flex;align-items:center;justify-content:space-between}.article-section .article-body .ju-line .data-wrap{margin-left:36px}.article-section .article-body .ju-line p{margin-bottom:0}.article-section .article-body .ju-line p+p{margin-top:12px}.article-section .article-body .dot-line{display:flex;margin:24px 0;align-items:center}.article-section .article-body .dot-line .dot{position:relative;flex:1;margin:0 36px;border-left:1px solid var(--color-c-brand);border-right:1px solid var(--color-c-brand);padding:3px 0;min-width:24px}.article-section .article-body .dot-line .dot:before{content:"";display:block;border-bottom:1px dotted var(--color-c-brand)}.article-section .article-body .media-line{display:flex;justify-content:space-between}.article-section .article-body .media-line figure{width:240px;margin-right:64px;flex-shrink:0;border-radius:18px}.article-section .article-body .media-line div+figure{margin-left:64px;margin-right:0}.article-section .article-body .media-line.al-center{align-items:center}.article-section .article-body .media-line.al-start{align-items:flex-start}.article-section .article-body .in-line .float_rt{float:right;margin-left:24px;margin-bottom:10px}.article-section .article-body .in-line .float_rt figure{margin-left:40px;width:240px}.article-section .article-body .in-line .float-rt-line1{float:right;height:24px;width:1px}.article-section .article-body .in-line .float-rt-line2{float:right;height:48px;width:1px}.article-section .article-body .in-line .float-rt-line3{float:right;height:72px;width:1px}.article-section .article-body .in-line .float-rt-line4{float:right;height:96px;width:1px}.article-section .article-body .in-line .float-rt-line5{float:right;height:120px;width:1px}.article-section .article-body .in-line .float_rm{float:right;clear:right}.article-section .article-body .in-line .data-wrap{margin:16px 0 0 36px}.article-section .article-body .in-line .data-wrap.nospace_t{margin-top:0}.article-section .article-body .medias-line{display:flex;align-items:center;justify-content:space-between}.article-section .article-body .medias-line figure{width:240px;border-radius:18px}.article-section .article-body .media-out-line{position:relative}.article-section .article-body .media-out-line figure{width:240px;position:absolute;top:0;right:0;border-radius:18px}.article-section .article-body .media-out-line figure.bottom{top:auto;bottom:0}.article-section .article-body .data-wrap{display:flex}.article-section .article-body .data-wrap .data{color:var(--color-gray1);text-align:center;white-space:nowrap}.article-section .article-body .data-wrap .data+.data{margin-left:36px}.article-section .article-body .data-wrap .data .num{color:var(--color-c-brand);font-size:30px;line-height:36px;font-weight:700;margin-bottom:2px}.article-section .article-body .text-secttip{padding-bottom:12px;font-size:16px;line-height:24px;color:var(--color-c-brand);border-bottom:1px solid var(--color-c-brand);margin-top:24px}.article-section .article-body .text-secttip+.data-wrap{margin-top:30px}.article-section .article-body .text-secttip+.data-wrap .data{text-align:left}.article-section .article-body blockquote{background-color:var(--color-gray5);border-radius:12px;padding:48px;margin-top:18px;position:relative}.article-section .article-body blockquote footer{text-align:right;margin-top:12px}.article-section .article-body blockquote:before{content:"";width:24px;height:30px;position:absolute;left:8px;top:18px}.article-section .article-body .remark{font-size:12px;line-height:1.5;color:var(--color-gray1)}.article-section .article-body .btn-link{display:block;margin:24px 0 18px;width:fit-content}.article-section .article-body .btn-link:after{margin-left:8px}.article-section .article-body .highlight-1,.article-section .article-body .highlight-2{padding:8px 18px;color:var(--color-white);font-size:20px;line-height:30px;width:fit-content;margin-bottom:12px}.article-section .article-body .highlight-1{background-color:var(--color-c-brand)}.article-section .article-body .highlight-2{background-color:var(--color-c-brand2)}.article-section.hasRec .article-body img{width:100%}.article-section .section-main{display:flex}.article-section .rec-box{margin-right:0;margin-left:100px;width:300px;flex-shrink:0}@media screen and (width <= 790px){.article-section .article-body{font-size:16px;line-height:24px}.article-section .article-body figure.figure_column{width:240px;max-width:90vw;border-radius:12px;margin:12px auto}.article-section .article-body .video-addon .control .btn{width:48px;height:48px}.article-section .article-body h4{margin:0 0 18px;padding-bottom:6px;font-size:20px;line-height:30px}.article-section .article-body h4:after{width:36px;height:3px}.article-section .article-body section{margin-bottom:18px}.article-section .article-body section+section{margin-top:18px}.article-section .article-body .wrap+.wrap{margin-top:30px}.article-section .article-body .wrap *+.wrap-in,.article-section .article-body .wrap+.wrap-in{margin-top:24px}.article-section .article-body .wrap h6{font-size:16px;line-height:24px;margin-bottom:10px}.article-section .article-body .wrap p{margin-bottom:12px}.article-section .article-body .wrap *+p{margin-top:12px}.article-section .article-body .wrap .litip{padding-left:22px}.article-section .article-body .wrap .litip:before{width:6px;height:6px;left:8px;top:8px}.article-section .article-body .wrap .tags{font-size:12px}.article-section .article-body .wrap .tags .tag{padding:3px 10px;border-radius:2px}.article-section .article-body .wrap .tags .tag+.tag{margin-left:8px}.article-section .article-body .wrap .tags+p{margin-top:12px}.article-section .article-body *+.wrap-in{margin-top:24px}.article-section .article-body .shrink-box{width:auto}.article-section .article-body .ju-line{flex-direction:column;align-items:flex-start}.article-section .article-body .ju-line .data-wrap{margin-top:18px;margin-left:0}.article-section .article-body .ju-line p{margin-top:0;margin-bottom:0}.article-section .article-body .ju-line p+p{margin-top:12px}.article-section .article-body .media-line{flex-direction:column;align-items:center}.article-section .article-body .media-line figure{width:240px;max-width:90vw;border-radius:12px;margin:12px auto}.article-section .article-body .media-line div+figure{margin:12px 0 0}.article-section .article-body .media-line.media-line-rvs{flex-direction:column-reverse}.article-section .article-body .in-line{display:flex;flex-direction:column-reverse}.article-section .article-body .in-line .float_rt{float:none;margin-left:0;margin-top:6px;margin-bottom:18px}.article-section .article-body .in-line .float_rt figure{margin-left:auto;margin-right:auto;width:240px;max-width:90vw}.article-section .article-body .in-line .float-rt-line1,.article-section .article-body .in-line .float-rt-line2,.article-section .article-body .in-line .float-rt-line3,.article-section .article-body .in-line .float-rt-line4,.article-section .article-body .in-line .float-rt-line5{display:none}.article-section .article-body .in-line .float_rm{float:none}.article-section .article-body .in-line .float_rm+p{margin-top:0}.article-section .article-body .in-line .data-wrap{margin-top:18px;margin-left:0}.article-section .article-body .medias-line figure{width:30%}.article-section .article-body .media-out-line figure{position:static;max-width:90vw;height:auto;margin:18px auto 32px;border-radius:12px;width:240px}.article-section .article-body .data-wrap{overflow-x:auto;max-width:100%}.article-section .article-body .data-wrap .data{max-width:50%;font-size:12px}.article-section .article-body .data-wrap .data+.data{margin-left:28px}.article-section .article-body .data-wrap .data .num{font-size:24px;line-height:36px;margin-bottom:3px}.article-section .article-body .text-secttip{padding-bottom:12px;font-size:16px;line-height:24px;margin-top:24px}.article-section .article-body .text-secttip+.data-wrap{margin-top:18px}.article-section .article-body blockquote{border-radius:9px;padding:32px;margin-top:18px}.article-section .article-body blockquote footer{margin-top:12px;font-size:13px;line-height:1.5}.article-section .article-body blockquote:before{content:"";width:18px;height:23px;left:8px;top:16px}.article-section .article-body .remark{font-size:10px;margin-top:32px}.article-section .article-body .btn-link{margin:18px 0 6px}.article-section .article-body .btn-link:after{margin-left:5px}.article-section .article-body .highlight-1,.article-section .article-body .highlight-2{padding:4px 10px;font-size:12px;line-height:18px}.article-section .article-body img{width:90%}.article-section .section-main{display:block}.article-section .rec-box{display:none}}