@font-face {
	font-family:"tanuki-font";
				src: 
				url("/world-mental-health-day-japan2020/css/tanuki.woff") format("woff"), /* ���_���u���E�U */
				url("/world-mental-health-day-japan2020/css/tanuki.ttf")  format("truetype"), /* Safari, Android, iOS */
				url("/world-mental-health-day-japan2020/css/tanuki.eot"); /* IE9�ȍ~ */
	font-weight:bold;
}

<!--	font-family:"tanuki-font";

.letter {
  background: #FFFFF0;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  max-width: 350px;
  min-height: 100px;
  margin: 50px auto 0;
  padding: 24px;
  position: relative;
  width: 80%;
  text-align:left;
}

.letter:before, .letter:after {
  content: "";
  height: 98%;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.letter:before {
  background: #fafafa;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  left: -5px;
  top: 4px;
  transform: rotate(-2.5deg);
}

.letter:after {
  background: #f6f6f6;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  right: -3px;
  top: 1px;
  transform: rotate(1.4deg);
}