@charset "utf-8";
/* SP（〜1023px）。旧 SP（750 キャンバス）の px を半分にした 375px 基準の固定 px を PC の DOM に付け替えた。site.css と同じ詳細度で上書き。文字の下限 12px（ロゴ下の文字を除く）。768〜1023px は最大 750px で中央寄せ。説明は notes/css.md */
.is-pc{display:none!important}
html{scroll-padding-top:60px}
body{font-size:12px}
@media (min-width:751px){
html{background:#e6e6e6}
body{max-width:750px;min-height:100vh;margin:0 auto}
}
.inner{width:90%}
/* ヘッダー。アイコンは右端基準（調査08 §2 #6）。2026-10 改修: ロゴは SVG・キャッチなし、アイコンは線の SVG（site.css の変数）、開いても白いまま */
#header{position:fixed;top:0;left:0;right:0;z-index:997;max-width:750px;height:55px;margin:0 auto;border-bottom:1px solid #ebe6e0;background:#fff}
#header .inner{position:static;width:auto;height:100%}
#header .logo{position:absolute;left:16px;top:13px;z-index:999}
#header .logo img{width:140px}
.sp-btn-menu,.sp-btn-search{position:absolute;top:5px;z-index:999;width:40px;height:40px;padding:0;border:0;border-radius:0;background:transparent center/22px no-repeat;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}
.sp-btn-search{right:56.5px;background-image:var(--icon-search)}
.sp-btn-menu{right:10px;background-image:var(--icon-menu);background-size:24px}
html.is-menu-open .sp-btn-menu,html.is-search-open .sp-btn-search{background-image:var(--icon-close);background-size:22px}
/* 開いている間は後ろのページを止める */
html:is(.is-menu-open,.is-search-open){overflow:hidden}
html:is(.is-menu-open,.is-search-open) .btn_top{display:none}
/* #gNav を開閉パネルに。メニュー＝主要リンク＋タグ＋サービス＋運営、検索＝検索窓＋よく検索される語＋事例＋4テーマ。html のクラスで出し分ける */
#gNav{display:none}
html:is(.is-menu-open,.is-search-open) #gNav{display:block;position:fixed;top:55px;left:0;right:0;bottom:0;z-index:998;max-width:750px;margin:0 auto;padding:16px 20px 40px;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-sizing:border-box}
#gNav .gNav_main_menu{display:flex;flex-direction:column}
#gNav .gNav_main_menu>li{display:block}
html.is-menu-open #gNav .gNav_main_menu>:is(.gNav_main_search,.search-extra){display:none}
html.is-search-open #gNav .gNav_main_menu>li:not(.gNav_main_search,.search-extra){display:none}
/* 主要リンク（新着記事・インタビュー・お役立ち資料）: 押しやすい高さの行 */
#gNav .gNav_main_menu>li:not(.gNav_main_has_children,.gNav_main_search,.search-extra,.nav-foot)>a{position:relative;display:flex;align-items:center;height:52px;padding:0 4px;font-size:16px;font-weight:700;line-height:1;color:#222;border-bottom:1px solid #f0ebe5}
#gNav .gNav_main_menu>li:not(.gNav_main_has_children,.gNav_main_search,.search-extra,.nav-foot)>a::after{content:"";position:absolute;right:8px;top:50%;width:8px;height:8px;margin-top:-4px;border-top:2px solid #c9c2ba;border-right:2px solid #c9c2ba;transform:rotate(45deg)}
#gNav .gNav_main_menu>li>a.nav-cta{color:var(--c-acc)}
#gNav .gNav_main_menu>li>a.nav-cta::before{content:"無料";order:2;margin-left:10px;padding:3px 8px;font-size:11px;font-weight:700;color:#fff;border-radius:999px;background:var(--c-acc)}
/* タグ・サービス: 見出しは小さい灰色、中身はチップ。一覧は常に開く */
#gNav .gNav_main_menu>.gNav_main_has_children{order:1}
#gNav .gNav_main_menu>li:not(.gNav_main_has_children)+.gNav_main_has_children{margin-top:28px}
#gNav .gNav_main_menu>.gNav_main_has_children+.gNav_main_has_children{margin-top:24px}
#gNav .gNav_main_menu>.gNav_main_has_children>a{display:block;margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.12em;color:#8f877d;pointer-events:none}
#gNav .gNav_sub_menu{display:flex;flex-wrap:wrap;gap:8px}
#gNav .gNav_sub_menu a{display:block;padding:9px 14px;font-size:14px;line-height:1.3;color:#333;border-radius:999px;background:var(--c-chip)}
#gNav .gNav_sub_menu .sNav_sub_other{flex-basis:100%;margin:4px 0 0}
#gNav .gNav_sub_menu .sNav_sub_other a{padding:6px 0;font-size:13px;font-weight:700;color:var(--c-acc);background:none}
/* 運営情報（メニューの最後） */
#gNav .gNav_main_menu>.nav-foot{order:2;display:flex;gap:20px;margin-top:32px;padding-top:20px;border-top:1px solid #f0ebe5}
#gNav .nav-foot a{font-size:13px;color:var(--c-sub)}
/* 検索パネル: 検索窓を先頭に、その下によく検索される語・事例・4テーマ。入力欄は 16px 未満だと iOS がフォーカスで拡大する */
#gNav .gNav_main_menu>.gNav_main_search{order:-1;margin:0 0 24px}
#gNav .gNav_main_menu>.search-extra{order:-1}
#gNav .searchForm input[type=text]{height:46px;padding:0 48px 0 18px;font-size:16px}
#gNav .searchForm input[type=submit]{top:5px;right:6px;width:36px;height:36px;background-size:18px}
#gNav .sx-h{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.12em;color:#8f877d}
#gNav .sx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
#gNav .sx-chips a{display:block;padding:9px 14px;font-size:14px;line-height:1.3;color:#333;border-radius:999px;background:var(--c-chip)}
#gNav .sx-chips a::before{content:"";display:inline-block;width:12px;height:12px;margin:0 6px -1px 0;background:var(--icon-search) center/12px no-repeat;opacity:.6}
#gNav .sx-company{display:block;margin:0 0 28px;padding:14px 16px;font-size:13px;line-height:1.6;color:#333;border:1px solid #ebe6e0;border-radius:10px}
#gNav .sx-company b{display:block;margin-bottom:2px;font-size:14px;font-weight:700;color:var(--c-acc)}
#gNav .theme-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#gNav .theme-links a{display:block;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.4;color:#222;border:1px solid #ebe6e0;border-radius:10px}
#gNav .theme-links small{display:block;margin-bottom:2px;font-size:10px;letter-spacing:.14em;color:var(--c-acc)}
/* 外枠・共通部品 */
#main{padding-top:50px}
#breadcrumb{padding:5px;overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis;background:#f0f0f0}
#breadcrumb li{display:inline}
.commonBtn a{padding:4px 0}
.part_meta{font-size:11px}
.wp-pagenavi{gap:6px;margin-top:24px}
.wp-pagenavi .page-numbers{min-width:36px;height:36px;padding:0 4px;font-size:13px}
.wp-pagenavi :is(.prev,.next){width:36px}
.copy_btn{padding:0 14px 0 34px;background-position:12px center;background-size:14px}
.copy_btn::after{font-size:12px}
/* 768〜1023px は 750px の枠の右端に（調査06 §2-4 SP #8） */
.btn_top{position:fixed;right:max(10px,calc((100% - 750px) / 2 + 10px));bottom:30px;z-index:999}
#btn_top2{width:40px;height:40px;border-radius:20px;background:rgba(100,100,100,.1)}
#btn_top2::before,#btn_top2::after{width:10px;height:10px}
#btn_top2::before{margin:-6px 0 0 -6px}
#btn_top2::after{margin:1px 0 0 -6px}
/* サイドバー（本文の下に縦積み。並びは PC と同じ。カードの共通は site.css） */
#aside{padding:24px 0 40px}
#aside .search_list,#aside #side_melmag,#aside #side_popular{margin:0 20px 16px;padding:18px 18px 12px;border-radius:10px}
#aside #side_melmag{margin-bottom:24px}
.fold.is-folded{max-height:120px;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.fold-more{margin-top:6px}
#aside #side_popular{padding-bottom:6px}
#aside #side_popular a{grid-template-columns:104px minmax(0,1fr)}
#aside #side_popular img{width:104px}
/* フッター（site.css の共通を SP 向けに。ロゴとリンクを縦に、リンクは2列） */
.ft{padding:44px 20px 24px}
.ft__top{grid-template-columns:1fr;gap:32px;padding-bottom:32px}
.ft__brand img{width:170px}
.ft__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.ft__co{flex-wrap:wrap;gap:16px 24px;padding:24px 0}
.ft__sns{margin-left:0;width:100%}
/* トップ（SP）。おすすめの右4本も出す、新着とインタビューは縦の一覧、ピックアップとテーマ別は横にスワイプ。余白は各段の内側に 20px */
#page_top .inner{width:auto}
#page_top .sec-head{gap:12px;margin:0 0 16px;padding:0 20px}
#page_top .sec-h{font-size:20px}
#page_top .sec-h::before{margin:0 0 4px;font-size:11px;letter-spacing:.16em}
#page_top .sec-more{padding:0 0 3px;font-size:12px}
#page_top .sec-more a::after{width:6px;height:6px;margin-left:6px;vertical-align:1px}
.date{margin:0 0 2px;font-size:11px}
.date .kind{margin:0 6px 0 0;padding:0 6px;font-size:10px;border-radius:3px}
#page_top #mv{padding:16px 16px 20px}
/* 1本目は白いカード、残り4本は別の白い箱（境目が細い線1本では分かりにくかった） */
#page_top #mv #recommend_left{margin:0 0 14px;overflow:hidden;border:1px solid var(--c-line);border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(40,30,20,.06)}
#page_top #mv #recommend_left .cont{padding:14px 16px 16px}
#page_top #mv #recommend_left .part_ttl{font-size:18px;line-height:1.55;display:-webkit-box}
#page_top #mv #recommend_left .part_cont{display:none}
#page_top #mv #recommend_right{padding:4px 14px;border:1px solid var(--c-line);border-radius:12px;background:#fff}
#page_top #mv #recommend_right .recommend_box{padding:12px 0;border-top:1px solid #f0ebe5}
#page_top #mv #recommend_right .recommend_box:first-child{border-top:0}
#page_top #mv #recommend_right a{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:start}
#page_top #mv #recommend_right img{border-radius:6px}
#page_top #mv #recommend_right .part_ttl{font-size:13px;line-height:1.55}
#page_top #new{padding:36px 0 12px}
#page_top #new ul{margin:0;padding:0 20px;list-style:none}
#page_top #new li{padding:12px 0;border-top:1px solid var(--c-line)}
#page_top #new .item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start}
#page_top #new img{border-radius:6px}
#page_top #new .part_ttl{font-size:14px;line-height:1.55}
#page_top #popular{padding:36px 0 32px}
#page_top #popular ul{display:flex;gap:12px;padding:0 20px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#page_top #popular ul::-webkit-scrollbar{display:none}
#page_top #popular li{flex:0 0 232px;scroll-snap-align:start}
#page_top #popular li .item{border-radius:10px}
#page_top #popular .li_cont{padding:10px 12px 14px}
#page_top #popular .post_genres{gap:4px;margin:0 0 6px;font-size:10px}
#page_top #popular .post_genres span{padding:0 6px;border-radius:3px}
#page_top #popular .part_ttl{font-size:14px;line-height:1.55}
#page_top .swipe{margin:6px 20px 0;font-size:11px;color:#8a847c;text-align:right}
#page_top #article .home_inner{width:auto;margin:0;padding:0}
#page_top #interview{padding:36px 0 8px}
#page_top #interview ul{margin:0;padding:0 20px;list-style:none}
#page_top #interview li{padding:12px 0;border-top:1px solid var(--c-line)}
#page_top #interview li a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start}
#page_top #interview img{border-radius:6px}
#page_top #interview .part_ttl{font-size:14px;line-height:1.55}
#page_top #interview .part_cont{display:none}
#page_top #themes{padding:36px 0 8px}
#page_top .themes{display:flex;gap:12px;padding:0 20px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#page_top .themes::-webkit-scrollbar{display:none}
.theme{flex:0 0 272px;scroll-snap-align:start;padding:16px 16px 4px;border-radius:10px}
.theme__head{margin:0 0 12px}
.theme__ttl{font-size:16px}
.theme__more{font-size:11px}
.theme li a{padding:10px 0}
.theme li img{margin:0 0 8px;border-radius:6px}
.theme li p{font-size:13px;line-height:1.55}
#page_top #tags{padding:36px 0 8px}
#page_top #tags ul{gap:8px;padding:0 20px}
#page_top #tags li a{padding:6px 14px;font-size:12px}
#home_melmag{margin:32px 20px;padding:20px;border-radius:12px}
/* 一覧 */
/* 一覧（SP）。画像の横に種類と題名、その下に日付とタグの1行。抜粋は出さない（1件 約520px → 約110px） */
#page_archive #article .inner{width:auto;box-sizing:border-box;padding:16px 20px 0}
#page_archive .entry_list4{margin:0 0 32px;font-size:12px}
.list-head{margin:0 0 4px;padding:0 0 16px}
.list-head__kicker{margin:0 0 4px;font-size:11px}
.list-head h1{font-size:22px}
.list-head__desc{margin:10px 0 0;font-size:13px;line-height:1.8}
.list-head__desc b{font-size:14px}
.list-head__meta{margin:8px 0 0;font-size:12px}
#page_archive .entry_list4 dd{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid #eee9e3}
#page_archive .entry_list4 dd>p:only-child{grid-column:1/-1}
#page_archive .entry_list4 dd .pict{grid-area:1/1/3/2;margin:0}
#page_archive .entry_list4 dd .pict img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
#page_archive .entry_list4 dd .cont{display:contents}
#page_archive .entry_list4 dd .cont>a{grid-area:1/2/2/3;display:block}
#page_archive .entry_list4 dd .part_type{display:inline-block;margin:0 0 4px;padding:0 6px;font-size:10px;font-weight:700;color:#5a544c;border-radius:3px;background:#efeae4}
#page_archive .entry_list4 dd .part_ttl{margin:0;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#page_archive .entry_list4 dd .part_cont{display:none}
/* 資料の一覧（.is-desc）は SP でも説明を2行 */
#page_archive .entry_list4.is-desc dd .part_cont{display:-webkit-box;margin:4px 0 0;font-size:12px;line-height:1.6;color:var(--c-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#page_archive .entry_list4 dd .part_meta{grid-area:2/2/3/3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page_archive .entry_list4 dd .part_meta .part_date{display:inline;margin:0 8px 0 0}
/* 記事・固定ページ（2026-10 改修。PC の値は site.css・content.css） */
#page_single #entry_detail{margin:0 auto 40px;padding-top:16px}
.kicker{gap:6px;margin:0 0 8px}
.kicker a{font-size:12px}
.kicker a+a::before{margin-right:6px}
#page_single #entry_detail>h1{margin:0 0 16px;font-size:22px;letter-spacing:.01em}
.meta{flex-wrap:wrap;gap:10px 14px;margin:0 0 20px;padding:12px 0;font-size:12px}
.by{gap:8px}
.by img{width:32px;height:32px}
.by b{font-size:13px}
.by small{font-size:11px}
.info{gap:12px}
.info span+span{padding-left:12px}
.meta .share{width:100%;margin-left:0}
.meta .share .copy_btn{margin-left:auto}
#page_single #entry_detail .part_img1{margin:0 0 28px}
#page_single #entry_detail .part_img1 img{width:100%;border-radius:8px}
/* 本文（content.css の SP 用。1行は約21字のまま、行間と段落の間を広げる） */
#page_single .part_content{font-size:16px;line-height:1.9;letter-spacing:.03em}
#page_single .part_content p{margin:0 0 1.4em;font-size:16px}
#page_single .part_content img{border-radius:6px}
#page_single .part_content .wp-caption-text{margin-top:6px;font-size:12px}
#page_single .part_content h2{margin:56px 0 20px;padding:0 0 12px;font-size:21px;letter-spacing:.01em}
#page_single .part_content h2::after{width:40px}
#page_single .part_content h3{margin:40px 0 14px;padding:1px 0 1px 12px;font-size:18px}
#page_single .part_content h4{margin:28px 0 10px;font-size:16px}
#page_single .part_content h4::before{width:6px;height:6px;margin:0 8px 3px 0}
#page_single .part_content h5{margin:24px 0 10px;font-size:15px}
#page_single .part_content>h2:first-child,#page_single .part_content>#ez-toc-container+h2{margin-top:28px}
#page_single .part_content :is(ul,ol):not(#ez-toc-container *):not(#page_menu *){margin:0 0 1.4em;padding-left:1.3em;font-size:16px}
#page_single .part_content li:not(#ez-toc-container *):not(#page_menu *){margin:.25em 0}
#page_single .part_content p.c-src{margin:-.7em 0 1.6em;font-size:12px}
#page_single .part_content p.c-label{margin-top:2em}
#page_single .part_content blockquote{margin:24px 0;padding:16px 18px;font-size:15px;border-radius:0 8px 8px 0}
#page_single .part_content blockquote p{font-size:15px}
/* 表: 4列以上（.c-wide）は押し込まずに横スクロール。その上に案内 */
#page_single .part_content .c-tbl-hint{display:block;margin:20px 0 -14px;font-size:11px;color:var(--c-sub);text-align:right}
#page_single .part_content .c-tbl-hint::after{content:" →"}
#page_single .part_content .c-tbl{margin:20px 0 28px;border-radius:8px;-webkit-overflow-scrolling:touch}
#page_single .part_content .c-tbl table{font-size:14px;line-height:1.6}
#page_single .part_content .c-tbl.c-wide table{min-width:560px}
#page_single .part_content .c-tbl :is(th,td){padding:10px 12px}
#page_single .part_content .c-tbl :is(th,tr.c-thead>td){font-size:12px}
#page_single .part_content .c-tbl td.c-url{font-size:12px}
#page_single .part_content .c-tbl.c-box td{padding:16px 18px;font-size:15px}
/* 包みの無い旧本文の表は表ごと横スクロール（表ブロックはコアの figure が受け持つ） */
#page_single .part_content table:not(.c-tbl table,.wp-block-table table){display:block;overflow-x:auto}
/* 目次: SP は7項目以上（.toc-mid）を畳む */
#page_single .part_content #ez-toc-container{margin:28px 0 4px;padding:18px 18px 14px;border-radius:10px}
#page_single .part_content #ez-toc-container .ez-toc-title-container{margin:0 0 8px}
#page_single .part_content #ez-toc-container .ez-toc-title{font-size:14px}
#page_single .part_content #ez-toc-container .ez-toc-list-level-1>li{padding:8px 0;font-size:14px}
#page_single .part_content #ez-toc-container .ez-toc-list-level-1>li>a::before{width:2.1em}
#page_single .part_content #ez-toc-container .ez-toc-list ul{margin:2px 0 0;padding-left:2.1em}
#page_single .part_content #ez-toc-container .ez-toc-list ul li{font-size:13px}
#page_single .part_content #ez-toc-container.toc-mid:not(.is-open) nav{max-height:236px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
#page_single .part_content .toc-mid .toc-more{display:block;margin:8px auto 0;padding:7px 16px;font-size:12px}
/* インタビューの話者・質問。話者の写真は小さい丸にして名前の横に（回り込みで本文がガタつかないように） */
#page_single .part_content p.c-say{margin-top:1.8em}
#page_single .part_content p.c-say img{float:left;width:56px;height:56px;margin:0 10px 4px 0;padding:0;border-radius:50%;object-fit:cover}
#page_single .part_content .c-say-name{margin:0 0 2px;font-size:12px}
#page_single .part_content .c-say-name::before{width:12px;margin:0 6px 4px 0}
#page_single .part_content p.c-q{margin:2.2em 0 1em;padding:12px 14px 12px 46px;line-height:1.7;border-radius:8px}
#page_single .part_content .c-q-mark{left:12px;top:12px;width:24px;height:24px;font-size:13px;line-height:24px}
#page_single .part_content .c-wp-toc{padding:18px}
#page_single .part_content .c-wp-toc li{padding-left:34px;font-size:14px}
/* 本文の画像の余白・回り込みを外す（調査08 §2 #3） */
.alignnone,.alignleft,.alignright{max-width:100%}
.alignnone{margin:0}
.alignnone,.aligncenter{padding:2px}
.alignleft,.alignright{float:none;margin:0;padding:0}
/* 末尾 */
#page_single .tags{gap:6px;margin:40px 0 0}
#page_single .tags a{padding:4px 10px;font-size:12px}
.sharebar{flex-wrap:wrap;gap:10px 8px;margin:20px 0 32px;padding:16px 0}
.sharebar__label{width:100%;margin-right:0;font-size:13px}
.sharebar .copy_btn{margin-left:auto}
#page_single #entry_detail .part_writer{grid-template-columns:56px minmax(0,1fr);column-gap:14px;margin:0 0 40px;padding:18px;border-radius:10px}
#page_single #entry_detail .part_writer img{grid-row:1/span 2;width:56px;height:56px}
#page_single #entry_detail .part_writer_h{font-size:11px}
#page_single #entry_detail .part_writer_ttl{margin:2px 0 0;font-size:16px;line-height:1.4}
#page_single #entry_detail .part_writer_ttl small{display:block;margin:2px 0 0;font-size:12px}
#page_single #entry_detail .part_writer_txt{grid-column:1/-1;margin-top:12px;font-size:13px;line-height:1.8}
#page_single #entry_detail .writer_sns{grid-column:1/-1;margin:10px 0 0}
#page_single #entry_detail .writer_sns a{margin:0 8px 0 0;padding:6px 16px 6px 36px;font-size:12px;background-position:14px center;background-size:13px auto}
#page_single #entry_detail .cat_bnr_wrap{padding-bottom:20px}
#page_single #entry_detail .cat_bnr_wrap .cat_bnr{margin-bottom:10px}
/* お役立ち資料（SP）: 1列。画面下に固定の「無料で資料をダウンロード」（フォームが見えている間は main.js が隠す） */
.wp-main h1{font-size:21px}
.has_form .wp-side{margin:8px 0 24px}
.wp-form{padding:20px 18px 16px;box-shadow:none}
.wp-bar{position:fixed;left:0;right:0;bottom:0;z-index:996;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--c-line);transition:transform .25s}
.wp-bar a{display:block;padding:14px 10px;font-size:15px;font-weight:700;color:#fff;text-align:center;border-radius:999px;background:var(--c-acc)}
.wp-bar.is-hidden{transform:translateY(110%)}
.has_form .btn_top{bottom:84px}
/* 関連記事 */
#page_single .entry_list4{margin:0 0 20px;padding:8px 0 20px;font-size:12px}
#page_single .entry_list4 .ttl_common1{margin:0 0 4px;padding:0 0 12px;font-size:19px}
#page_single .entry_list4 .ttl_common1::after{width:40px}
#page_single .entry_list4 dd{gap:12px;padding:14px 0}
#page_single .entry_list4 dd .pict{width:88px}
#page_single .entry_list4 dd .pict img{width:88px;height:88px;border-radius:6px}
#page_single .entry_list4 dd .part_ttl{margin:0 0 4px;font-size:14px;font-weight:700}
#page_single .entry_list4 dd .part_meta{font-size:11px}
/* 会社概要は縦積み（調査08 §2 #5） */
#page_single .part_content .company_table{display:block;width:100%;font-size:16px;line-height:1.6}
#page_single .part_content .company_table :is(tbody,tr){display:block;width:100%}
#page_single .part_content .company_table th{display:block;width:100%;padding:0 0 4px;font-size:16px;border:0}
#page_single .part_content .company_table td{display:block;width:auto;margin-bottom:5px;padding:0 0 5px;border:0;border-bottom:1px solid #e7e7e7}
/* 404・お礼・タグ／サービス一覧（SP） */
:is(#page_404,#page_form) #article .inner{width:auto;padding:0 20px}
#page_404 #entry_detail{margin:0 auto 40px;padding-top:16px}
.p404{margin:0 0 32px;padding:28px 18px}
.p404__num{font-size:56px}
.p404 h1{font-size:19px}
#page_404 #new ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.page_thanks #entry_detail{margin:0 auto 40px;padding-top:20px}
.page_thanks .part_content{padding:28px 18px}
.page_thanks #entry_detail h1{font-size:20px}
.page_thanks .form_head{font-size:14px}
.terms-head h1{font-size:22px}
.tagcard{padding:16px}