.btn3{background-color:#06c755;background-size:3px 3px;border:1px solid #06c755;border-radius:10px;bottom:5;content:"";font-size:20px;left:5;margin:20px 0;overflow:hidden;padding:1em 6em;right:5;top:5;transition:.2s ease;white-space:nowrap}.btn3,.btn3 span{color:#fff;font-family:Noto Sans JP,sans-serif;font-weight:700;position:relative}.btn3 span{text-decoration:none;z-index:3}.btn3:hover span{color:#06c755;text-decoration:none}.bgtop3:before{background:#fff;background-size:3px 3px;border-radius:10px;color:#06c755;content:"";font-family:Noto Sans JP,sans-serif;font-weight:700;height:0;left:0;position:absolute;top:0;transition:.3s cubic-bezier(.8,0,.2,1) 0s;width:100%;z-index:2}.bgtop3:hover:before{background-color:#fff;border:1px solid #06c755;border-radius:10px;color:#06c755;height:100%}body{font-family:Noto Sans JP,sans-serif;font-weight:700;padding:100px 0;text-align:center;vertical-align:middle}p{margin:0 0 10px}a{text-decoration:none}@media only screen and (max-width:767px){.btn3{background-color:#06c755;background-size:3px 3px;border:1px solid #06c755;border-radius:10px;color:#fff;font-family:Noto Sans JP,sans-serif;font-size:15px;font-weight:700;margin:0 auto;overflow:hidden;position:relative;transition:.2s ease;white-space:nowrap;width:90%}}