*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#161616;color:#fff;font:14px/1.8 "Helvetica neue",Arial,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif}
a{color:#7ea6a2;text-decoration:none}
a:visited{color:rgba(126,166,162,.7)}
a:hover{color:rgba(126,166,162,.5)}
h1,h2,h3,p,ul{margin:0;padding:0}
ul{list-style:none}
img{border:0;max-width:100%}
.hdr{height:50.8px;line-height:50px;padding:0 20px;font-family:Lato,sans-serif}
.hdr a{display:inline-block;font-size:12px;padding:0 20px;color:#fff;opacity:.6;line-height:50px}
.hdr a:visited{color:#fff}
.hdr a:hover{opacity:.4;color:#fff}
.si{padding:70px 40px 60px;text-align:center;border-bottom:.8px solid #5e5e5e}
.si h1{font:700 40px/1.4 Lato,sans-serif;letter-spacing:3px}
.desc{font-size:12px;line-height:21.6px;letter-spacing:1px;color:rgba(255,255,255,.5);max-width:600px;margin:0 auto;padding-top:30px}
.main{width:70%;max-width:900px;margin:0 auto;padding:60px 0 110px}
h2{font:700 30px/48px Lato,"Helvetica neue",Arial,sans-serif;text-align:center;padding-bottom:20px}
.h2b{margin-top:60px}
.row{text-align:center;padding:20px 0}
.btn span{display:block}
.btn{display:block;max-width:380px;margin:0 auto 10px;padding:10px 13px 11px;border:.8px solid #fff;color:#fff;font-size:16px;line-height:28.8px;text-align:center}
.btn:visited{color:#fff}
.btn:hover{border-color:rgba(255,255,255,.7);color:rgba(255,255,255,.7)}
.pull .btn{margin-top:-10px}
.div{display:block;border:0;margin:20px 0 0;height:40.8px;background:linear-gradient(#5e5e5e,#5e5e5e) 0 20px/100% .8px no-repeat}
.main>.txt{padding:20px 0}
.txt p{margin-bottom:7px;min-height:25.2px}
.c{text-align:center}
.works{display:flex;flex-wrap:wrap;margin:20px -20px 0}
.item{width:33.3333%;padding:0 20px;margin-bottom:35px}
.thumb{display:block;position:relative;padding-bottom:66.667%;overflow:hidden;background:#222}
.thumb img{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%)}
.ibody{margin-top:15px}
.ibody h3{font-size:16px;line-height:28.8px;font-weight:400}
.ibody a{color:#fff}
.ex{font-size:12px;line-height:21.6px;margin-top:5px;color:rgba(255,255,255,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ftr{border-top:.8px solid #5e5e5e;text-align:center;font-size:12px;line-height:21.6px;padding:20px;color:rgba(255,255,255,.5)}
.post{max-width:800px;width:100%;padding:60px 0 110px}
.ptitle{font-size:20px;line-height:32px;font-weight:400;margin-top:10px}
.bi{margin-top:30px}
.bi h3{font-size:20px;line-height:32px;font-weight:700;margin-bottom:16px}
.bi p{margin-bottom:7px;min-height:25.2px}
.pimg{display:block;width:100%;height:auto}
.movie{position:relative;padding-top:60%;overflow:hidden}
.movie iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
.ogp{border:.8px solid #5e5e5e}
.ogp a{display:block;position:relative;color:#7ea6a2}
.oimg{position:absolute;left:20px;top:20px;width:160px;height:160px;background:#2a2a2a}
.obody{padding:15px 20px 20px 205px;min-height:200px}
.otitle{font-size:18px;line-height:32.4px;font-weight:700;color:#fff;overflow:hidden;margin:0}
.otext{font-size:12px;line-height:20px;margin-top:8px;color:rgba(255,255,255,.7)}
.otext p{margin:0;min-height:0}
.osite{font-size:10px;line-height:18px;margin:8px 0 0;color:rgba(255,255,255,.7);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:800px){
.si{padding:40px 25px}
.si h1{font-size:30px}
.desc{padding-top:25px}
.main{width:100%;padding:30px 30px 82px}
h2{font-size:20px;line-height:32px}
.h2b{margin-top:35px}
.row{padding:15px 0}
h2{padding-bottom:15px}
.main>.txt{padding:15px 0}
.div{margin-top:20px;height:30.8px;background-position:0 15px}
.pull .btn{margin-top:-10px}
.btn{max-width:none;width:100%;font-size:14px;line-height:25.2px;padding:8px 13px 9px}
.works{margin:20px 0 0;display:block}
.item{width:100%;padding:0}
.post{padding:30px 30px 82px}
.bi{margin-top:15px}
.bi h3{font-size:16px;line-height:25.6px;margin-bottom:12.8px}
.oimg{position:relative;left:auto;top:auto;width:calc(100% - 40px);height:0;padding-bottom:calc(100% - 40px);margin:20px 20px 15px}
.obody{padding:0 20px 20px;min-height:0}
.otitle{font-size:16px;line-height:28.8px}
}