@charset "UTF-8";

/* Uchida Chemical: unified smartphone presentation */
@media screen and (max-width: 768px) {
  *, *::before, *::after { box-sizing: border-box !important; }
  html, body {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
  }
  body { font-size: 16px !important; line-height: 1.65 !important; }

  #hpb-container, #hpb-header, #hpb-inner, #hpb-wrapper,
  #hpb-title, #hpb-main, #hpb-nav, #hpb-aside, #hpb-footer,
  #banner, #companyinfo {
    position: static !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #hpb-header { padding: 0 10px 12px !important; text-align: center !important; }
  #hpb-headerMain { margin: 0 -10px 6px !important; padding: 5px 8px !important; background: #22be78 !important; color: #fff !important; }
  #hpb-headerMain h1 { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 11px !important; line-height: 1.35 !important; text-align: left !important; }
  #hpb-headerExtra1 { width: 100% !important; margin: 0 !important; text-align: center !important; }
  #hpb-headerExtra1 .tel { margin: 0 !important; color: #36bf83 !important; font-size: clamp(22px, 7vw, 30px) !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; }
  #hpb-headerExtra1 .address { margin: 2px 0 8px !important; font-size: 14px !important; line-height: 1.3 !important; white-space: normal !important; }
  #hpb-header > font, #hpb-header > sub, #hpb-header > .uchida-site-name {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #009999 !important;
    font-size: clamp(26px, 8vw, 38px) !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }
  .uchida-company-line { display: block !important; white-space: nowrap !important; }

  #hpb-inner { display: flex !important; flex-direction: column !important; }
  #hpb-nav { order: 1 !important; padding: 10px 12px 16px !important; background: #fff !important; }
  #hpb-aside { order: 2 !important; padding: 12px !important; background: #fff !important; }
  #hpb-wrapper { order: 3 !important; padding: 0 12px 18px !important; background: #fff !important; }
  #hpb-nav > h3, #hpb-aside > h3 { display: none !important; }

  #hpb-nav ul.uchida-mobile-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  #hpb-nav ul.uchida-mobile-nav li { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; }
  #hpb-nav ul.uchida-mobile-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 8px 5px !important;
    border: 1px solid #43ad43 !important;
    border-radius: 5px !important;
    background: linear-gradient(#69d05f, #45b849) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.25) !important;
    color: #fff !important;
    font-size: clamp(16px, 4.8vw, 21px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
  }
  #hpb-nav ul.uchida-mobile-nav a.current { color: #e60012 !important; }

  #banner ul { display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #banner li { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #banner li > a {
    display: block !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  #banner li > a#banner-access { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 70px !important; background-size: cover !important; font-size: 21px !important; font-weight: 700 !important; }
  #banner img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin-top: 7px !important; }

  #companyinfo { margin-top: 18px !important; padding: 16px !important; border: 1px solid #c8e7db !important; border-radius: 5px !important; background: #eafff7 !important; }
  #companyinfo h3 { margin: 0 0 12px !important; font-size: 16px !important; line-height: 1.45 !important; }
  #companyinfo p { margin: 5px 0 !important; }

  #hpb-title { margin: 0 0 16px !important; overflow: hidden !important; }
  #hpb-title h2 { width: 100% !important; margin: 0 !important; padding: 10px 12px !important; font-size: 23px !important; line-height: 1.3 !important; }
  #hpb-main { padding: 0 !important; overflow: hidden !important; }
  #hpb-main > *,
  #hpb-main div, #hpb-main section, #hpb-main article,
  #hpb-main form, #hpb-main fieldset, #hpb-main header,
  #hpb-main h1, #hpb-main h2, #hpb-main h3, #hpb-main h4,
  #hpb-main p, #hpb-main ul, #hpb-main ol, #hpb-main dl {
    max-width: 100% !important;
  }
  #hpb-main .artbox, #hpb-main .custom_box,
  #hpb-main [class^="right"], #hpb-main [class*=" right"],
  #hpb-main [class^="left"], #hpb-main [class*=" left"] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    clear: both !important;
  }
  #hpb-main p, #hpb-main li, #hpb-main dd, #hpb-main td, #hpb-main th { overflow-wrap: anywhere !important; word-break: normal !important; }
  #hpb-main img, #hpb-main video, #hpb-main object, #hpb-main embed, #hpb-main iframe {
    position: static !important;
    float: none !important;
    max-width: 100% !important;
    height: auto !important;
  }
  #hpb-main table { width: 100% !important; max-width: 100% !important; table-layout: fixed !important; }

  body.uchida-bara #hpb-main { overflow: hidden !important; }
  body.uchida-bara #hpb-main div, body.uchida-bara #hpb-main section { max-width: 100% !important; }
  body.uchida-bara #hpb-main img { display: block !important; margin: 8px auto !important; object-fit: contain !important; }

  #hpb-footer { padding: 18px 12px !important; overflow: hidden !important; background: #22be78 !important; text-align: center !important; }
  #hpb-footerMain, #hpb-footerExtra1, #hpb-footerExtra2,
  #hpb-footer div, #hpb-footer ul, #hpb-footer p {
    position: static !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
  #hpb-aside div, #hpb-aside ul, #hpb-aside li,
  #companyinfo div, #companyinfo p {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Old desktop-only back-to-top controls are unnecessary on smartphones. */
  .pagetop, .page-top, .pageTop, #pagetop, #page-top, #pageTop,
  a[href="#top"], a[href="#hpb-container"], a[href="#hpb-header"],
  a[href="#header"], a[href$="#header"], a[href$="#pagetop"],
  a.uchida-mobile-hide { display: none !important; }

  /* Obsolete absolutely positioned desktop layer causing a 118px overflow. */
  #Layer10 { display: none !important; }

  /* Kawaraban: remove the obsolete duplicate company-name heading. */
  #hpb-main > font:first-child:has(+ p.MsoNormal + #concept),
  #hpb-main > p.MsoNormal:first-of-type:has(+ #concept) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #hpb-main > #concept { margin-top: 0 !important; padding-top: 0 !important; }
  #hpb-main > #concept > h3 { margin-top: 0 !important; }
}

