.titlez #maintitle, .accolor, .bfcolor2::before { background-color: #e26a61; color: #ffffff; }
.titlez::before, .titlez::after { background-color: #ce4545; }
.knrn li::before { border-color: #ce4545; }
.knrn li::after { border-left-color: #ce4545; }
.hx01 { margin: 0px; padding: 0px 0px 20px; font-size: 1.4rem; line-height: 100%; }
.wkp { position: relative; border: 1px solid #bbbbbb; margin: 30px 0px 0px; padding: 18px 20px 40px 8px; }
.nagr { position: absolute; top: 20px; right: 20px; width: 30%; max-width: 141px; display: none; }
.ol01 { margin: 0px; padding: 0px; counter-reset: number 0; list-style-type: none; }
.ol01 > li { position: relative; margin: 0px; padding: 0px 0px 0px 50px; }
.ol01 > li::before { position: absolute; counter-increment: number 1; content: counter(number); display: inline-block; font-size: 1.5rem; top: 0px; left: 0px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; }
.ol01 .tx { padding: 10px 0px; font-weight: bold; font-size: 1.4rem; line-height: 125%; }
.ol01 > li > p { line-height: 225%; }
.ul01 { margin: 0px; padding: 0px 0px 20px; list-style-type: none; font-size: 0.8rem; line-height: 150%; flex-flow: wrap; justify-content: flex-start; }
.ul01 li { position: relative; margin: 20px 0px 0px; padding: 0px; }
.ul01 li p { padding: 8px 0px 0px; text-align: center; }
.ul01 li > div { position: absolute; }
.simg1 { bottom: -20px; left: 5px; width: 30%; max-width: 77px; display: none; }
.simg2 { bottom: -30px; right: -120px; width: 173px; display: none; }
.simg3 { bottom: 0px; right: -150px; width: 112px; display: none; }
.sita { padding: 10px 0px; width: 100%; }
.sita div { width: 100%; }
.sita img { margin: 0px auto; width: 50%; max-width: 80px; }
.hx05 { margin: 0px; padding: 50px 0px 10px; font-size: 1.5rem; line-height: 100%; }
.telz2 { padding: 20px 0px; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; }
.telz2 > div { display: inline-block; white-space: nowrap; }
.telz2 .t1 { margin: 2px 10px 0px 0px; padding: 5px 10px; line-height: 100%; background-color: #cc3300; color: #ffffff; }
.telz2 .t2 { margin: 0px; font-size: 1.6rem; line-height: 100%; font-weight: bold; }
.telz2 .t3 { padding: 10px 0px 0px; line-height: 100%; }
.div03 { padding: 20px 0px 0px; }
.wks { margin: 10px 0px 0px; padding: 15px 25px; font-size: 0.96rem; line-height: 225%; }
@media print, screen and (min-width: 510px) {
  .wkp { padding: 18px 20px 40px 13px; }
  .ul01 { display: flex; }
  .ol01 > li { padding-left: 64px; }
  .ol01 > li::before { position: absolute; counter-increment: number 1; content: counter(number); display: inline-block; font-size: 1.5rem; top: 0px; left: 0px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; }
  .sita div { width: 31%; }
  .telz2 .t1 { padding: 7px 15px; }
  .telz2 .t2 { font-size: 1.8rem; }
}
@media screen and (min-width: 510px) and (max-width: 900px) {
  .ul01 li { margin: 20px 2% 0px 0px; flex-basis: 48%; }
}
@media print, screen and (min-width: 901px) {
  .ul01 li { margin: 20px 2% 0px 0px; flex-basis: 31%; max-width: 266px; }
  .nagr, .simg1, .simg2, .simg3 { display: block; }
}