main.category section.works_view{padding:80px 0}main.category section.works_view div.inner{margin:0 auto;max-width:1280px;padding:0 40px;width:100%}main.category section.works_view div.inner div.list{align-items:stretch;flex-wrap:wrap;justify-content:space-between}main.category section.works_view div.inner div.list div.box{margin:0 0 20px;width:calc(33.33333% - 10px)}main.category section.works_view div.inner div.list div.box div.thumbnail{border:1px solid var(--color-gray);border-radius:10px;overflow:hidden}main.category section.works_view div.inner div.list div.box div.thumbnail img{aspect-ratio:9/11;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}main.category section.works_view div.inner div.list div.box div.info{margin:20px 0 0}main.category section.works_view div.inner div.list div.box div.info h3{font-family:hiragino_w8;font-size:15px;line-height:1.4}main.category section.works_view div.inner div.list div.box div.info span{display:block;font-size:13px;line-height:1;margin:8px 0 0}main.category section.works_view div.inner div.list div.box div.info ul.hashtag{align-items:center;flex-wrap:wrap;justify-content:flex-start;margin:12px 0 0}main.category section.works_view div.inner div.list div.box div.info ul.hashtag li{font-size:12px;line-height:1.8;margin:0 12px 0 0;padding:0 0 0 6px;position:relative}main.category section.works_view div.inner div.list div.box div.info ul.hashtag li:before{background-image:url(../img/top/works_hashtag.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:9px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}main.category section.works_view div.inner div.list div.box div.info ul.hashtag li:last-child{margin:0}main.category section.works_view div.inner div.list div.box:hover div.thumbnail img{transform:scale(1.1)}main.single section.works{padding:60px 0}main.single section.works div.inner{margin:0 auto;max-width:1280px;padding:0 40px;width:100%}main.single section.works div.inner div.title{padding:0 0 60px}main.single section.works div.inner div.title span{display:block;font-family:din;font-size:30px;line-height:1}main.single section.works div.inner div.title h2{font-family:hiragino_w8;font-size:50px;line-height:1.4;margin:10px 0 0}main.single section.works div.inner div.title p{font-size:13px;line-height:1;margin:30px 0 0}main.single section.works div.inner div.title ul.hashtag{align-items:center;flex-wrap:wrap;justify-content:flex-start;margin:12px 0 0}main.single section.works div.inner div.title ul.hashtag li{font-size:12px;line-height:1.8;margin:0 12px 0 0;padding:0 0 0 6px;position:relative}main.single section.works div.inner div.title ul.hashtag li:before{background-image:url(../img/top/works_hashtag.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:9px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}main.single section.works div.inner div.title ul.hashtag li:last-child{margin:0}main.single section.works div.main_image img{width:100%}main.single section.works div.inner div.content{padding:80px 0}main.single section.works div.inner div.content div.headline+div.headline{border-top:1px dashed var(--color-navy);margin:30px 0 0;padding:30px 0 0}main.single section.works div.inner div.content div.headline h3{font-family:hiragino_w8;font-size:50px;line-height:1.4}main.single section.works div.inner div.content div.headline p{font-size:18px;line-height:1.8;margin:30px 0 0}main.single section.works div.inner div.content div.out_link{margin:0 auto;max-width:480px;width:100%}main.single section.works div.inner div.content div.out_link a{background-color:var(--color-navy);border:2px solid var(--color-navy);border-radius:40px;color:var(--color-white);display:block;font-size:20px;line-height:1;padding:30px 0;position:relative;text-align:center;transition:all .3s ease}main.single section.works div.inner div.content div.out_link a:hover{background-color:var(--color-white);color:var(--color-navy)}main.single section.works div.inner div.content div.out_link a:before{background-image:url(../img/top/arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:23px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:37px;z-index:2}main.single section.works div.inner div.content div.out_link a:hover:before{background-image:url(../img/top/arrow_hover.svg);right:10px}main.single section.works div.inner div.content div.image div.box img{width:100%}main.single section.works div.inner div.content div.image.col2,main.single section.works div.inner div.content div.image.col3,main.single section.works div.inner div.content div.image.col4{align-items:stretch;justify-content:space-between}main.single section.works div.inner div.content div.image.col2 div.box{width:calc(50% - 10px)}main.single section.works div.inner div.content div.image.col3 div.box{width:calc(33.33333% - 10px)}main.single section.works div.inner div.content div.image.col4 div.box{width:calc(25% - 10px)}main.single section.works div.inner div.content div.team h3{font-family:din;font-size:85px;line-height:1}main.single section.works div.inner div.content div.team dl.list{align-items:stretch;flex-wrap:wrap;justify-content:space-between;margin:40px 0 0}main.single section.works div.inner div.content div.team dl.list dt{font-family:din;font-size:20px;line-height:2.4;width:120px}main.single section.works div.inner div.content div.team dl.list dd{font-size:16px;line-height:2.5;width:calc(100% - 140px)}main.single section.works div.inner div.content div.headline+div.out_link,main.single section.works div.inner div.content div.image+div.out_link,main.single section.works div.inner div.content div.out_link+div.out_link,main.single section.works div.inner div.content div.team+div.out_link{margin:40px auto 0}main.single section.works div.inner div.content div.headline+div.image,main.single section.works div.inner div.content div.headline+div.team,main.single section.works div.inner div.content div.image+div.team,main.single section.works div.inner div.content div.out_link+div.headline,main.single section.works div.inner div.content div.out_link+div.image,main.single section.works div.inner div.content div.team+div.headline,main.single section.works div.inner div.content div.team+div.image,main.single section.works div.inner div.content div.team+div.team{margin:40px 0 0}main.single section.works div.inner div.content div.image+div.image{margin:20px 0 0}main.single section.works div.btn{margin:80px 0 0}main.single section.works div.btn a{background-color:var(--color-gd1);border:1px solid var(--color-gd1);border-radius:50px;color:var(--color-white);display:block;font-size:20px;height:90px;line-height:1;margin:0 auto;position:relative;text-align:center;transition:.3s ease;width:90px}main.single section.works div.btn a span{display:block;font-family:din;left:50%;position:absolute;top:calc(50% + 2px);transform:translate(-50%,-50%);z-index:2}main.single section.works div.btn a:hover{background-color:var(--color-white);color:var(--color-gd1)}@media only screen and (max-width:800px){main.category section.works_view{padding:40px 0}main.category section.works_view div.inner{padding:0 20px}main.category section.works_view div.inner div.list div.box{margin:0 0 15px;width:100%}main.category section.works_view div.inner div.list div.box div.info{margin:12px 0 0}main.category section.works_view div.inner div.list div.box div.info h3{font-size:14px}main.category section.works_view div.inner div.list div.box div.info span{font-size:12px}main.category section.works_view div.inner div.list div.box div.info ul.hashtag{margin:8px 0 0}main.category section.works_view div.inner div.list div.box div.info ul.hashtag li{margin:0 12px 0 0}main.single section.works{padding:40px 0}main.single section.works div.inner{padding:0 20px}main.single section.works div.inner div.title{padding:0 0 20px}main.single section.works div.inner div.title span{font-size:21px}main.single section.works div.inner div.title h2{font-size:26px}main.single section.works div.inner div.title p{font-size:12px;margin:20px 0 0}main.single section.works div.inner div.title ul.hashtag{margin:8px 0 0}main.single section.works div.inner div.title ul.hashtag li{margin:0 12px 0 0}main.single section.works div.inner div.content{padding:40px 0}main.single section.works div.inner div.content div.headline+div.headline{margin:20px 0 0;padding:20px 0 0}main.single section.works div.inner div.content div.headline h3{font-size:21px}main.single section.works div.inner div.content div.headline p{font-size:16px;margin:15px 0 0}main.single section.works div.inner div.content div.out_link{max-width:320px}main.single section.works div.inner div.content div.out_link a{font-size:15px;padding:15px 0}main.single section.works div.inner div.content div.out_link a:before{height:8px;right:15px;width:10px}main.single section.works div.inner div.content div.out_link a:hover:before{right:10px}main.single section.works div.inner div.content div.image.col2,main.single section.works div.inner div.content div.image.col3,main.single section.works div.inner div.content div.image.col4{flex-wrap:wrap}main.single section.works div.inner div.content div.image.col2 div.box,main.single section.works div.inner div.content div.image.col3 div.box,main.single section.works div.inner div.content div.image.col4 div.box{width:100%}main.single section.works div.inner div.content div.image div.box+div.box{margin:20px 0 0}main.single section.works div.inner div.content div.team h3{font-size:40px}main.single section.works div.inner div.content div.team dl.list{margin:30px 0 0}main.single section.works div.inner div.content div.team dl.list dt{font-size:18px;width:100px}main.single section.works div.inner div.content div.team dl.list dd{font-size:13px;line-height:3.1;width:calc(100% - 120px)}main.single section.works div.inner div.content div.headline+div.out_link,main.single section.works div.inner div.content div.image+div.out_link,main.single section.works div.inner div.content div.out_link+div.out_link,main.single section.works div.inner div.content div.team+div.out_link{margin:30px auto 0}main.single section.works div.inner div.content div.headline+div.image,main.single section.works div.inner div.content div.headline+div.team,main.single section.works div.inner div.content div.image+div.team,main.single section.works div.inner div.content div.out_link+div.headline,main.single section.works div.inner div.content div.out_link+div.image,main.single section.works div.inner div.content div.team+div.headline,main.single section.works div.inner div.content div.team+div.image,main.single section.works div.inner div.content div.team+div.team{margin:30px 0 0}main.single section.works div.inner div.content div.image+div.image{margin:20px 0 0}main.single section.works div.btn{margin:40px 0 0}main.single section.works div.btn a{font-size:16px;height:45px;width:45px}}