#wrapper{background:url(../img/topimage.jpg) no-repeat top center;background-attachment:fixed;overflow:hidden}header{background-color:transparent}#topimage{position:relative;box-sizing:border-box;height:700px}@media screen and (max-width: 767px){#topimage{height:auto}}#topimage ul{padding-top:120px;line-height:1;text-align:center}@media screen and (max-width: 767px){#topimage ul{padding:60px 0 120px}}#topimage li{display:inline-block;padding:0 20px}@media screen and (max-width: 767px){#topimage li{display:block;padding:20px 30px}}#topimage .copyj{border-left:2px solid #fff}@media screen and (max-width: 767px){#topimage .copyj{border-left-width:0px}}#topimage .p1{position:absolute;top:184px;left:-20px;width:220px;height:750px;background:url(../img/p1.png) no-repeat}@media screen and (max-width: 767px){#topimage .p1{display:none}}#topimage .p2{position:absolute;top:164px;right:-20px;width:220px;height:700px;background:url(../img/p2.png) no-repeat}@media screen and (max-width: 767px){#topimage .p2{display:none}}#content{background-color:#fff;overflow:visible}#content h2{font-size:250%;font-family:"Noto Sans B";letter-spacing:0.1em}@media screen and (max-width: 767px){#content h2{font-size:200%}}.pagelink a{display:inline-block;box-sizing:border-box;padding:20px 60px;text-decoration:none;border:1px solid #333;transition:0.3s}@media screen and (max-width: 767px){.pagelink a{width:80%;padding:15px 0px}}.pagelink a:hover{color:#fff;background-color:#0092ff;border:1px solid #0092ff}#service{background-color:#f2f2f2}#service .pagelink{display:inline-block;margin:0 30px}@media screen and (max-width: 767px){#service .pagelink{display:block;margin:0;padding-top:20px}}.serviceList{width:1080px;margin:0 auto;padding:100px 0}@media screen and (max-width: 767px){.serviceList{width:100%;padding:50px 0px 20px}}.serviceList li{position:relative;float:left;width:33%;height:0;padding-top:33%;background:no-repeat center;background-size:150px 120px}@media screen and (max-width: 767px){.serviceList li{position:relative;float:none;width:60%;margin:0 auto;padding-top:60%;background-size:100px 80px}}.serviceList li:after{display:block;position:absolute;top:0;left:10%;content:"";width:80%;height:80%;border:1px solid #333;transform:rotate(45deg)}.serviceList li.marketing{background-image:url(../img/service_mark_marketing.png)}.serviceList li.printing{background-image:url(../img/service_mark_printing.png)}.serviceList li.web{background-image:url(../img/service_mark_web.png)}.serviceList h3{position:absolute;top:50px;left:0;width:100%;margin:0 !important;padding:0 !important;text-align:center;background-color:transparent !important}@media screen and (max-width: 767px){.serviceList h3{top:40px;font-size:140% !important}}#works{float:left;width:46%;box-sizing:border-box;margin:80px 0;padding:80px 20px !important;background-color:#f2f2f2}@media screen and (max-width: 767px){#works{float:none;width:100%;margin:30px 0;padding:30px 0px !important}}#works h2{margin-bottom:40px !important}#works .worksList{padding-bottom:30px;overflow:hidden}@media screen and (max-width: 767px){#works .worksList{padding:0 20px 30px}}#works .worksList li{float:left;width:33%;box-sizing:border-box;padding:0 2px}#contact{float:right;width:46%;margin:80px 0;padding:80px 0 !important;background-color:#f2f2f2}@media screen and (max-width: 767px){#contact{float:none;width:100%;margin:30px 0;padding:30px 0px !important}}.callNumber{font-family:"Tel Futura Hv";font-size:250%;text-align:center}.callNumber .icon-tel,.callNumber .icon-fax{padding-right:5px;font-size:90%}.telNumber{margin-top:60px}@media screen and (max-width: 767px){.telNumber{margin-top:30px}}.workTime{padding-bottom:90px;font-size:80%;text-align:center}@media screen and (max-width: 767px){.workTime{padding-bottom:30px}}.productBanner{position:relative;width:100%;box-sizing:border-box}@media screen and (max-width: 767px){.productBanner{padding:20px 15px;background-color:#f2f2f2}.productBanner img{max-width:100%}}.productBanner .haruichidaiji2023{position:absolute;top:-302px;left:50%;margin-left:-385px}@media screen and (max-width: 767px){.productBanner .haruichidaiji2023{position:static;top:auto;left:auto;margin-left:0;padding-bottom:20px}}.productBanner .shield{position:absolute;top:-191px;left:50%;margin-left:-415px}@media screen and (max-width: 767px){.productBanner .shield{position:static;top:auto;left:auto;margin-left:0}}.productBanner .maskcase{position:absolute;top:-230px;left:50%;margin-left:15px}@media screen and (max-width: 767px){.productBanner .maskcase{position:static;top:auto;left:auto;margin-left:0}}