.works{background:#f4f4f4;padding-top:50px;margin-left:-500%;margin-right:-500%;padding-left:500%;padding-right:500%}@media screen and (max-width: 480px){.works{padding-bottom:50px}}#maintitle{background-image:url(/inc/images/common/bg_maintitle.png)}#contents h2{position:relative;margin-bottom:20px;font-size:1.8em !important;border-bottom:none}#contents h2 a{color:#333 !important;text-decoration:none !important;font-weight:bold !important;text-decoration:none !important}#contents h2 span{display:block;padding-left:0}#contents h2 span.caption{font-size:60%}#contents h2 span.opendate{font-size:50%;position:absolute;bottom:0;right:10px;margin-bottom:20px}.category1{margin-bottom:20px;font-size:90%}.category1 span{color:#333}.category2{border:1px solid #cccccc;padding:3px 10px;margin-right:12px;margin-bottom:20px;color:#F90000}.wrappedBox{margin-bottom:10px}#categories{margin:0 auto 40px;text-align:center}#categories label{text-align:center}#categories label img{display:block}#categories .maincategories{text-align:center;margin-bottom:36px}#categories .maincategories li{display:inline-block;width:170px}#categories .maincategories li.tooltip a{border-bottom:none}#categories .maincategories li.tooltip a img{margin-bottom:0.8rem}#categories .maincategories a{display:block;margin:0 16px;padding:8px 4px;opacity:.5;text-align:center;font-weight:bold;text-decoration:none;color:#666;transition:all 0.2s ease-in-out}#categories .maincategories a:hover,#categories .maincategories a.active{opacity:1;border-bottom:1px dashed #888888;color:#333}#categories .subcategories{display:none}#categories .subcategories.active{display:block;width:60%;margin:0 auto}#categories .subcategories li{display:inline-block}#categories .subcategories .category{display:inline-block;margin:0 .25em;padding:.3em 1em;font-size:.9em;border-radius:20px;background:#f4f4f4;text-decoration:none;color:#666;margin-bottom:8px}#categories .subcategories .category.active{color:#fff;background:#da3119}#works-list{display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}#works-list::after{clear:both;content:"";display:table}#works-list li{display:inline-block;width:28.8%;margin:20px 2%;opacity:1;background:#fff;transition:all 0.4s ease-in-out}#works-list li.filtered{width:0;height:0;margin:0;opacity:0;overflow:hidden}#works-list li a{color:#48484a !important;text-decoration:none !important}#works-list figure{margin:0;padding:0}#works-list figcaption{padding:10px 10px 0px 10px;line-height:1.5}.img_wrap{height:200px;overflow:hidden;position:relative}.img_wrap img{width:100%;max-width:100%;height:auto;display:block;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0}.category{display:inline-block;margin:0 .5em 0 0;padding:0 .8em;font-size:80%;border-radius:3px;color:#fff;background:#BDBDBD;min-width:111px;text-align:center}.category a{color:inherit;text-decoration:none}.manufacture{background:#607D8B}.finance{background:#009688}.medical{background:#039BE5}.btoc{background:#FFAB00}.btob{background:#303F9F}.architecture{background:#B71C1C}.education{background:#E65100}.retail{background:#AD1457}.tourism{background:#33691E}.overview{margin:0;vertical-align:top;color:#999999;font-size:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.title{display:block;padding:0 10px;font-style:normal;font-weight:bold;font-size:1.15em;line-height:1.4;letter-spacing:.1em;min-height:2.7em}.client{display:block;text-align:right;padding-right:20px;padding-bottom:15px}.worksIndex{padding-bottom:80px}.worksIndex::after{clear:both;content:"";display:table}.worksIndex .works{padding-bottom:80px}.worksIndex .works h2{margin:0;padding:0 0 30px}.worksIndex img{vertical-align:bottom}.worksIndex dl{position:relative;width:360px;text-decoration:none;display:inline-block;font-size:100%;vertical-align:top;border:1px solid #e2e2e2;margin-right:4px}.worksIndex dl:hover{background-color:#F90000;background-image:none;color:#FFF}.worksIndex dl:hover .a_website{display:inline-block}.worksIndex dl .a_detail{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.worksIndex dl .a_website{position:absolute;display:none;width:85px;height:19px;bottom:3px;right:3px;z-index:2}.worksIndex dl dt{text-align:center}.worksIndex dl dt img{width:100%}.worksIndex dl dt span{margin-left:10px;font-size:80%}.worksIndex dl dd{position:relative;padding:13px 10px 10px;margin-left:0}.worksIndex dl dd span{display:block;padding-top:5px}#works-not-much{display:none;text-align:center}#works-not-much.active{display:block}#works_entry #maintitle{height:auto}#works_entry #maintitle::after{clear:both;content:"";display:table}#works_entry #maintitle #maintitle-inner{width:auto;padding:10px}@media screen and (min-width: 1120px){#works_entry #maintitle #maintitle-inner{width:1120px;margin:0 auto}}#works_entry #maintitle h1{width:734px;float:left;font-size:100%;letter-spacing:normal;color:#444;line-height:1.8;text-align:left;padding:10px 0 10px 0}@media screen and (max-width: 480px){#works_entry #maintitle h1{margin:0}}#works_entry #maintitle h1 span{font-size:210%}#works_entry #maintitle h1 strong{font-weight:200;display:block;line-height:1.3;margin:8px 0}@media screen and (max-width: 768px){#works_entry #maintitle h1 strong{font-size:70%}}#works_entry #maintitle h1 a{font-size:45%;font-size:45%;color:#999;top:-20px;display:inline-block;position:relative;font-weight:200;letter-spacing:1px}#works_entry #maintitle h1 a:hover{color:#da3119}#works_entry #maintitle h1 li{display:inline-block;margin:0 7px 5px 0;background:#f1f1f1;padding:1px 12px;border-radius:100px;font-size:80%}#works_entry #maintitle br{display:none}#works_entry #entry::after{clear:both;content:"";display:table}#works_entry #entry #detail{float:left;width:834px}#works_entry #entry #detail div.thum{width:auto;text-align:center;position:relative;padding:0 !important;margin:0 0 10px !important;background-image:url(/works/images/bg_works.gif);border:solid #CCC 1px;line-height:0}@media screen and (min-width: 768px){#works_entry #entry #detail div.thum{margin-top:50px !important}}#works_entry #entry #detail div.thum a{width:auto;display:block}#works_entry #entry #detail div.thum img{padding:0 !important;margin:0 !important}#works_entry #entry #detail div.thum span{position:absolute;width:100px;height:10px;bottom:40px;display:block;right:20px}#works_entry #entry #detail div.thum span .button{padding:0 10px}#works_entry #entry #detail .toContact{margin:0 0 60px;padding:0 60px}#works_entry #entry #detail .toContact a{font-size:120%;display:block;text-align:center;padding:15px;text-decoration:none;font-weight:bold;border:solid 3px #ff0000;color:#ff0000;background:url(/works/images/ya_hover.png) no-repeat 90% 50% #fff;border-radius:10px}#works_entry #entry #detail .toContact a:hover{border:solid 3px #dadada;color:#333;background:url(/works/images/ya_normal.png) no-repeat 90% 50% #fff}#works_entry #entry #detail .toContact a span{font-size:80%;display:block}#works_entry #entry #detail .tpPhonoterrase{margin-bottom:40px}#works_entry #entry #detail .comment h2{padding:20px;font-size:130%;color:#666}#works_entry #entry #detail .comment{margin-bottom:50px}#works_entry #entry #detail .comment h3{vertical-align:middle;background-image:none;padding:10px 0 13px;font-weight:bold;margin:20px 0 !important;font-size:130%;border-bottom:1px solid #ccc}#works_entry #entry #detail .comment h3.a-sheet-h{width:67%}@media screen and (max-width: 480px){#works_entry #entry #detail .comment h3.a-sheet-h{width:100%;margin:20px 0 !important}}#works_entry #entry #detail .comment h3.a-sheet-h span{font-size:150%;font-style:normal;color:#606060;border-radius:50%;text-align:center;display:inline-block;margin-right:10px;font-weight:bold}#works_entry #entry #detail .comment h3.a-sheet-h span:after{content:".";display:inline}#works_entry #entry #detail .comment h4{margin:0;font-size:120%;font-weight:bold}#works_entry #entry #detail .comment .pure-g{margin-top:20px}#works_entry #entry #detail .comment p.beginning{position:relative;display:block;padding:40px 20px 40px 50px;border:2px solid #eee;border-radius:9px;font-size:103%;letter-spacing:1px}#works_entry #entry #detail .comment p.beginning:before{color:#eee;content:"”";position:absolute;font-size:170px;font-family:"Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;top:-20px;z-index:-9999;left:20px}#works_entry #entry #detail .comment .example{background-color:#f8f8f8;border-radius:10px;padding:20px}#works_entry #entry #detail .comment .imgbox{text-align:center;margin-bottom:40px}#works_entry #entry #detail .comment .imgbox img:nth-child(even){display:list-item;margin-top:20px}#works_entry #entry #detail .comment .imgbox_column img{float:left;padding-right:30px}#works_entry #entry #detail .comment p.txtS{font-size:80%;color:#6f6f6f;margin:0}#works_entry #entry #detail .comment span.point{color:#666;font-size:80%}#works_entry #entry #detail .comment p{margin:10px 0 20px !important;color:#666;font-size:97%}#works_entry #entry #detail .comment .example p{margin-bottom:0 !important;font-size:80%}#works_entry #entry #detail .comment p.caption_top{margin-bottom:0 !important;font-size:80%;color:#666}#works_entry #entry #detail .comment ul{margin:0}#works_entry #entry #detail .comment ul li{list-style:disc;margin-left:20px}#works_entry #entry #detail .comment dt,#works_entry #entry #detail .comment dd{margin-bottom:20px}#works_entry #entry #detail .comment dt{padding:3px;font-weight:bold}#works_entry #entry #detail .comment .pure-g img{margin-left:3%;width:97%;height:auto}#works_entry #entry #sidebar{float:right;margin-bottom:40px}#works_entry #entry #sidebar dl dt{color:#da3119;position:relative;padding-left:10px;padding-bottom:10px;margin-bottom:4px}#works_entry #entry #sidebar dl dt span{font-size:70%;margin-left:10px;color:#ccc}#works_entry #entry #sidebar dl dt:after{position:absolute;left:0;bottom:0;content:" ";background:url(/inc/images/common/img_border.png) right center no-repeat;width:100%;height:7px;transform:rotate(180deg);transition:width 0.1s ease-out;-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"}#works_entry #entry #sidebar dl dd{margin:0}#works_entry #entry #sidebar dl.cliant span.caption{display:block}#works_entry #entry #sidebar dl.cliant span.caption span{font-size:80%}#works_entry #entry #sidebar .entrybox{margin:30px 0}#works_entry #entry #sidebar .entrybox strong{color:#da3119;letter-spacing:.1em;text-align:center;display:block}#works_entry #entry #sidebar .entrybox strong:before,#works_entry #entry #sidebar .entrybox strong:after{content:'';display:inline-block;margin-bottom:-3px;width:1px;height:1.2em;border-left:1px solid #e8341a}#works_entry #entry #sidebar .entrybox strong:before{transform:rotate(-40deg);margin-right:.5em}#works_entry #entry #sidebar .entrybox strong:after{transform:rotate(40deg);margin-left:.5em}#works_entry #entry #sidebar .entrybox .button.mail.to_contact{display:block;margin-top:10px;padding:15px 0;text-align:center}#works_entry #entry #sidebar .entrybox .button.mail.to_contact:before{display:none}#works_entry #entry #sidebar ul.list{list-style:none !important;margin:0 0 5px 1em;padding:0}#works_entry #entry #sidebar ul.list li{margin-bottom:4px}#works_entry #entry #sidebar ul.list li:before{content:"\f0da";font:normal normal normal 14px/1 FontAwesome;color:#ccc;margin-right:6px}.member{width:300px;margin:0;padding:50px 0 30px 0;float:right}.member h2{border:0 none;text-align:center;padding:0;display:block;font-size:85%;margin:0 0 12px;letter-spacing:2px}.member h2:before,.member h2:after{content:'';display:inline-block;margin-bottom:-3px;width:1px;height:1.2em;border-left:1px solid #48484a}.member h2:before{transform:rotate(-40deg);margin-right:.5em}.member h2:after{transform:rotate(40deg);margin-left:.5em}.member ul{text-align:center}.member li{margin:0 5px;width:50px;display:inline-block;padding:0;height:50px;border-radius:100%;background-color:#fff;border:1px solid #eee;position:relative}.member li:before{content:attr(data-name) "\a" attr(data-position);display:block;padding:5px;width:6em;top:55px;background:rgba(218,49,25,0.6);color:#ffffff;font-size:80%;border-radius:3px;text-align:center}.member li:after{content:" ";height:0;width:0;top:45px;pointer-events:none;border:5px transparent solid;border-bottom-color:rgba(218,49,25,0.6)}.member li:before,.member li:after{position:absolute;left:-50%;right:-50%;margin:0 auto;opacity:0;z-index:-1}.member li:hover:before,.member li:hover:after{opacity:1;z-index:999}.member a{display:block}.member img,.face{fill:#442b00;width:70%;height:70%;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0}.member img,.face_png{width:auto;height:35px}#sidebar a[target=_blank]:before{padding:0 4px}@media screen and (max-width: 1120px){#main #categories{margin:10px auto 20px}#main #categories .maincategories li{font-size:85%;width:32%}#main #categories .maincategories li a{padding:5px;margin:0}#main #categories .subcategories.active{width:100%}#main #categories .subcategories.active li{font-size:90%;display:inline-block}#main #categories .subcategories.active li .category{min-width:auto}}@media screen and (max-width: 1120px){#works-list{font-size:90%}}@media screen and (max-width: 768px){#works-list{margin:0 15px}#works-list h2{text-align:center}#works-list li{width:48%;margin:5px 1%}}@media screen and (max-width: 480px){#works-list li{width:100%}}@media screen and (min-width: 480px) and (max-width: 768px){.img_wrap{height:160px}}@media screen and (max-width: 1120px){#works_entry #maintitle h1{width:70%}#works_entry #maintitle .member{width:30%}#works_entry #maintitle .member h2{font-size:70%}}@media screen and (max-width: 768px){#works_entry #maintitle{padding-bottom:10px}#works_entry #maintitle h1{width:100%;padding:15px 0 10px 0}#works_entry #maintitle h1 span a{top:0;word-wrap:break-word;font-size:38%}#works_entry #maintitle .member{width:100%;padding:0}#works_entry #maintitle .member h2,#works_entry #maintitle .member ul{text-align:right;padding-right:10px}}@media screen and (max-width: 480px){#works_entry #maintitle h1{padding:0}#works_entry #maintitle .member h2,#works_entry #maintitle .member ul{text-align:left;padding-left:10px}#works_entry #maintitle .member ul{padding:0}#works_entry #maintitle .member ul li{margin:0 2px}}@media screen and (max-width: 480px){.fb-like{top:-2px}}@media screen and (max-width: 1120px){#works_entry #main #entry{padding:0 15px}#works_entry #main #entry img{width:100%;height:auto}#works_entry #main #entry #detail{width:70%}#works_entry #main #entry #detail .comment{margin-bottom:10px}#works_entry #main #entry #detail .comment .beginning{padding:15px !important}#works_entry #main #entry #detail iframe{width:100%}#works_entry #main #entry #sidebar{width:28%;display:block;margin-bottom:0}}@media screen and (max-width: 1120px){#works_entry #main #entry #detail{width:100%}#works_entry #main #entry #sidebar{width:100%;padding:0}#works_entry #main #entry img.a-sheet{max-width:30%;margin-bottom:20px}}@media screen and (max-width: 480px){#works_entry #main #entry img.a-sheet{max-width:100%;margin-bottom:20px}}@media screen and (max-width: 768px){#works_entry #main #entry .pure-g .pure-u-1-2{width:100%}#works_entry #main #entry .pure-g .pure-u-1-3{width:50%}#works_entry #main #entry .pure-g .l-box{padding:5px}#works_entry #main #entry .pure-g img{margin-left:0;width:100%}}@media screen and (max-width: 768px){#works_entry #main #entry #detail .toContact{display:none;padding:0;font-size:90%;margin-bottom:30px}#works_entry #main #entry #detail .toContact a,#works_entry #main #entry #detail .toContact a:hover{background-position:96% 50%}}@media screen and (max-width: 1120px){.worksIndex{padding-bottom:0}}

/*# sourceMappingURL=../map/contents/works.css.map */