@charset "UTF-8";

#customer .cs-lead-ttl { font-weight: bold; text-align: center; color: #222; line-height: 1.6; }
#customer .cs-lead-txt { font-weight: 500; color: #222; }
#customer .cs-block { background-color: #fff; }
#customer .cs-ttl { display: flex; align-items: center; font-weight: bold; color: #222; line-height: 1.5; border-bottom: 1px solid #D9D9D9; }
#customer .cs-num { display: flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 50%; background-color: #F99B19; color: #fff; letter-spacing: 0; line-height: 1; }
#customer .cs-txt { font-weight: 500; color: #222; }
#customer .cs-item { background-color: #FCF8F5; border-left: solid #F99B19; }
#customer .cs-item-ttl { font-weight: bold; color: #222; }
#customer .cs-item-txt { font-weight: 500; color: #222; }
#customer .cs-sign { font-weight: bold; text-align: right; color: #222; }

@media screen and (min-width: 768px),print {
  #cs-lead { margin-top: 80px; margin-bottom: 60px; }
  #cs-lead .inner { width: 1000px; margin: 0 auto; }
  #customer .cs-lead-ttl { font-size: 30px; margin-bottom: 30px; }
  #customer .cs-lead-txt { font-size: 16px; line-height: 32px; text-align: center; }
  #cs-policy { margin-bottom: 120px; }
  #cs-policy .inner { width: 1000px; margin: 0 auto; }
  #customer .cs-block { padding: 50px 60px; margin-bottom: 30px; }
  #customer .cs-ttl { font-size: 24px; padding-bottom: 16px; margin-bottom: 26px; }
  #customer .cs-num { width: 48px; height: 48px; font-size: 18px; margin-right: 16px; }
  #customer .cs-txt { font-size: 16px; line-height: 32px; }
  #customer .cs-txt + .cs-txt { margin-top: 16px; }
  #customer .cs-list { margin-top: 24px; }
  #customer .cs-item { border-left-width: 4px; padding: 20px 30px; margin-bottom: 12px; }
  #customer .cs-item:last-child { margin-bottom: 0; }
  #customer .cs-item-ttl { font-size: 18px; line-height: 30px; margin-bottom: 6px; }
  #customer .cs-item-txt { font-size: 16px; line-height: 30px; }
  #customer .cs-sign { font-size: 18px; margin-top: 40px; }
}

@media screen and (max-width: 767px) {
  h1.main-title .jp { word-break: auto-phrase; }
  #cs-lead { margin-top: 10.628vw; margin-bottom: 9.662vw; }
  #cs-lead .inner { width: 89.372vw; margin: 0 auto; }
  #customer .cs-lead-ttl { font-size: 5.314vw; margin-bottom: 5.797vw; }
  #customer .cs-lead-txt { font-size: 3.382vw; line-height: 6.28vw; }
  #cs-policy { margin-bottom: 14.493vw; }
  #cs-policy .inner { width: 89.372vw; margin: 0 auto; }
  #customer .cs-block { padding: 7.246vw 5.314vw; margin-bottom: 4.831vw; }
  #customer .cs-ttl { font-size: 4.348vw; padding-bottom: 3.382vw; margin-bottom: 4.831vw; }
  #customer .cs-num { width: 9.662vw; height: 9.662vw; font-size: 3.865vw; margin-right: 2.899vw; }
  #customer .cs-txt { font-size: 3.382vw; line-height: 6.28vw; }
  #customer .cs-txt + .cs-txt { margin-top: 3.382vw; }
  #customer .cs-list { margin-top: 4.831vw; }
  #customer .cs-item { border-left-width: 0.966vw; padding: 3.865vw 4.348vw; margin-bottom: 2.415vw; }
  #customer .cs-item:last-child { margin-bottom: 0; }
  #customer .cs-item-ttl { font-size: 3.865vw; line-height: 6.28vw; margin-bottom: 0.966vw; }
  #customer .cs-item-txt { font-size: 3.382vw; line-height: 6.28vw; }
  #customer .cs-sign { font-size: 3.865vw; margin-top: 7.246vw; }
}
