@media screen and (min-width: 768px){div.tategaki {letter-spacing:15px;text-orientation: upright;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;border-left:3px none #0ba196;border-image: linear-gradient(to bottom, #0ba196 0%, #afe8c1 60%);border-image-slice: 1;padding:0 15px;font-size :1.9vw;line-height: 2.5em;text-align: left;display: inline-block;font-family :ab-hiro;}}@media screen and (max-width: 767px){div.tategaki {letter-spacing:7px;text-orientation: upright;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;border-left:3px none #0ba196;border-image: linear-gradient(to bottom, #0ba196 0%, #afe8c1 60%);border-image-slice: 1;padding:0 15px;font-size :17px;line-height: 1.6em;text-align: left;display: inline-block;font-family :ab-hiro;}}