.dli-mail {
  display: inline-block;
  vertical-align: middle;
  color: #fefefe;
  background-color: black;
  line-height: 1;
  position: relative;
  width: 1.3em;
  height: 1.1em;
  border: 0.3em solid currentColor;
  border-radius: 0.3em;
  box-sizing: content-box;
  overflow: hidden;
  margin-right: 0.15em;

}

.dli-mail::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  background-color: black;
  width: 0.85425em;
  height: 0.85425em;
  border: 0.1em solid currentColor;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 0 0 0 0.1em;
  box-sizing: content-box;
  transform: translate(-50%, -50%) rotate(-45deg) skew(10deg, 10deg);
}

.material-symbols-outlined {
  margin-right: 12px;
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 200,
  'opsz' 24
}


input:focus {
    outline: none;
    box-shadow: none; /* ボックスシャドウを無効化 */
    border-color: transparent; /* ボーダーの色を透明に */
}

.material-symbols-outlined {
  margin-right: 12px;
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 200,
  'opsz' 24
}