.bunz { position: relative; display: inline-block; padding: 10px; width: 100%; max-width: 350px; text-align: center; border: 1px solid #cccccc; line-height: 150%; box-sizing: border-box; }
.bunz::after { content: ""; position: absolute; bottom: -35px; left: 50%; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: #009344 transparent transparent; z-index: 11; transform: translateX(-50%); }
.koti { position: relative; font-size: 0.94rem; line-height: 200%; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.koti > div { position: relative; margin: 40px 0px 0px; padding: 15px; border: 1px solid #cccccc; background-color: #ffffff; box-sizing: border-box; }
.koti .sp::after { content: ""; position: absolute; bottom: -40px; left: 50%; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: #009344 transparent transparent; z-index: 11; transform: translateX(-50%); }
.koti p { padding: 15px 0px 0px; }
.koti img { width: 100%; height: auto; }
.koti .phtz > div:last-of-type { margin-top: 20px; }
@media print, screen and (min-width: 768px) {
  .koti { display: flex; }
  .koti .v1 { flex-basis: 30%; max-width: 30%; }
  .koti .v2 { flex-basis: 65%; max-width: 65%; }
  .koti .phtz { width: 100%; display: flex; flex-flow: wrap; justify-content: space-between; }
  .koti .phtz > div:last-of-type { margin-top: 0px; }
  .koti .v2 .phtz > div { flex-basis: 48%; max-width: 48%; }
  .koti .v3 .phtz > div { flex-basis: 31%; max-width: 31%; }
  .koti .sp::after { display: none; }
  .koti .a1::before { content: ""; position: absolute; top: 80px; left: 100%; width: 20%; height: 0px; border-bottom: 2px solid #009344; z-index: -1; }
  .koti .a2::before { content: ""; position: absolute; top: 74px; left: -7px; width: 0px; height: 0px; border-width: 7px; border-style: solid; border-color: transparent transparent transparent #009344; z-index: 11; }
  .koti1::before { content: ""; position: absolute; bottom: -20px; right: 16%; width: 68%; height: 50%; border-right: 2px solid #009344; border-bottom: 2px solid #009344; z-index: -1; }
  .koti1::after { content: ""; position: absolute; bottom: -50px; right: 16%; width: 68%; height: 30px; border-left: 2px solid #009344; z-index: -1; }
  .koti2::before { content: ""; position: absolute; top: 32px; left: calc(16% - 8px); width: 0px; height: 0px; border-width: 7px; border-style: solid; border-color: #009344 transparent transparent; z-index: 11; }
  .koti2::after { content: ""; position: absolute; top: 60px; left: 50%; width: 0px; height: 100%; border-left: 2px solid #009344; z-index: -1; }
  .koti3::before { content: ""; position: absolute; top: 32px; left: calc(50% - 6px); width: 0px; height: 0px; border-width: 7px; border-style: solid; border-color: #009344 transparent transparent; z-index: 11; }
}