@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+JP:wght@100..900&display=swap");#main{overflow:hidden}#main .slider-nav img{object-fit:cover;width:100%;height:100px}@media (max-width: 991px){#main .slider-nav img{height:80px}}@media (max-width: 767px){#main .slider-nav img{height:34px}}#main .worksList{margin-left:-7px;margin-right:-7px}@media (max-width: 767px){#main .worksList{margin-left:-3px;margin-right:-3px}}#main .worksList>li{padding:0 7px}@media (max-width: 1199px){#main .worksList>li{width:50%}}@media (max-width: 767px){#main .worksList>li{padding:0 3px}}#main .worksList>li img{width:100%;height:24vw;object-fit:cover}@media (max-width: 1199px){#main .worksList>li img{height:28vw}}@media (max-width: 767px){#main .worksList>li img{height:30vw}}#main .worksList .txtIn{padding:30px 30px 50px;color:#292828}@media (max-width: 1199px){#main .worksList .txtIn{padding:25px 20px 45px}}@media (max-width: 767px){#main .worksList .txtIn{padding:20px 10px 40px}}#main .worksList .txtIn .about{margin-bottom:5px}@media (max-width: 1199px){#main .worksList .txtIn .about{font-size:1.4rem}}@media (max-width: 767px){#main .worksList .txtIn .about{font-size:1.2rem}}#main .worksList .txtIn .about .company{display:inline-block;padding:0 10px;color:#fff;background:#A2A2A2;margin-right:15px}@media (max-width: 767px){#main .worksList .txtIn .about .company{padding:0 3px;margin-right:10px}}#main .worksList .txtIn .ttl{font-size:1.8rem}@media (max-width: 1199px){#main .worksList .txtIn .ttl{font-size:1.6rem}}@media (max-width: 767px){#main .worksList .txtIn .ttl{font-size:1.5rem}}#main.entry .entryTop{margin-bottom:60px}@media (max-width: 767px){#main.entry .entryTop{margin-bottom:30px}}#main.entry .about{margin-bottom:5px}@media (max-width: 1199px){#main.entry .about{font-size:1.4rem}}@media (max-width: 767px){#main.entry .about{font-size:1.2rem}}#main.entry .about .company{display:inline-block;padding:0 10px;color:#fff;background:#A2A2A2;margin-right:15px}@media (max-width: 767px){#main.entry .about .company{padding:0 3px;margin-right:10px}}#main.entry .ttl{font-size:1.8rem}@media (max-width: 1199px){#main.entry .ttl{font-size:1.6rem}}@media (max-width: 767px){#main.entry .ttl{font-size:1.5rem}}#main.entry .js-slider{padding-left:0}#main.entry .slider-nav li{padding:0 5px;box-sizing:border-box}#main .pageList{margin:80px -30px 0;position:relative}@media (max-width: 767px){#main .pageList{margin:40px -10px 0}}#main .pageList:before{content:"";display:inline-block;width:1px;height:80%;background:#E2E0DF;position:absolute;left:50%;bottom:0}#main .pageList li{padding:0 30px}@media (max-width: 767px){#main .pageList li{padding:0 10px}}#main .pageList li.prev .minTtl{padding-left:30px}#main .pageList li.prev .minTtl:before{left:0}#main .pageList li.prev img{float:left}#main .pageList li.prev .txtIn{padding:15px 10px 0 30px}@media (max-width: 767px){#main .pageList li.prev .txtIn{padding:10px 0 0 5px}}#main .pageList li.next{margin-left:auto}#main .pageList li.next .minTtl{padding-right:30px;text-align:right}#main .pageList li.next .minTtl:before{right:0}#main .pageList li.next img{float:right}#main .pageList li.next .txtIn{padding:15px 30px 0 10px}@media (max-width: 767px){#main .pageList li.next .txtIn{padding:10px 5px 0 0}}#main .pageList li a{color:#292828;display:block}#main .pageList li a img{overflow:hidden;*zoom:1;width:200px;height:140px;object-fit:cover}@media (max-width: 991px){#main .pageList li a img{width:160px;height:120px}}@media (max-width: 767px){#main .pageList li a img{width:60px;height:100px}}#main .pageList li a .txtIn{overflow:hidden;width:calc(100% - 200px);box-sizing:border-box}@media (max-width: 991px){#main .pageList li a .txtIn{width:calc(100% - 160px)}}@media (max-width: 767px){#main .pageList li a .txtIn{width:calc(100% - 60px);line-height:1.4}}#main .pageList li a .minTtl{position:relative}#main .pageList li a .minTtl:before{content:"";display:inline-block;width:20px;height:1px;background:#292828;position:absolute;top:20px}@media (max-width: 767px){#main .pageList li a .minTtl:before{top:10px}}#main .pageList li a .about{font-size:1.4rem}@media (max-width: 767px){#main .pageList li a .about{font-size:1.1rem}}