/* =========================================================
   WordPress（SWELL）から移した記事の部品を、新サイトの配色で表示
   ========================================================= */
.article-content{--sw-line:rgba(123,229,233,.28);--sw-bg:rgba(18,32,40,.55);--sw-cyan:#7be5e9;--sw-pink:#ff5fd2}
/* 文字サイズ・配置 */
.article-content .u-fz-xs,.article-content .has-xs-font-size{font-size:.78em}
.article-content .u-fz-s,.article-content .has-small-font-size{font-size:.88em}
.article-content .u-fz-m{font-size:1.05em}.article-content .u-fz-l,.article-content .has-large-font-size{font-size:1.2em}
.article-content .has-text-align-center{text-align:center}.article-content .has-text-align-right{text-align:right}
.article-content .u-col-main{color:var(--sw-cyan)}
.article-content .u-bg-main{background:linear-gradient(135deg,#1aa9b5,#2b6f8a);color:#fff}
/* WPの背景色指定は暗い背景用に置き換え（白背景＋白文字で読めなくなるのを防ぐ） */
.article-content .has-background{background:var(--sw-bg)!important;color:inherit!important;padding:1.1em 1.3em;border-radius:10px}
.article-content .has-white-background-color{background:rgba(255,255,255,.06)!important}
.article-content [class*="has-swl-"][class*="-background-color"]{background:rgba(255,255,255,.05)!important}
.article-content .has-border{border:1px solid var(--sw-line);border-radius:10px;padding:1em 1.2em}
.article-content .-border01{border-style:solid}.article-content .-border02,.article-content .-border04{border-style:dashed}.article-content .-border03{border-width:2px}
/* 目次 */
.article-content .p-toc{margin:2em 0;padding:1.2em 1.4em;border:1px solid var(--sw-line);border-radius:12px;background:var(--sw-bg)}
.article-content .p-toc__ttl{display:block;font-weight:700;letter-spacing:.12em;color:var(--sw-cyan);margin-bottom:.6em}
.article-content .p-toc__list{margin:0;padding-left:1.4em;line-height:1.9}.article-content .p-toc__list ol{padding-left:1.2em;margin:.2em 0}
.article-content .p-toc__list a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(123,229,233,.4)}
.article-content .p-toc__list a:hover{color:var(--sw-cyan)}
.article-content .p-toc:not(.is-built){display:none}
/* ブログカード（関連記事・外部記事） */
.article-content .p-blogCard{margin:1.6em 0;border:1px solid var(--sw-line);border-radius:12px;background:var(--sw-bg);transition:border-color .25s,transform .25s}
.article-content .p-blogCard:hover{border-color:var(--sw-cyan);transform:translateY(-2px)}
.article-content .p-blogCard__inner{position:relative;display:flex;gap:16px;align-items:center;padding:16px}
.article-content .p-blogCard__caption{position:absolute;top:-.8em;left:12px;padding:1px 10px;border-radius:999px;background:#0b1820;border:1px solid var(--sw-line);font-size:11px;color:var(--sw-cyan)}
.article-content .p-blogCard__thumb{flex:0 0 min(32%,180px);margin:0}
.article-content .p-blogCard__thumb figure{margin:0}.article-content .p-blogCard__thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.article-content .p-blogCard__body{min-width:0}
.article-content .p-blogCard__title{display:block;font-weight:700;color:inherit;text-decoration:none;line-height:1.6}
.article-content .p-blogCard__title::after{content:"";position:absolute;inset:0}
.article-content .p-blogCard__excerpt{display:block;margin-top:.4em;font-size:.82em;color:#9fb0b5;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:600px){.article-content .p-blogCard__excerpt{display:none}}
/* 吹き出し */
.article-content .c-balloon{display:flex;gap:14px;align-items:flex-start;margin:1.6em 0}
.article-content .c-balloon.-bln-right{flex-direction:row-reverse}
.article-content .c-balloon__icon{flex:0 0 64px;text-align:center}
.article-content .c-balloon__iconImg{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--sw-line);background:#0b1820}
.article-content .c-balloon__iconName{display:block;margin-top:4px;font-size:11px;color:#9fb0b5}
.article-content .c-balloon__body{position:relative;flex:1;min-width:0;padding:.9em 1.1em;border:1px solid var(--sw-line);border-radius:12px;background:var(--sw-bg)}
.article-content .c-balloon__text>:first-child{margin-top:0}.article-content .c-balloon__text>:last-of-type{margin-bottom:0}
.article-content .c-balloon__shapes{display:none}
.article-content .c-balloon[data-col="green"] .c-balloon__body{border-color:rgba(164,224,189,.5)}
.article-content .c-balloon[data-col="red"] .c-balloon__body{border-color:rgba(255,95,130,.5)}
.article-content .c-balloon[data-col="yellow"] .c-balloon__body{border-color:rgba(255,215,90,.5)}
/* FAQ */
.article-content .swell-block-faq{margin:2em 0}
.article-content .swell-block-faq__item{margin:0 0 1em;border:1px solid var(--sw-line);border-radius:12px;overflow:hidden;background:var(--sw-bg)}
.article-content .faq_q{position:relative;margin:0;padding:.9em 1.1em .9em 3em;font-size:1em;background:rgba(123,229,233,.08)}
.article-content .faq_q::before{content:"Q";position:absolute;left:1em;top:.75em;font:700 1.1em/1.2 Georgia,serif;color:var(--sw-cyan)}
.article-content .faq_a{position:relative;padding:.9em 1.1em .9em 3em}
.article-content .faq_a::before{content:"A";position:absolute;left:1em;top:.75em;font:700 1.1em/1.2 Georgia,serif;color:var(--sw-pink)}
.article-content .faq_a>:first-child{margin-top:0}.article-content .faq_a>:last-child{margin-bottom:0}
/* キャプション付きボックス */
.article-content .cap_box{margin:2em 0;border:1px solid var(--sw-line);border-radius:12px;background:var(--sw-bg)}
.article-content .cap_box_ttl{padding:.6em 1.1em;font-weight:700;color:var(--sw-cyan);border-bottom:1px solid var(--sw-line)}
.article-content .is-style-onborder_ttl .cap_box_ttl,.article-content .is-style-onborder_ttl2 .cap_box_ttl{border:0;padding-bottom:0}
.article-content .cap_box_content{padding:.9em 1.1em}
.article-content .cap_box_content>:first-child{margin-top:0}.article-content .cap_box_content>:last-child{margin-bottom:0}
/* ステップ */
.article-content .swell-block-step{margin:2em 0;counter-reset:swstep}
.article-content .swell-block-step__item{position:relative;padding:0 0 1.4em 3.4em;border-left:2px solid var(--sw-line);margin-left:1.2em}
.article-content .swell-block-step__item:last-child{border-left-color:transparent}
.article-content .swell-block-step__number{position:absolute;left:-1.25em;top:0;width:2.5em;height:2.5em;border-radius:50%;display:grid;place-items:center;font-size:.9em;font-weight:700;counter-increment:swstep}
.article-content .swell-block-step__number .__label{font-size:0}.article-content .swell-block-step__number::after{content:counter(swstep);font-size:1.1em}
.article-content .swell-block-step__title{margin:.2em 0 .4em}
/* ボタン・リンクリスト */
.article-content .swell-block-button{margin:1.6em 0;text-align:center}
.article-content .swell-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-width:min(100%,320px);padding:.9em 1.8em;border-radius:999px;background:linear-gradient(90deg,#4ed8e5,#2b8fa8);color:#04121a!important;font-weight:700;text-decoration:none;box-shadow:0 0 18px rgba(78,216,229,.35);transition:transform .2s,box-shadow .2s}
.article-content .swell-block-button__link:hover{transform:translateY(-2px);box-shadow:0 0 26px rgba(255,95,210,.45)}
.article-content .swell-block-linkList{list-style:none;margin:1.4em 0;padding:0}
.article-content .swell-block-linkList__item{margin:.5em 0}
.article-content .swell-block-linkList__link{display:flex;align-items:center;gap:.6em;padding:.8em 1em;border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-bg);color:inherit;text-decoration:none}
.article-content .swell-block-linkList__link:hover{border-color:var(--sw-cyan)}
.article-content .swell-block-linkList__icon{flex:none;color:var(--sw-cyan)}
/* ボックスメニュー */
.article-content .swell-block-box-menu__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.article-content .swell-block-box-menu__link{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:1em;border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-bg);color:inherit;text-align:center;text-decoration:none}
.article-content .swell-block-box-menu__figure svg{width:2em;height:2em;fill:var(--sw-cyan)}
/* アコーディオン */
.article-content .swell-block-accordion__item{margin:.8em 0;border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-bg)}
.article-content .swell-block-accordion__title{display:flex;justify-content:space-between;gap:1em;padding:.9em 1.1em;cursor:pointer;list-style:none}
.article-content .swell-block-accordion__title::-webkit-details-marker{display:none}
.article-content .swell-block-accordion__icon::after{content:"＋";color:var(--sw-cyan)}
.article-content details[open]>.swell-block-accordion__title .swell-block-accordion__icon::after{content:"－"}
.article-content .swell-block-accordion__icon i{display:none}
.article-content .swell-block-accordion__body{padding:0 1.1em 1em}
/* 表 */
.article-content .wp-block-table{overflow-x:auto;margin:1.6em 0}
.article-content .wp-block-table table{width:100%;min-width:var(--table-width,auto);border-collapse:collapse}
.article-content .wp-block-table th,.article-content .wp-block-table td{padding:.7em .9em;border:1px solid var(--sw-line);vertical-align:top}
.article-content .wp-block-table th{background:rgba(123,229,233,.1)}
.article-content .c-scrollHint{font-size:11px;color:#9fb0b5;text-align:right}
@media(min-width:601px){.article-content .c-scrollHint.sp_{display:none}}
/* 埋め込み（URLだけ残っているもの） */
.article-content .wp-block-embed__wrapper{word-break:break-all}