@-webkit-keyframes a{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}#contents{max-width:1040px;padding-left:40px;padding-right:40px;width:100%}#contents>section{margin-bottom:40px;position:relative;padding-left:210px}#contents>section .ttl{position:absolute;left:0;top:0;font-size:16px}#contents>section .group{margin-bottom:20px}#contents>section header{font-size:16px;color:#666;margin-bottom:20px}#contents>section .txt,#contents>section li{font-size:12px;color:#666;line-height:2;letter-spacing:.06em}@media screen and (max-width:750px){#contents{max-width:100%;padding-left:15px;padding-right:15px}#contents>section{margin-bottom:36px;padding-left:0}#contents>section .ttl{position:relative;font-size:15px;margin-bottom:18px}#contents>section .group{margin-bottom:12px}#contents>section header{font-size:14px;margin-bottom:12px}#contents>section .txt,#contents>section li{font-size:9px;line-height:2}}.contact{margin:120px auto 0;width:120px;overflow:hidden;position:relative}.contact a{width:100%;display:block;text-align:center;font-size:24px;position:relative}.contact span{width:100%;display:block;padding:10px}.contact span:after{position:absolute;left:0;top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);width:100%;padding:10px;box-sizing:border-box;content:"Contact"}@keyframes a{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}html.desktop .contact:hover span{-webkit-animation:a .8s cubic-bezier(.19,1,.22,1);animation:a .8s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:750px){.contact{margin:50px auto 0;width:120px}.contact a{width:100%;padding:10px;font-size:18px}}