@import url("global.css");#toparea{background:url("../staff/img/main.jpg") no-repeat center center;background-size:cover}h2.separator{max-width:1640px;margin:0 auto 30px;border-top:1px solid #000;border-bottom:1px solid #000;text-align:center;font-weight:bold;line-height:60px}ul.list{max-width:1640px;margin:0 auto;overflow:hidden}ul.list+h2.separator{margin-top:60px}ul.list li{width:25%;float:left;box-sizing:border-box;padding:0 1%;margin-bottom:32px;text-align:left}ul.list li a{display:block;position:relative;overflow:hidden;color:#fff;line-height:1.3;background-color:#222;background:-webkit-linear-gradient(left top, #000 0, #333 100%);background:linear-gradient(to bottom right, #000 0, #333 100%)}ul.list li a::before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-color:#fff;transition:all .3s ease;-webkit-transition:all .3s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:0}ul.list li a::after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:#fff 1px solid;opacity:.3;z-index:3;transition:all .3s ease;-webkit-transition:all .3s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}ul.list li a .photo{float:right;width:150px;max-width:45%}ul.list li a .photo figure{position:relative;height:0;padding-top:140%;overflow:hidden;z-index:2}ul.list li a .photo figure img{position:absolute;top:0;left:0;transition:all .3s ease;-webkit-transition:all .3s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:top center}ul.list li a .main{padding:20px 0 0 20px;position:absolute;top:0;left:0;box-sizing:border-box;height:100%;width:100%;z-index:2}ul.list li a .main .position{font-size:13px}ul.list li a .main .position span{display:block}ul.list li a .main .name{left:20px;position:absolute;bottom:15px}ul.list li a .main .name span{display:block}ul.list li a .main .name .j{font-size:21px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;position:relative;letter-spacing:.1em;line-height:1.2}ul.list li a .main .name .roman{font-family:"Lora","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-size:18px;opacity:.2}ul.list li a .main .name .roman:first-letter{font-size:1.5em}ul.list li a:hover{color:#222}ul.list li a:hover::before{opacity:.8}ul.list li a:hover::after{opacity:.3}ul.list li a:hover .photo figure img{transform:scale(1.1);-webkit-transform:scale(1.1)}ul.list li a:hover .main .name .roman:first-letter{color:#E50011}.entry{padding-top:50px;overflow:hidden}.entry .photo{max-width:50%;float:left;padding-left:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.entry .photo figure{margin-bottom:30px;width:300px}.entry .photo figure img{width:100%}.entry .photo .motto{text-align:center;font-size:21px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}.entry .main{float:right;width:50%;padding-right:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.entry .main .position{margin-bottom:32px}.entry .main .name{line-height:1;margin-bottom:32px}.entry .main .name span{display:block}.entry .main .name span.j{letter-spacing:.1em;font-size:32px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}.entry .main .name span.roman{font-size:21px;font-family:"Lora","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;opacity:.1}.entry .main .license{letter-spacing:-.4em;margin-bottom:25px}.entry .main .license li{display:inline-block;letter-spacing:1px;margin:0 20px;font-size:14px}.entry .main .license li::before{content:"";width:10px;height:10px;background-color:#E50011;display:inline-block;margin-right:10px}.entry .main .data{border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;padding:15px 10px;font-size:14px;margin-bottom:15px}.entry .main .data .inner{display:inline-block;text-align:left;overflow:hidden}.entry .main .data .inner table{border-spacing:0 10px}.entry .main .data .inner table th{text-align:center;white-space:nowrap}.entry .main .data .inner table td{text-align:left;padding-left:20px;line-height:1.4}.entry .main .comment{display:inline-block;text-align:left}.entry .main .comment p{margin:20px 0}.entry>.pageback{clear:both;padding-top:100px;background-color:transparent}.entry>.pageback a{line-height:60px;background-color:#000}.entry>.pageback a:hover{background-color:rgba(0,0,0,0.85)}@media only screen and (max-width: 1800px){h2.separator{margin:0 10px 30px 120px}ul.list{padding:0 10px 0 120px}}@media only screen and (max-width: 1220px){h2.separator{margin:0 10px 30px}ul.list{padding:0 10px}ul.list li{width:33.3333333333%;padding:0 1.5%;margin-bottom:32px}}@media only screen and (max-width: 980px){ul.list li{width:50%;padding:0 1.5%;margin-bottom:32px}.entry .photo{padding-left:0}.entry .photo figure{width:90%}.entry .main{padding-right:0}.entry>.pageback{padding-top:60px}.entry>.pageback a{line-height:50px}}@media only screen and (max-width: 645px){h2.separator{line-height:50px}ul.list+h2.separator{margin-top:40px}ul.list li a .main .position br{display:none}ul.list li a .main .name{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);bottom:auto}ul.list li a .main .name .roman{margin-top:-50px}.entry{padding-top:50px}.entry .photo{max-width:260px;margin:0 auto 40px;float:none}.entry .photo figure{margin-bottom:30px;width:auto}.entry .main{float:none;width:auto;text-align:center}.entry .main .position{margin-bottom:32px}.entry .main .name{line-height:1;margin-bottom:32px}.entry .main .name span{display:block}.entry .main .name span.j{letter-spacing:.1em;font-size:32px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}.entry .main .name span.roman{font-size:21px;font-family:"Lora","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;opacity:.1}.entry .main .license{letter-spacing:-.4em;margin-bottom:25px}.entry .main .license li{display:inline-block;letter-spacing:1px;margin:0 20px;font-size:14px}.entry .main .license li::before{content:"";width:10px;height:10px;background-color:#E50011;display:inline-block;margin-right:10px}.entry .main .data{font-size:14px;margin-bottom:15px}.entry .main .comment{display:inline-block;text-align:left}.entry .main .comment p{margin:20px 0}.entry>.pageback{padding-top:0}.entry>.pageback a{line-height:34px}}@media only screen and (max-width: 480px){ul.list li{width:auto;float:none;padding:0 0;margin-bottom:30px}}