.div01 { padding: 20px 0px 30px; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.div01 > div { position: relative; margin: 20px 0px 0px; border: 1px solid #666666; box-sizing: border-box; }
.div01 h3 { margin: 0px; padding: 0px; width: 100%; font-size: 1rem; line-height: 30px; text-align: center; }
.div01 h3 br { display: none; }
.div01 > ul { margin: 0px; padding: 0px; list-style-type: none; flex: 1 1 0%; box-sizing: border-box; }
.div01 > ul > li { position: relative; margin: 20px 0px 0px; padding: 10px 10px 20px; border: 1px dashed #999999; }
.div01 .wrp { font-size: 0.94rem; line-height: 200%; }
.div01 .wrp > img { width: 20%; float: left; margin: 0px 20px 0px 0px; }
.div01 .wrp h4 { margin: 0px; padding: 0px 0px 10px; font-size: 1.1rem; line-height: 150%; }
.div01 .wrp .tel { padding: 0px 0px 15px; font-size: 2rem; line-height: 100%; font-weight: bold; }
.div01 .wrp .mbtn { padding: 15px 0px 0px; width: 100%; line-height: 100%; }
.div01 .wrp .mbtn a { position: relative; display: block; padding: 20px 0px; width: 100%; text-decoration: none; background: linear-gradient(#ffffff, #f0f0f0); border: 1px solid #aaaaaa; text-align: center; font-weight: bold; box-sizing: border-box; }
.div01 .wrp .mbtn a::before { content: ""; position: absolute; top: 50%; right: 5px; width: 0px; height: 0px; border-width: 8px; border-style: solid; transform: translateY(-50%); border-color: transparent transparent transparent #00823e; }
.div01 .wk { margin: 15px 0px; padding: 10px 15px; border: 1px solid #999999; font-size: 0.86rem; line-height: 175%; background-image: url("/commonfldr/img/bg/e004.png"); }
.ul01 { margin: 0px; padding: 0px 0px 30px; list-style-type: none; }
.ul01 li { position: relative; margin: 15px 0px 0px; padding: 0px 0px 0px 28px; }
.ul01 li::before { position: absolute; top: 12px; left: 10px; width: 0px; height: 0px; content: ""; border-width: 5px 10px; border-style: solid; border-color: transparent transparent transparent #333333; }
.imgzz { display: flex; flex-flow: wrap; }
.imgzz > div { margin: 5px 0px 0px; }
@media print, screen and (min-width: 360px) {
  .div01 .wrp .tel { font-size: 2.5rem; line-height: 100%; }
}
@media print, screen and (min-width: 500px) {
  .div01 .wrp > img { width: 80px; float: none; margin: 0px; position: absolute; top: 20px; left: 20px; }
  .div01 > ul > li { padding: 20px 20px 20px 130px; }
  .div01 .wrp .mbtn { max-width: 350px; }
}
@media print, screen and (min-width: 768px) {
  .div01 { display: flex; }
  .div01 > div { position: relative; margin: 20px 0px 0px; width: 160px; height: 160px; }
  .div01 h3 { position: absolute; top: 50%; left: 0px; font-size: 1.2rem; line-height: 125%; transform: translateY(-50%); }
  .div01 h3 br { display: inline; }
  .div01 > ul { padding: 0px 0px 0px 30px; }
  .ul01 { padding: 20px 0px; }
  .ul01 li { margin: 0px; }
  .ul01 li::before { top: 16px; left: 10px; }
}
@media print, screen and (min-width: 1000px) {
  .ul01 li::before { top: 18px; left: 10px; }
}