.project-visual{width:100%;color:#fff;font-weight:300;text-align:center;background-position-y:-48px;font-size:1.6em;display:flex;overflow:hidden;justify-content:center;background-color:#ffb6c1}.project-visual>.project_edge{width:15%;height:300%;background-color:#add8e6;line-height:1440px;transform:translate3d(0,-480px,0) rotate(45deg);overflow:hidden}.project-visual>.project_view{display:block;text-decoration:none;color:#fff;background-color:grey}.project-visual>a>div,.project-visual>div>div{display:block;width:100%;height:100%;text-align:left}@media screen and (max-width:959px){.project-visual{height:300px;flex-wrap:wrap}.project_becon,.project_tenku,.project_tour{background-size:100% auto}.project_tenku{background-image:url(/road_wide.png)}.project_becon{background-image:url(/becon_wide.png)}.project_tour{background-image:url(/tours_wide.png)}.project-visual>.project_edge{display:none}.project-visual>.project_view{width:100%;height:100px}.project-visual>a>div,.project-visual>div>div{padding:0 4px}}@media screen and (min-width:960px){.project-visual{height:480px}.project_tenku{background-image:url(/road.png);background-position-x:-150px;background-size:cover}.project_becon{background-position-x:-250px;background-position-y:220px;background-size:cover;background-image:url(/becon.png)}.project_tour{background-size:cover;background-image:url(/tours.png)}.project-visual>.project_view{font-weight:500;width:20%;height:300%;line-height:1440px;transform:translate3d(0,-480px,0) rotate(45deg);transition:transform .3s ease-out}.project-visual>.project_view:hover{transform:translate3d(-30px,-480px,0) rotate(45deg)}.project-visual>a>div,.project-visual>div>div{transform:rotate(-45deg);margin-left:30px}}.projects section{text-align:center;padding:16px}.projects section h2{margin:16px 0}.projects section p{margin:16px}