@charset "UTF-8";

.blueTxtBox {
  display: inline-block;
  position: relative;
}
.blueTxtBox p {
  background-color: #0075c6;
  color: #ffffff;
  padding: 5px 10px;
  margin-left: 40px;
}
.blueTxtBox::before {
  position: absolute;
  top: 50%;
  margin-right: 10px;
}
.blueTxtBox.phoneIcon::before {
  content: url(/english/guide/imgs/common/phone.gif);
  transform: translateY(-50%);
}
.blueTxtBox.smartphoneIcon::before {
  content: url(/english/guide/imgs/common/smartphone.gif);
  transform: translateY(-45%);
}

.hyphenlist li {
  padding-left: 12px;
  text-indent: -5px;
}

.hyphenlist li::before {
  content: "-";
  display: inline-block;
  margin-right: 5px;
}

@media screen and (max-width: 1019px){
  .blueTxtBox p {
    padding: 10px;
  }
}