@media screen and (max-width: 390px) {
  #hpb-nav ul.uchida-mobile-nav a { font-size: 16px !important; }
  #hpb-headerExtra1 .tel { font-size: 22px !important; }
}
@charset "UTF-8";

/* Uchida Chemical: unified smartphone presentation */
@media screen and (max-width: 768px) {
  *, *::before, *::after { box-sizing: border-box !important; }
  html, body {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
  }
  body { font-size: 16px !important; line-height: 1.65 !important; }

  #hpb-container, #hpb-header, #hpb-inner, #hpb-wrapper,
  #hpb-title, #hpb-main, #hpb-nav, #hpb-aside, #hpb-footer,
  #banner, #companyinfo {
    position: static !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #hpb-header { padding: 0 10px 12px !important; text-align: center !important; }
  #hpb-headerMain { margin: 0 -10px 6px !important; padding: 5px 8px !important; background: #22be78 !important; color: #fff !important; }
  #hpb-headerMain h1 { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 11px !important; line-height: 1.35 !important; text-align: left !important; }
  #hpb-headerExtra1 { width: 100% !important; margin: 0 !important; text-align: center !important; }
  #hpb-headerExtra1 .tel { margin: 0 !important; color: #36bf83 !important; font-size: clamp(22px, 7vw, 30px) !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; }
  #hpb-headerExtra1 .address { margin: 2px 0 8px !important; font-size: 14px !important; line-height: 1.3 !important; white-space: normal !important; }
  #hpb-header > font, #hpb-header > sub, #hpb-header > .uchida-site-name {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #009999 !important;
    font-size: clamp(26px, 8vw, 38px) !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }
  .uchida-company-line { display: block !important; white-space: nowrap !important; }

  #hpb-inner { display: flex !important; flex-direction: column !important; }
  #hpb-nav { order: 1 !important; padding: 10px 12px 16px !important; background: #fff !important; }
  #hpb-aside { order: 2 !important; padding: 12px !important; background: #fff !important; }
  #hpb-wrapper { order: 3 !important; padding: 0 12px 18px !important; background: #fff !important; }
  #hpb-nav > h3, #hpb-aside > h3 { display: none !important; }

  #hpb-nav ul.uchida-mobile-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  #hpb-nav ul.uchida-mobile-nav li { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; }
  #hpb-nav ul.uchida-mobile-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 8px 5px !important;
    border: 1px solid #43ad43 !important;
    border-radius: 5px !important;
    background: linear-gradient(#69d05f, #45b849) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.25) !important;
    color: #fff !important;
    font-size: clamp(16px, 4.8vw, 21px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
  }
  #hpb-nav ul.uchida-mobile-nav a.current { color: #e60012 !important; }

  #banner ul { display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #banner li { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #banner li > a {
    display: block !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  #banner li > a#banner-access { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 70px !important; background-size: cover !important; font-size: 21px !important; font-weight: 700 !important; }
  #banner img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin-top: 7px !important; }

  #companyinfo { margin-top: 18px !important; padding: 16px !important; border: 1px solid #c8e7db !important; border-radius: 5px !important; background: #eafff7 !important; }
  #companyinfo h3 { margin: 0 0 12px !important; font-size: 16px !important; line-height: 1.45 !important; }
  #companyinfo p { margin: 5px 0 !important; }

  #hpb-title { margin: 0 0 16px !important; overflow: hidden !important; }
  #hpb-title h2 { width: 100% !important; margin: 0 !important; padding: 10px 12px !important; font-size: 23px !important; line-height: 1.3 !important; }
  #hpb-main { padding: 0 !important; overflow: hidden !important; }
  #hpb-main > *,
  #hpb-main div, #hpb-main section, #hpb-main article,
  #hpb-main form, #hpb-main fieldset, #hpb-main header,
  #hpb-main h1, #hpb-main h2, #hpb-main h3, #hpb-main h4,
  #hpb-main p, #hpb-main ul, #hpb-main ol, #hpb-main dl {
    max-width: 100% !important;
  }
  #hpb-main .artbox, #hpb-main .custom_box,
  #hpb-main [class^="right"], #hpb-main [class*=" right"],
  #hpb-main [class^="left"], #hpb-main [class*=" left"] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    clear: both !important;
  }
  #hpb-main p, #hpb-main li, #hpb-main dd, #hpb-main td, #hpb-main th { overflow-wrap: anywhere !important; word-break: normal !important; }
  #hpb-main img, #hpb-main video, #hpb-main object, #hpb-main embed, #hpb-main iframe {
    position: static !important;
    float: none !important;
    max-width: 100% !important;
    height: auto !important;
  }
  #hpb-main table { width: 100% !important; max-width: 100% !important; table-layout: fixed !important; }

  body.uchida-bara #hpb-main { overflow: hidden !important; }
  body.uchida-bara #hpb-main div, body.uchida-bara #hpb-main section { max-width: 100% !important; }
  body.uchida-bara #hpb-main img { display: block !important; margin: 8px auto !important; object-fit: contain !important; }

  #hpb-footer { padding: 18px 12px !important; overflow: hidden !important; background: #22be78 !important; text-align: center !important; }
  #hpb-footerMain, #hpb-footerExtra1, #hpb-footerExtra2,
  #hpb-footer div, #hpb-footer ul, #hpb-footer p {
    position: static !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
  #hpb-aside div, #hpb-aside ul, #hpb-aside li,
  #companyinfo div, #companyinfo p {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Old desktop-only back-to-top controls are unnecessary on smartphones. */
  .pagetop, .page-top, .pageTop, #pagetop, #page-top, #pageTop,
  a[href="#top"], a[href="#hpb-container"], a[href="#hpb-header"],
  a[href="#header"], a[href$="#header"], a[href$="#pagetop"],
  a.uchida-mobile-hide { display: none !important; }

  /* Obsolete absolutely positioned desktop layer causing a 118px overflow. */
  #Layer10 { display: none !important; }
}

