/* ========================================================= 記事本文（ブロック）の見た目 - 標準ブロック ＋ 過去記事の SWELL ブロック・クラス（STEP・吹き出し・キャプションボックス・段組み・ブログカード・is-style-◯◯） - 公開ページは .post_content、編集画面は kj-◯◯ を含まない .is-root-container（記事と、ブロックで組んでいない固定ページ）が対象 - ブロックで組んだ固定ページ（kj-◯◯）には当てない。公開ページでも当たっていないので、編集画面と表示がそろう 元：サイトリニューアル案/build_renewal_articles.py の ARTICLE_CSS ========================================================= */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))){font-size:16px;line-height:2.05;color:var(--ink,#262626);overflow-wrap:anywhere} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro)))>*{margin-top:0;margin-bottom:30px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) p{margin:0 0 30px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) a:hover{text-decoration-thickness:2px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) strong{font-weight:800} /* 見出し（is-style-section_ttl も同じ見た目）。「AI モード」のような語の途中で切らないよう、普通の日本語の折り返しにする */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) :is(h2,h3,h4){word-break:normal;text-wrap:pretty;font-feature-settings:"palt"} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) h2{margin:100px 0 34px;padding-top:25px;border-top:1px solid var(--ink,#262626);font-size:clamp(24px,2.8vw,32px);line-height:1.5;letter-spacing:-.03em;scroll-margin-top:24px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) h3{margin:65px 0 22px;padding-left:16px;border-left:4px solid var(--ink,#262626);font-size:23px;line-height:1.55;scroll-margin-top:24px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) h4{margin:45px 0 18px;font-size:19px;line-height:1.6} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) h4::before{content:"— ";color:#999} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro)))>h2:first-child,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro)))>h3:first-child{margin-top:0} /* 画像 */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) figure{margin:34px 0 48px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-image img{display:block;max-width:100%;height:auto;margin:0 auto} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-image.aligncenter,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-image .aligncenter{text-align:center} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-image.is-resized img,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-image .is-resized img{display:inline-block} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) figcaption,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-element-caption{margin-top:10px;text-align:center;font-size:12px;line-height:1.7;color:#777} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-shadow img{border:1px solid #ddd;box-shadow:0 8px 24px rgba(0,0,0,.08)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-photo_frame img{border:8px solid #fff;box-shadow:0 0 0 1px #ddd} /* ブラウザ枠（is-style-browser_mac） */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-browser_mac img{border:1px solid #cfcfcf;border-top:26px solid #ececec;border-radius:6px 6px 0 0;box-shadow:0 8px 24px rgba(0,0,0,.08);background:#fff} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-browser_mac{position:relative} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-browser_mac>img+figcaption,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-browser_mac figcaption{position:static} /* リスト */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) :is(ul,ol){margin:24px 0 34px;padding-left:1.5em} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) li+li{margin-top:9px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) li>:is(ul,ol){margin:9px 0 0} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) ul.is-style-check_list,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) ul.is-style-num_circle,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) ol.is-style-num_circle{list-style:none;padding:22px 26px;border:1px solid var(--ink,#262626);background:#fff} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-check_list>li{position:relative;padding-left:1.9em} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-check_list>li::before{content:"";position:absolute;left:.15em;top:.62em;width:.9em;height:.48em;border-left:2px solid var(--ink,#262626);border-bottom:2px solid var(--ink,#262626);transform:rotate(-45deg)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-num_circle{counter-reset:kj-num} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-num_circle>li{position:relative;padding-left:2.2em;counter-increment:kj-num} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-num_circle>li::before{content:counter(kj-num);position:absolute;left:0;top:.3em;width:1.55em;height:1.55em;border-radius:50%;background:var(--ink,#262626);color:#fff;font:800 .78em/1.55em var(--font-en,sans-serif);text-align:center} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .-list-under-dashed>li{padding-bottom:9px;border-bottom:1px dashed #bbb} /* 表 */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-table{overflow-x:auto;margin:35px 0 45px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.75} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) th,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) td{padding:12px 15px;border:1px solid #bbb;text-align:left;vertical-align:top} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) thead th{background:var(--ink,#262626);color:#fff;border-color:var(--ink,#262626)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-stripes tbody tr:nth-child(odd){background:#f5f5f5} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-stripes{border-bottom:0} /* 引用・区切り線・コード */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) blockquote{margin:42px 0;padding:25px 30px;border-left:5px solid var(--ink,#262626);background:#f5f5f5} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) blockquote p:last-child{margin-bottom:0} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) hr,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-separator{border:0;border-top:1px solid #ccc;margin:60px auto;max-width:120px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-separator.is-style-wide{max-width:none} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) code{padding:.1em .4em;background:#f1f1f1;font-size:.9em;font-family:Consolas,Menlo,monospace} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) pre{overflow-x:auto;padding:20px 22px;background:#1e1e1e;color:#eee;font-size:14px;line-height:1.7} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) pre code{padding:0;background:none;color:inherit} /* 埋め込み・動画 */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) iframe,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) video{max-width:100%} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-embed.is-type-video .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-embed.is-type-video iframe{position:absolute;inset:0;width:100%;height:100%} /* ボタン */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-button__link,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-button__link{display:inline-block;padding:16px 34px;border:1px solid var(--ink,#262626);background:var(--ink,#262626);color:#fff;text-decoration:none;font-weight:800;font-size:14px;transition:.2s} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .wp-block-button__link:hover,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-button__link:hover{background:#fff;color:var(--ink,#262626)} /* --------------------------------------------------------- SWELL：STEP（loos/step） --------------------------------------------------------- */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step{counter-reset:kj-step;margin:45px 0 80px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__item{counter-increment:kj-step;position:relative;padding:0 0 70px 76px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__item:last-child{padding-bottom:0} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__item::before{content:"";position:absolute;left:25px;top:58px;bottom:10px;border-left:1px dashed #aaa} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__item:last-child::before{display:none} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__number{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;background:var(--ink,#262626);color:#fff;font:800 18px/1 var(--font-en,sans-serif)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__number::after{content:counter(kj-step)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__number .__label{font-size:8px;letter-spacing:.08em;margin-bottom:3px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__title{min-height:52px;display:flex;align-items:center;margin-bottom:24px;font-size:18px;font-weight:800;line-height:1.65} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__body>:last-child{margin-bottom:0} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__body figure{margin:0 0 20px} /* --------------------------------------------------------- SWELL：吹き出し（loos/balloon） --------------------------------------------------------- */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-balloon{margin:42px 0} .c-balloon{display:flex;align-items:flex-start;gap:18px} .c-balloon.-bln-right{flex-direction:row-reverse} .c-balloon__icon{flex:0 0 72px;text-align:center} /* アイコン画像にもともと丸が描かれているので、枠は付けない */ .c-balloon__icon img,.c-balloon__iconImg{display:block;width:68px;height:68px;object-fit:contain;margin:0 auto 7px;border:0;border-radius:0;background:none} .c-balloon__iconName{display:block;font:700 10px/1.4 var(--font-en,sans-serif);letter-spacing:.06em} .c-balloon__body{position:relative;flex:1;min-width:0;padding:18px 22px;border:1px solid var(--ink,#262626);background:#fff;font-size:15px;line-height:1.9} .c-balloon__body.-border-off{border-color:transparent;background:#f3f3f3} .c-balloon__body::before{content:"";position:absolute;top:23px;left:-9px;width:16px;height:16px;background:inherit;border-left:1px solid var(--ink,#262626);border-bottom:1px solid var(--ink,#262626);transform:rotate(45deg)} .c-balloon.-bln-right .c-balloon__body::before{left:auto;right:-9px;transform:rotate(-135deg)} .c-balloon__body.-border-off::before{border-color:transparent} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .c-balloon__text p{margin:0} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .c-balloon__text p+p{margin-top:1em} .c-balloon__shapes{display:none} /* --------------------------------------------------------- SWELL：キャプションボックス（loos/cap-block） --------------------------------------------------------- */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-capbox{position:relative;margin:50px 0;padding:30px 28px 24px;border:1px solid var(--ink,#262626)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .cap_box_ttl{position:absolute;top:0;left:20px;transform:translateY(-50%);padding:0 10px;background:#fff;font:800 13px/1.4 var(--font-en,sans-serif);letter-spacing:.1em} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .cap_box_content>:last-child{margin-bottom:0} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .cap_box_content :is(ul,ol){margin:0;padding:0 0 0 1.4em;border:0} /* --------------------------------------------------------- SWELL：段組み（loos/columns） --------------------------------------------------------- */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-columns{margin:34px 0 48px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-columns__inner{display:flex;flex-wrap:wrap;gap:24px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-column{width:calc(var(--clmn-w--mobile,100%) - 24px);flex-grow:1;min-width:0} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-column>:last-child{margin-bottom:0} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-column figure{margin:0} @media(min-width:600px){:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-column{width:calc(var(--clmn-w--tab,50%) - 24px)}} @media(min-width:960px){:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-column{width:calc(var(--clmn-w--pc,50%) - 24px)}} /* --------------------------------------------------------- SWELL：ブログカード（loos/post-link） --------------------------------------------------------- */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-postLink{margin:40px 0} .p-blogCard{position:relative;border:1px solid var(--ink,#262626);background:#fff;transition:.2s} .p-blogCard:hover{background:#f6f6f6} .p-blogCard__inner{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;padding:20px} .p-blogCard.-external .p-blogCard__inner{grid-template-columns:1fr} .p-blogCard__caption{position:absolute;top:0;left:16px;transform:translateY(-50%);padding:0 8px;background:#fff;font:800 11px var(--font-en,sans-serif);letter-spacing:.12em} .p-blogCard__thumb{aspect-ratio:1.62;overflow:hidden;border:1px solid #ddd;background:#f3f3f3} .p-blogCard__thumb figure{margin:0!important;height:100%} .p-blogCard__thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:.25s} .p-blogCard:hover .p-blogCard__thumb img{filter:none} .p-blogCard__body{min-width:0} .p-blogCard__title{display:block;font-size:16px;font-weight:800;line-height:1.6;text-decoration:none!important} .p-blogCard__title::after{content:"";position:absolute;inset:0} .p-blogCard__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:12px;line-height:1.75;color:#777} /* --------------------------------------------------------- SWELL：is-style-◯◯（段落・グループの装飾ボックス） --------------------------------------------------------- */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) :is(.is-style-icon_announce,.is-style-icon_info,.is-style-icon_good,.is-style-icon_bad,.is-style-big_icon_point,.is-style-big_icon_caution,.is-style-big_icon_good,.is-style-big_icon_memo){position:relative;margin:40px 0;padding:22px 24px 22px 24px;border:1px solid var(--ink,#262626);background:#fff} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) :is(.is-style-icon_announce,.is-style-icon_info,.is-style-icon_good,.is-style-icon_bad,.is-style-big_icon_point,.is-style-big_icon_caution,.is-style-big_icon_good,.is-style-big_icon_memo)::before{display:block;margin-bottom:8px;font:800 11px/1.4 var(--font-en,sans-serif);letter-spacing:.14em} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-icon_announce::before{content:"NOTICE"} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-icon_info::before{content:"INFO"} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-icon_good::before,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-big_icon_good::before{content:"GOOD"} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-icon_bad::before{content:"BAD"} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-big_icon_point::before{content:"POINT"} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-big_icon_caution::before{content:"CAUTION"} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-big_icon_memo::before{content:"MEMO"} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-big_icon_caution{border-width:2px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-icon_bad{border-style:dashed} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-border{margin:40px 0;padding:22px 24px;border:1px solid var(--ink,#262626)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-stripes:not(.wp-block-table){margin:40px 0;padding:22px 24px;border:1px solid var(--ink,#262626);background:repeating-linear-gradient(-45deg,#f4f4f4 0 6px,#fff 6px 12px)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-crease{margin:40px 0;padding:22px 24px;background:#f4f4f4;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-balloon_box{position:relative;margin:40px 0 46px;padding:20px 24px;background:var(--ink,#262626);color:#fff} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-balloon_box::after{content:"";position:absolute;left:36px;bottom:-12px;border:12px solid transparent;border-bottom:0;border-top-color:var(--ink,#262626)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .is-style-big_kakko_box{margin:40px 0;padding:22px 28px;border-left:2px solid var(--ink,#262626);border-right:2px solid var(--ink,#262626)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) :is(.is-style-border,.is-style-stripes,.is-style-crease,.is-style-balloon_box,.is-style-big_kakko_box,[class*="is-style-icon_"],[class*="is-style-big_icon_"])>:last-child{margin-bottom:0} /* SWELL：文字の装飾 */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swl-marker{background:linear-gradient(transparent 62%,#e6e6e6 62%);font-weight:700} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swl-inline-color.has-swl-gray-color,:is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .has-swl-gray-color{color:#888} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .has-swl-deep-01-color{color:#1176d4} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swl-inline-icon::after{content:"";display:inline-block;width:1.1em;height:1.1em;margin:0 .15em;vertical-align:-.15em;background:currentColor;-webkit-mask:var(--the-icon-svg) no-repeat center/contain;mask:var(--the-icon-svg) no-repeat center/contain} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .kjc-icon{display:inline-block;vertical-align:-.2em} .u-fz-xs{font-size:.75em}.u-fz-s{font-size:.9em}.u-fz-l{font-size:1.15em}.u-fz-xl{font-size:1.4em} .u-thin{opacity:.8} .u-mb-ctrl.u-mb-0{margin-bottom:0!important}.u-mb-ctrl.u-mb-10{margin-bottom:.5em!important}.u-mb-ctrl.u-mb-20{margin-bottom:1em!important}.u-mb-ctrl.u-mb-30{margin-bottom:1.5em!important}.u-mb-ctrl.u-mb-40{margin-bottom:2em!important}.u-mb-ctrl.u-mb-50{margin-bottom:2.5em!important}.u-mb-ctrl.u-mb-60{margin-bottom:3em!important}.u-mb-ctrl.u-mb-80{margin-bottom:4em!important} .pc_only{display:none}@media(min-width:960px){.pc_only{display:block}.sp_only{display:none}} /* SWELL：タブ・FAQ（固定ページの過去データ用。JS なしでも全部読めるように縦に並べる） */ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .c-tabList{display:none} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .c-tabBody__item{display:block!important} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-faq__item{margin:0 0 24px;padding:20px 22px;border:1px solid var(--line,#d9d9d9)} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .faq_q{font-weight:800} @media(max-width:800px){ :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))){font-size:15px;line-height:1.95} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) h2{margin-top:75px;font-size:26px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) h3{font-size:20px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) figure{margin:28px 0 40px} .c-balloon{gap:11px}.c-balloon__icon{flex-basis:54px}.c-balloon__icon img,.c-balloon__iconImg{width:50px;height:50px}.c-balloon__body{padding:14px 16px;font-size:14px}.c-balloon__body::before{top:18px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__item{padding-left:58px;padding-bottom:55px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__number{width:42px;height:42px;font-size:15px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__item::before{left:20px;top:48px} :is(.post_content,.is-root-container:not(:has(.kj-sec,.kj-intro))) .swell-block-step__title{min-height:42px;font-size:16px;margin-bottom:18px} .p-blogCard__inner{grid-template-columns:110px 1fr;gap:14px;padding:16px}.p-blogCard__title{font-size:14px}.p-blogCard__excerpt{display:none} }