body{font-family:游ゴシック Light,sans-serif;background-color:#282838;color:#d8d8d8}h1{font-weight:lighter;font-size:2rem}.btn4{text-transform:uppercase;text-align:center;position:relative;text-decoration:none;display:inline-block;color:#7fa8ff}.btn4:before{content:"";position:absolute;bottom:-2px;left:0px;width:100%;height:2px;background:#82a1ff;display:block;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scaleX(0);-webkit-transition:transform .4s cubic-bezier(1,0,0,1);transition:transform .4s cubic-bezier(1,0,0,1)}.btn4:hover:before{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1)}@media screen and (max-width: 767px){h1{font-size:1.4rem}.span{font-size:1.5rem;display:block;line-height:25px}body{margin:14px}}@media screen and (min-width: 767px){body{margin:50px}.span{font-size:4rem;display:block;line-height:25px}}