@media(min-width: 767px){.works-list{width:100%;display:flex;flex-wrap:wrap nowrap;align-items:flex-start;justify-content:flex-start;overflow-x:auto;gap:30px}.works-list::-webkit-scrollbar{display:none}.works-list .work-box{flex:0 0 45%}.works-list .work-box .img-wrapper{overflow:hidden;margin-bottom:10px}.works-list .work-box .img-wrapper img{margin-bottom:0;transition:.3s}.works-list .work-box .type{width:100%;margin-bottom:5px;font-size:1.4rem;font-weight:300;letter-spacing:1px;color:#999}.works-list .work-box .flex-text{margin-bottom:0;display:flex;align-items:last baseline;justify-content:space-between}.works-list .work-box .flex-text h3{font-size:1.8rem;font-weight:400;letter-spacing:1.8px}.works-list .work-box .flex-text p{font-size:1.6rem;letter-spacing:1.2px}.works-list .work-box .explain{font-size:1.2rem;font-weight:300;letter-spacing:1px;color:#666}.works-list .work-box:hover{transition:.3s all}.works-list .work-box:hover img{transform:scale(1.1)}}@media(min-width: 1008px){main{width:80%;margin:0 auto;padding:20px 0 0}section{margin-bottom:100px}section img{margin-bottom:40px}section h2{margin-bottom:20px;font-size:2.8rem;font-weight:400;letter-spacing:2.8px;line-height:1.7}section p{font-size:1.6rem;font-weight:300;letter-spacing:1.8px;line-height:2}section:nth-of-type(1) .summary{margin-bottom:40px;display:flex;flex-wrap:wrap nowrap;align-items:last baseline;justify-content:space-between}section:nth-of-type(1) .summary div h1{margin-bottom:10px;font-size:3.8rem;font-weight:400;letter-spacing:4px}section:nth-of-type(1) .summary div p{font-size:1.8rem;letter-spacing:2px}section:nth-of-type(1) .summary div p:nth-of-type(1){letter-spacing:1.8px;font-size:2.4rem;font-weight:400}section:nth-of-type(1) .summary div p:nth-of-type(2){color:#666}section:nth-of-type(1) .summary .date{color:#666;font-weight:300;letter-spacing:1px}section:nth-of-type(1) img{margin-bottom:40px}section:nth-of-type(1) .explanation p:nth-of-type(1){width:100%;font-size:1.6rem;font-weight:300;letter-spacing:1.8px;color:#999}section:nth-of-type(1) .explanation dl{margin:20px 0 0;width:100%}section:nth-of-type(1) .explanation dl dt,section:nth-of-type(1) .explanation dl dd{width:100%;display:block;font-weight:300}section:nth-of-type(1) .explanation dl dt{font-size:1.8rem;font-weight:400;letter-spacing:2px}section:nth-of-type(1) .explanation dl dd{margin-bottom:20px;font-size:1.6rem;letter-spacing:1.8px}.video{width:100%;position:relative;padding-top:56.25%;margin-bottom:40px}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.work-extra{margin:20px 0 0;width:100%}.work-extra dt,.work-extra dd{width:100%;display:block;font-weight:300}.work-extra dt{margin:40px 0 5px;font-size:1.6rem;font-weight:400;letter-spacing:1.4px}.work-extra dd{margin-bottom:10px;font-size:1.4rem;letter-spacing:1px}.work-extra dd a{cursor:pointer;transition:.3s}.work-extra dd a:hover{opacity:.5}.works-list{width:100%;display:flex;flex-wrap:wrap nowrap;align-items:flex-start;justify-content:flex-start;overflow-x:auto;gap:30px}.works-list::-webkit-scrollbar{display:none}.works-list .work-box{flex:0 0 30%}.works-list .work-box .img-wrapper{overflow:hidden;margin-bottom:10px}.works-list .work-box .img-wrapper img{margin-bottom:0;transition:.3s}.works-list .work-box .type{width:100%;margin-bottom:5px;font-size:1.4rem;font-weight:300;letter-spacing:1px;color:#999}.works-list .work-box .flex-text{margin-bottom:0;display:flex;align-items:last baseline;justify-content:space-between}.works-list .work-box .flex-text h3{font-size:1.8rem;font-weight:400;letter-spacing:1.8px}.works-list .work-box .flex-text p{font-size:1.6rem;letter-spacing:1.2px}.works-list .work-box .explain{font-size:1.2rem;font-weight:300;letter-spacing:1px;color:#666}.works-list .work-box:hover{transition:.3s all}.works-list .work-box:hover img{transform:scale(1.1)}}