.pencil{    position: relative;    top: 22px;    left: 26px;    width: 0.35em;    height: 0.8em;    background: #fff;    -webkit-transform: rotate(45deg);    -moz-transform: rotate(45deg);    -o-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);    font-size: 1.4em;}.pencil:before{    content: "";    position: absolute;    top: -0.35em;    left: 0;    width: 0.35em;    height: 0.3em;    background: #fff;    border-radius: 0.1em;}.pencil:after{    content: "";    position: absolute;    width: 0;    height: 0;    top: 0.85em;  left: 0;    border: solid 0.2em #fff;    border-bottom-color: transparent;    border-left-color: transparent;    border-right-color: transparent;    border-top: solid 0.45em #fff;}.mail.icon {  color: #000;  position: absolute;  margin-left: 2px;  margin-top: 4px;  width: 15px;  height: 10px;  border-radius: 1px;  border: solid 1px currentColor;}.mail.icon:before {  content: '';  position: absolute;  left: 7px;  top: -4px;  width: 1px;  height: 10px;  background-color: currentColor;  -webkit-transform-origin: bottom;          transform-origin: bottom;  -webkit-transform: rotate(-54deg);          transform: rotate(-54deg);}.mail.icon:after {  content: '';  position: absolute;  left: 7px;  top: -4px;  width: 1px;  height: 10px;  background-color: currentColor;  -webkit-transform-origin: bottom;          transform-origin: bottom;  -webkit-transform: rotate(54deg);          transform: rotate(54deg);}.comment {font-size: 16px;width: 2em;height: 1.5em;background: #fff;border-radius: 0.2em;position: absolute;top: 34px;left: 271px;z-index: 999;}.comment::before {position:absolute;content: "";bottom: -0.3em;right: 0.4em;width:0em;height:0em;border-bottom:0.4em solid transparent;border-left:0.4em solid #fff;}/* ▼PC向け▼ ----------------------------------*/@media screen and (min-width: 751px) {.pencil{left: 29px;font-size: 1.8em;}.comment{left: 0;margin-left: 86px;}}