@charset "UTF-8";
/* ============================================================
   CIS Business Unit pages - body font-size adjustment
   2026-08-27

   - Body text only. Headings, the shared header/nav/footer and
     small print (notes/captions/tags) keep their current size.
   - Components sized in relative units follow the body size and
     are not pinned to px - with one exception: the anchor button
     row (a.anc-btn) keeps its previous size (see section 6).
   - Re-tuning only requires changing the numbers in this file.

   must be the last <link> on each page.
   ============================================================ */

body { font-size: 16px; }                 /* PC 18px → 16px (-2px) */

@media (max-width: 767px) {
  body { font-size: 15px; }               /* SP 16px → 15px (-1px) */
}

header,
#header,
#navigation,
#smp-navigation,
#secnd-navi,
#submenu,
#foot-print,
footer { font-size: 18px; }

@media (max-width: 767px) {
  header,
  #header,
  #navigation,
  #smp-navigation,
  #secnd-navi,
  #submenu,
  #foot-print,
  footer { font-size: 16px; }
}

@media (min-width: 768px) {
  .cg-wrap.max980 { font-size: 16px; }                    /* 18px → 16px */
}
@media (min-width: 1024px) {
  .cg-wrap,
  .cg-wrap.max980 { font-size: 16px; }                    /* 18px → 16px */
  .cg-wrap.max980 p { font-size: 16px; }                  /* 18px → 16px */
}
@media (min-width: 1080px) {
  .cg-wrap,
  .cg-wrap.max980 { font-size: 17px; }                    /* 20px → 17px */
  .cg-wrap.max980 p { font-size: 17px; }                  /* 20px → 17px */
}
@media (min-width: 1331px) {
  .cg-wrap,
  .cg-wrap.max980 { font-size: 18px; }                    /* 22px → 18px */
  .cg-wrap.max980 p { font-size: 18px; }                  /* 22px → 18px */
}

@media (min-width: 1024px) {
  header .cg-wrap, #header .cg-wrap, #navigation .cg-wrap, #smp-navigation .cg-wrap,
  #secnd-navi .cg-wrap, #submenu .cg-wrap, #foot-print .cg-wrap, footer .cg-wrap { font-size: 18px; }
}
@media (min-width: 1080px) {
  header .cg-wrap, #header .cg-wrap, #navigation .cg-wrap, #smp-navigation .cg-wrap,
  #secnd-navi .cg-wrap, #submenu .cg-wrap, #foot-print .cg-wrap, footer .cg-wrap { font-size: 20px; }
}
@media (min-width: 1331px) {
  header .cg-wrap, #header .cg-wrap, #navigation .cg-wrap, #smp-navigation .cg-wrap,
  #secnd-navi .cg-wrap, #submenu .cg-wrap, #foot-print .cg-wrap, footer .cg-wrap { font-size: 22px; }
}

.cis-feature-box .vdo-txt .txt-txt { font-size: 18px; }                 /* 20px → 18px */

.section-box .cg-wrap .cis-case-related-text p { font-size: 18px; }     /* 20px → 18px */

.cis-choice-imgs-caption { font-size: 15px; }                           /* 17px → 15px */

.cis-case-company table.listTab { font-size: 14px; }                    /* 16px → 14px */

.cis-feature-box.cis-setup-video .vdo-txt .txt-txt { font-size: 14px; } /* 16px → 14px */

.faq-answer { font-size: 14px; }                                        /* 16px → 14px */

.cis-type-tab-lead { font-size: 14px; }                                 /* 15px → 14px */

.cis-pickup-link-txt { font-size: 14px; }                               /* 15px → 14px */

@media (max-width: 767px) {
  .cis-feature-box .vdo-txt .txt-txt { font-size: 14px; }               /* 16px → 14px */
  .cis-pickup-link-txt { font-size: 13px; }                             /* 14px → 13px */
}

@media (min-width: 1024px) { a.anc-btn { font-size: 13px; } }  /* was 0.7em x 18px = 12.6px */
@media (min-width: 1080px) { a.anc-btn { font-size: 14px; } }  /* was 0.7em x 20px = 14.0px */
@media (min-width: 1331px) { a.anc-btn { font-size: 15px; } }  /* was 0.7em x 22px = 15.4px */
@media (max-width: 1023px) { a.anc-btn { font-size: 16px; } }  /* was 0.9em x 18px = 16.2px */
@media (max-width: 767px)  { a.anc-btn { font-size: 14px; } }  /* was 0.9em x 16px = 14.4px */

.cis-inpage-nav a,
.cis-case-inpage-nav a { font-size: 14px; }                    /* was 0.9em x 16px = 14.4px */
@media (min-width: 768px) {
  .cis-inpage-nav a,
  .cis-case-inpage-nav a { font-size: 16px; }                  /* was 0.9em x 18px = 16.2px */
}
@media (min-width: 1080px) {
  .cis-inpage-nav a,
  .cis-case-inpage-nav a { font-size: 18px; }                  /* was 0.9em x 20px = 18.0px */
}
@media (min-width: 1331px) {
  .cis-inpage-nav a,
  .cis-case-inpage-nav a { font-size: 20px; }                  /* was 0.9em x 22px = 19.8px */
}

table.listTab { font-size: 10px; }                             /* was 60% x 16px = 9.6px */
@media (min-width: 768px)  { table.listTab { font-size: 11px; } }  /* was 60% x 18px = 10.8px */
@media (min-width: 1080px) { table.listTab { font-size: 12px; } }  /* was 60% x 20px = 12.0px */
@media (min-width: 1331px) { table.listTab { font-size: 13px; } }  /* was 60% x 22px = 13.2px */