/* 233: explicit foreground colours fix the legacy white-text price panel. */
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .price-panel :is(.tag,h3,p,small){color:#102650!important;-webkit-text-fill-color:#102650!important;opacity:1!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .price-panel p{color:#102650!important;-webkit-text-fill-color:#102650!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .price-panel .tag{border-bottom:1px solid #dfe6f2!important;font-weight:700!important}
/* All content stays horizontal. Isometry belongs to the diagram planes only. */
.iso233{width:100%;max-width:320px;aspect-ratio:16/9;align-self:center;justify-self:center;pointer-events:none}
.iso233 svg{display:block;width:100%;height:100%;overflow:visible}
.iso233-plane{animation:iso233-rise 5s ease-in-out infinite alternate}
.iso233-plane.p1{animation-delay:-1.6s}.iso233-plane.p2{animation-delay:-3.2s}
@keyframes iso233-rise{from{translate:0 0}to{translate:0 -9px}}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .page-hero{height:auto!important;min-height:0!important;padding:54px 0!important;background:#f5f8ff!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .page-hero>.wrap{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)!important;gap:24px 40px!important;align-items:center!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .page-hero :is(h1,h2){grid-column:1/-1!important;text-align:center!important;margin:0 auto!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .page-hero .lead{margin:0!important;text-align:left!important;font-size:18px!important;line-height:1.9!important;max-width:44em!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .page-art232{display:none!important}
/* Alternate white, cool blue and a quiet diagonal plane instead of repeating cards. */
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) main>.section:nth-of-type(3n+1):not(.mon224){background:linear-gradient(164deg,#fff 0 78%,#f4f7ff 78% 93%,#edf3ff 93%)!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .price-panel{position:relative;isolation:isolate;border-bottom:7px solid #dfe6f2!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .price-panel:last-child{border-bottom-color:#dfe6f2!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .rules{gap:32px!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .rule{background:transparent!important;border:0!important;border-bottom:3px solid #dfe6f2!important;padding:28px 0!important;box-shadow:none!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .rule:nth-child(2){border-bottom-color:#dfe6f2!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .rule:nth-child(3){border-bottom-color:#dfe6f2!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .steps li::before{background:#edf3ff!important;border-bottom:5px solid #dfe6f2!important;padding:10px 4px!important;text-align:center!important;align-self:start!important;box-shadow:none!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .monitor-art232{width:300px!important;margin-bottom:28px!important}
@media(max-width:767px){
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .page-hero{padding:38px 0!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .page-hero>.wrap{grid-template-columns:1fr!important;gap:18px!important}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .page-hero .lead{text-align:center!important;font-size:15px!important;line-height:1.8!important}
.iso233{max-width:180px;max-height:102px}
html body[data-deck232]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .monitor-art232{width:220px!important}
}
@media(prefers-reduced-motion:reduce){.iso233-plane{animation:none!important;translate:none!important}}
/* Options: visual comparison without hiding or abbreviating the supplied copy. */
.option233-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.option233-card{min-width:0;display:flex;flex-direction:column;gap:18px;padding:24px;background:#fff;border:1px solid #dfe6f2;border-top:4px solid #2448d8;border-radius:12px}
.option233-card:nth-child(2){border-top-color:#102650}.option233-card:nth-child(3){border-top-color:#2448d8}
.option233-visual{background:#f0f5ff;border-radius:8px;aspect-ratio:16/9;overflow:hidden}
.option233-visual svg{display:block;width:100%;height:100%}
.option233-card h3{font-size:23px;line-height:1.5;color:#102650;margin:0}
.option233-card p{font-size:16px;line-height:1.8;color:#102650;margin:0}
.option233-price{display:block;padding-top:20px;border-top:1px solid #dfe6f2;margin-top:auto;font-size:24px;line-height:1.5;color:#2448d8}
.option233-intro{max-width:360px;margin:0 auto 40px}
.option233-intro img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .catalog{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .catalog article{padding:24px!important;background:white!important;border:1px solid #dfe6f2!important;border-radius:12px!important;min-width:0!important}
html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .catalog h3{margin:20px 0 14px!important;font-size:22px!important;line-height:1.5!important;color:#102650!important}
html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .catalog p{font-size:16px!important;line-height:1.9!important;color:#102650!important}
@media(max-width:1023px){.option233-grid{gap:16px}.option233-card{padding:18px}.option233-card h3,.option233-price{font-size:20px}html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){.option233-grid{grid-template-columns:1fr;gap:20px}.option233-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px 16px;padding:20px}.option233-visual{grid-column:1;grid-row:1/3;align-self:start}.option233-card h3,.option233-card p{grid-column:2}.option233-price{grid-column:1/-1;margin-top:4px;font-size:23px}.option233-card p{font-size:15px}.option233-intro{max-width:260px;margin-bottom:28px}html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .catalog{grid-template-columns:1fr!important}html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .catalog article{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:12px 16px!important;padding:20px!important}html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .catalog h3{grid-column:2!important;margin:0!important;font-size:20px!important}html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233) .catalog p{grid-column:2!important;font-size:15px!important}}
/* 234: accordion controls */
html body[data-deck232] .faq summary::after{content:'＋'!important;font-size:24px!important;line-height:1!important;flex:0 0 28px;text-align:center;text-decoration:none!important;align-self:center}
html body[data-deck232] .faq details[open] summary::after{content:'−'!important}
html body[data-options233] .detail107>summary{display:flex;align-items:center;justify-content:space-between;gap:16px}
html body[data-options233] .detail107>summary::after{content:'▼'!important;flex:0 0 24px;margin:0!important;font-size:16px!important;line-height:1!important;text-decoration:none!important;text-align:center;transition:transform .2s ease}
html body[data-options233] .detail107[open]>summary::after{content:'▼'!important;transform:rotate(180deg)}

/* 235: mobile reading width, labels and vertical flow */
@media(max-width:767px){
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .price-structure{padding:0!important;gap:24px!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .price-panel{padding:24px 18px!important;min-width:0!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .price-panel .tag{padding:6px 10px!important;background:#edf3ff!important;border:0!important;border-radius:8px!important;line-height:1.5!important;margin-bottom:20px!important;max-width:100%!important;box-sizing:border-box!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .price-panel .value{font-size:32px!important;white-space:nowrap!important;letter-spacing:-.04em!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .price-panel .value small{font-size:14px!important;white-space:nowrap!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .mon224-calc{padding:22px 18px!important;min-width:0!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .mon224-row.is-mon{gap:8px!important;align-items:center!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .mon224-row.is-mon>span{white-space:nowrap!important;flex:0 0 auto!important;padding:6px 10px!important;font-size:14px!important;line-height:1.5!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .mon224-row.is-mon>b{white-space:nowrap!important;font-size:30px!important;letter-spacing:-.03em!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .mon224-row.is-mon>b small{font-size:16px!important;display:inline!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .mon224-calc .button{padding:14px 12px!important;gap:8px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .mon224-calc .cta-label128{font-size:14px!important;line-height:1.6!important;letter-spacing:0!important;white-space:nowrap!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .mon224-calc .cta-icon128{width:28px!important;height:28px!important;flex:0 0 28px!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .cf154-sum-arrow{transform:rotate(90deg)!important;height:32px!important;line-height:32px!important;justify-self:center!important;width:32px!important;margin:8px auto!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .detail107>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;font-size:16px!important;padding:20px 0!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .detail107>summary::after{flex:0 0 24px!important;content:"▼"!important;margin:0!important;text-decoration:none!important;font-size:14px!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .detail107[open]>summary::after{transform:rotate(180deg)!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .section-head h2 br{display:none!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .section-head h2{text-wrap:pretty!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .page-hero :is(h1,h2){width:100%!important;max-width:100%!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .page-hero .title-context{font-size:13px!important;letter-spacing:0!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .closing h2{font-size:26px!important;letter-spacing:0!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .option233-card{grid-template-columns:1fr!important;gap:14px!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .option233-visual{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:180px!important;margin:0 auto!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .option233-card h3,.option233-card p{grid-column:1!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .catalog article{grid-template-columns:1fr!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .catalog h3,.catalog p{grid-column:1!important}
}

/* Both the home page and options page share these controls. */
html body[data-deck232] .type-toggle235>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
html body[data-deck232] .type-toggle235>summary::after{content:'▼'!important;flex:0 0 24px!important;margin:0!important;text-decoration:none!important;font-size:14px!important;text-align:center!important;line-height:1!important}
html body[data-deck232] .type-toggle235[open]>summary::after{content:'▼'!important;transform:rotate(180deg)!important}
@media(max-width:767px){
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .footer-grid>div:first-child{width:100%!important;text-align:center!important;justify-items:center!important;align-items:center!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .footer-logo{display:block!important;margin:0 auto 16px!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .footer-grid>div:first-child p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:767px){
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .service-row a{grid-column:2!important;grid-row:3!important;width:auto!important;min-width:0!important;white-space:nowrap!important;justify-content:flex-start!important;margin-top:8px!important;font-size:16px!important}
html body[data-deck232]:not(#a235):not(#b235):not(#c235):not(#d235):not(#e235):not(#f235) .service-row>p{grid-column:2!important;grid-row:2!important}
}
/* 236: equal catalog cards with full-width text */
html body[data-options233]:not(#a236):not(#b236):not(#c236):not(#d236):not(#e236):not(#f236) .catalog{grid-auto-rows:1fr!important;align-items:stretch!important}
html body[data-options233]:not(#a236):not(#b236):not(#c236):not(#d236):not(#e236):not(#f236) .catalog article{display:flex!important;flex-direction:column!important;align-self:stretch!important;align-items:stretch!important;gap:18px!important;height:100%!important;box-sizing:border-box!important}
html body[data-options233]:not(#a236):not(#b236):not(#c236):not(#d236):not(#e236):not(#f236) .catalog .option233-visual{width:112px!important;max-width:100%!important;margin:0!important;flex:none!important}
html body[data-options233]:not(#a236):not(#b236):not(#c236):not(#d236):not(#e236):not(#f236) .catalog h3{width:100%!important;margin:0!important;font-size:20px!important;line-height:1.6!important}
html body[data-options233]:not(#a236):not(#b236):not(#c236):not(#d236):not(#e236):not(#f236) .catalog p{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;font-size:16px!important;line-height:1.9!important;word-break:normal!important;overflow-wrap:break-word!important}
html body[data-options233]:not(#a236):not(#b236):not(#c236):not(#d236):not(#e236):not(#f236) .type-toggle235{width:min(100%,680px)!important;max-width:100%!important;margin:40px auto 0!important;grid-column:1/-1!important;justify-self:center!important;box-sizing:border-box!important}
html body[data-options233] .catalog .page-name236{display:inline-block;max-width:100%}

/* 237: requested two-line footer copy */
html body[data-deck232] .site-footer .footer-copy237{display:block;white-space:nowrap;line-height:1.9}
@media(max-width:767px){html body[data-deck232] .site-footer .footer-copy237{font-size:14px;letter-spacing:0}}

@media(max-width:767px){
html body[data-deck232]:not(#a238):not(#b238):not(#c238):not(#d238):not(#e238):not(#f238) .mon224-copy>.eyebrow,
html body[data-deck232]:not(#a238):not(#b238):not(#c238):not(#d238):not(#e238):not(#f238) .mon224-copy>h2{text-align:center!important;width:100%!important}
html body[data-deck232]:not(#a238):not(#b238):not(#c238):not(#d238):not(#e238):not(#f238) .mon224-copy>h2{font-size:clamp(21px,6vw,28px)!important;line-height:1.6!important;letter-spacing:0!important}
html body[data-deck232] .monitor-line238{display:block;white-space:nowrap}
}
/* 239：追加オプションページのカード（ページ・セクション・機能の A〜C と、伝えたい内容から探す）の中身を中央揃えに（橋村さん 10/20） */
html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233):not(#f239) :is(.option233-card,.catalog article){text-align:center!important}
html body[data-options233]:not(#a233):not(#b233):not(#c233):not(#d233):not(#e233):not(#f239) :is(.option233-card,.catalog article) .option233-visual{margin-inline:auto!important}
/* 239：見出しの改行位置をそろえる（.nb239 の中では改行しない。料金・プランと公開後の保守。橋村さん 10/20） */
html body.design .nb239{display:inline-block}
@media (max-width:767px){html body.design .nb239{display:block}html body.design h2:has(.nb239) br{display:none}}
/* 239：公開後の保守（スマホ）：各セクションの中身を中央揃えに（箇条書きは、かたまりごと中央に置き、行頭はそろえる） */
@media (max-width:767px){html body[data-maint239]:not(#a239):not(#b239):not(#c239) main :is(#sec-1 .price-panel,#sec-2 .catalog article,#sec-3 .text-block){text-align:center!important}html body[data-maint239]:not(#a239):not(#b239):not(#c239) main #sec-1 .price-panel .value{justify-content:center!important}html body[data-maint239]:not(#a239):not(#b239):not(#c239) main #sec-3 .text-block ul{display:inline-block!important;text-align:left!important;margin-inline:auto!important}}
/* 241：制作実績ページの中央揃え（橋村さん 10/20。トップの制作実績には効かせない）。BEFORE の見出しと最後の一文は PC・スマホとも */
html body[data-works239]:not(#a239):not(#b239):not(#c239) .wk175 .wk175-before .wk175-tag{display:table!important;margin-inline:auto!important}
html body[data-works239]:not(#a239):not(#b239):not(#c239) .wk175 .wk175-before :is(h4,.wk175-sub){text-align:center!important}
/* 241：スマホは、見出し・店名・公開サイトのボタンと、各カードの中身も中央揃え */
@media (max-width:767px){html body[data-works239]:not(#a239):not(#b239):not(#c239) .wk175 .wk175-head{flex-direction:column!important;flex-wrap:nowrap!important;height:auto!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important}html body[data-works239]:not(#a239):not(#b239):not(#c239) .wk175 .wk175-before li{text-align:center!important}html body[data-works239]:not(#a239):not(#b239):not(#c239) .wk175 .wk175-text{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}}

/* 242：料金 v1.0（2026-10-21）。3つの月額プラン・初期費用・13列のグラフ・7つの流れ */
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .price-structure.plans242{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .plans242 .price-panel{display:flex;flex-direction:column}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .plans242 .price-panel .value{font-size:clamp(34px,3.2vw,44px)!important;white-space:nowrap}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .tax242{display:block;margin:4px 0 0!important;font-size:13px!important;font-weight:500;color:#102650!important}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .plan242-list{list-style:none!important;margin:18px 0 0!important;padding:0!important;display:grid;gap:0}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .plan242-list li{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0!important;border-top:1px solid #dfe6f2;font-size:14px;line-height:1.6;list-style:none!important}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .plan242-list li::before{content:none!important;display:none!important}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .plan242-list li b{flex:0 0 auto;font-weight:700;color:#102650}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .plan242-list li span{text-align:right;color:#102650}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .price-panel.init242{margin-top:28px!important}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .price-line strong .tax242,html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .option233-price .tax242{font-size:12px!important}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .cf154-chart.cols242 .cf154-plot{grid-template-columns:repeat(13,minmax(0,1fr))!important;gap:8px!important}
html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .steps.steps242{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:28px!important}
@media (max-width:1100px){html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .price-structure.plans242{grid-template-columns:1fr!important}html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .steps.steps242{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:767px){html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .steps.steps242{grid-template-columns:1fr!important;gap:0!important}html body:not(#a242):not(#b242):not(#c242):not(#d242):not(#e242) .cf154-chart.cols242 .cf154-plot{gap:4px!important}}