@media screen and (max-width: 390px) {
  #hpb-nav ul.uchida-mobile-nav a { font-size: 16px !important; }
  #hpb-headerExtra1 .tel { font-size: 22px !important; }
}
@charset "UTF-8";

/* Uchida Chemical: unified smartphone presentation */
@media screen and (max-width: 768px) {
  *, *::before, *::after { box-sizing: border-box !important; }
  html, body {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
  }
  body { font-size: 16px !important; line-height: 1.65 !important; }

  #hpb-container, #hpb-header, #hpb-inner, #hpb-wrapper,
  #hpb-title, #hpb-main, #hpb-nav, #hpb-aside, #hpb-footer,
  #banner, #companyinfo {
    position: static !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #hpb-header { padding: 0 10px 12px !important; text-align: center !important; }
  #hpb-headerMain { margin: 0 -10px 6px !important; padding: 5px 8px !important; background: #22be78 !important; color: #fff !important; }
  #hpb-headerMain h1 { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 11px !important; line-height: 1.35 !important; text-align: left !important; }
  #hpb-headerExtra1 { width: 100% !important; margin: 0 !important; text-align: center !important; }
  #hpb-headerExtra1 .tel { margin: 0 !important; color: #36bf83 !important; font-size: clamp(22px, 7vw, 30px) !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; }
  #hpb-headerExtra1 .address { margin: 2px 0 8px !important; font-size: 14px !important; line-height: 1.3 !important; white-space: normal !important; }
  #hpb-header > font, #hpb-header > sub, #hpb-header > .uchida-site-name {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #009999 !important;
    font-size: clamp(26px, 8vw, 38px) !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }
  .uchida-company-line { display: block !important; white-space: nowrap !important; }

  #hpb-inner { display: flex !important; flex-direction: column !important; }
  #hpb-nav { order: 1 !important; padding: 10px 12px 16px !important; background: #fff !important; }
  #hpb-aside { order: 2 !important; padding: 12px !important; background: #fff !important; }
  #hpb-wrapper { order: 3 !important; padding: 0 12px 18px !important; background: #fff !important; }
  #hpb-nav > h3, #hpb-aside > h3 { display: none !important; }

  #hpb-nav ul.uchida-mobile-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  #hpb-nav ul.uchida-mobile-nav li { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; }
  #hpb-nav ul.uchida-mobile-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 8px 5px !important;
    border: 1px solid #43ad43 !important;
    border-radius: 5px !important;
    background: linear-gradient(#69d05f, #45b849) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.25) !important;
    color: #fff !important;
    font-size: clamp(16px, 4.8vw, 21px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
  }
  #hpb-nav ul.uchida-mobile-nav a.current { color: #e60012 !important; }

  #banner ul { display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #banner li { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #banner li > a {
    display: block !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  #banner li > a#banner-access { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 70px !important; background-size: cover !important; font-size: 21px !important; font-weight: 700 !important; }
  #banner img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin-top: 7px !important; }

  #companyinfo { margin-top: 18px !important; padding: 16px !important; border: 1px solid #c8e7db !important; border-radius: 5px !important; background: #eafff7 !important; }
  #companyinfo h3 { margin: 0 0 12px !important; font-size: 16px !important; line-height: 1.45 !important; }
  #companyinfo p { margin: 5px 0 !important; }

  #hpb-title { margin: 0 0 16px !important; overflow: hidden !important; }
  #hpb-title h2 { width: 100% !important; margin: 0 !important; padding: 10px 12px !important; font-size: 23px !important; line-height: 1.3 !important; }
  #hpb-main { padding: 0 !important; overflow: hidden !important; }
  #hpb-main > *,
  #hpb-main div, #hpb-main section, #hpb-main article,
  #hpb-main form, #hpb-main fieldset, #hpb-main header,
  #hpb-main h1, #hpb-main h2, #hpb-main h3, #hpb-main h4,
  #hpb-main p, #hpb-main ul, #hpb-main ol, #hpb-main dl {
    max-width: 100% !important;
  }
  #hpb-main .artbox, #hpb-main .custom_box,
  #hpb-main [class^="right"], #hpb-main [class*=" right"],
  #hpb-main [class^="left"], #hpb-main [class*=" left"] {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    clear: both !important;
  }
  #hpb-main p, #hpb-main li, #hpb-main dd, #hpb-main td, #hpb-main th { overflow-wrap: anywhere !important; word-break: normal !important; }
  #hpb-main img, #hpb-main video, #hpb-main object, #hpb-main embed, #hpb-main iframe {
    position: static !important;
    float: none !important;
    max-width: 100% !important;
    height: auto !important;
  }
  #hpb-main table { width: 100% !important; max-width: 100% !important; table-layout: fixed !important; }

  body.uchida-bara #hpb-main { overflow: hidden !important; }
  body.uchida-bara #hpb-main div, body.uchida-bara #hpb-main section { max-width: 100% !important; }
  body.uchida-bara #hpb-main img { display: block !important; margin: 8px auto !important; object-fit: contain !important; }

  #hpb-footer { padding: 18px 12px !important; overflow: hidden !important; background: #22be78 !important; text-align: center !important; }
  #hpb-footerMain, #hpb-footerExtra1, #hpb-footerExtra2,
  #hpb-footer div, #hpb-footer ul, #hpb-footer p {
    position: static !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
  #hpb-aside div, #hpb-aside ul, #hpb-aside li,
  #companyinfo div, #companyinfo p {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Old desktop-only back-to-top controls are unnecessary on smartphones. */
  .pagetop, .page-top, .pageTop, #pagetop, #page-top, #pageTop,
  a[href="#top"], a[href="#hpb-container"], a[href="#hpb-header"],
  a[href="#header"], a[href$="#header"], a[href$="#pagetop"],
  a.uchida-mobile-hide { display: none !important; }
}

@media screen and (max-width: 390px) {
  #hpb-nav ul.uchida-mobile-nav a { font-size: 16px !important; }
  #hpb-headerExtra1 .tel { font-size: 22px !important; }
}