html{font-family:sans-serif}html *{box-sizing:border-box}body{margin:0 0 0 0;background-color:#eeece9}.wrapper{margin:0 auto 0 auto;max-width:960px}h2{color:#3f5170;font-size:22px;border-bottom:3px dotted #3f5170;margin-top:20px;margin-right:0;margin-bottom:20px;margin-left:0;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}p{line-height:1.3}a:link{color:#d25833}a:visited{color:#d25833}a:hover{color:#e3937a}a:active{color:#ff6a3b}img{max-width:100%;height:auto}.logo{margin:50px 0 40px 0;line-height:0;text-align:center}.nav li{display:inline;list-style-type:none;padding-right:30px}.nav ul{margin:0 0 0 0;padding:0 0 10px 0;background-image:url(http://www.yuichinakashima.com/images/k.jpg);background-repeat:repeat-x}.nav a:link{color:#3c454d;text-decoration:none}.nav a:visited{color:#3c454d;text-decoration:none}.nav a:hover{color:#7b8dac;text-decoration:none}.nav a:active{color:#5a9bc0;text-decoration:none}.footer{background-image:url(http://www.yuichinakashima.com/images/.jpg);background-repeat:no-repeat;margin-top:30px;padding:20px 15px 10px 15px;font-size:12px;color:#3f5170}.keyvisual{margin:15px 0 0 0}.news-item{margin:10}.prof-photo{float:left;padding:0 1em 1em 0}.clear{clear:both}.works-item{display:flex;border-bottom:1px dashed #bec2c7;padding:20px 8px}.works-photo{margin-right:16px;flex:1 1 auto}.works-text{flex:0 0 336px}.contact{text-align:left}form div{padding:12px;border-bottom:1px dashed #bec2c7}select{width:30em}input[name="subject"]{width:30em}textarea{width:30em;height:6em}input[type="submit"]{margin:20px 0;width:30em}@media (max-width:767px){.wrapper{margin:0 8px}.logo{margin:30px 0}.logo img{width:220px}.nav{background-color:#dfddda}.nav li{display:block}.works-item{display:block}.works-photo{margin-right:0;width:100%}.works-text{width:100%}.prof-photo{padding-right:0}select{width:100%}input[name="subject"]{width:100%}textarea{width:100%}input[type="submit"]{margin:20px 0;width:100%}}p1{color:#3f5170;font-size:13px}p2{color:#3f5170;font-size:11px;line-height:1}p3{color:#3f5170;font-size:16px;line-height:1}h3{color:#3f5170;font-size:18px;border-bottom:px dotted #3f5170;margin-top:20px;margin-right:0;margin-bottom:20px;margin-left:0;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.gal img{width:100%;height:auto;object-fit:cover;border-radius:8px;display:block}