.worklist{margin:40px auto;display:grid;grid-template-columns:1fr 1fr 1fr}.worklist li{width:100%;font-size:1.6rem;text-align:left;margin-bottom:5%;padding:12px;flex:1 1 auto;box-sizing:border-box}.worklist li a:hover{opacity:.7}.worklist li img{width:100%;max-height:180px;object-fit:cover}.worklist li span{display:block;color:#555;font-weight:400;font-size:1.3rem}.worklist li span.tag{display:inline-block;font-size:1.2rem;padding:0 3px;border-radius:3px;border:1px solid #555;float:right;margin-left:1%}.main_column .button03.red{width:50%}@media (max-width:768px){.worklist{display:block}.worklist li{width:100%;margin-right:0;margin-bottom:8%}.worklist li img{width:100%;max-height:240px}}.mv{max-height:480px;display:block}.mv img{display:block;width:100%;max-height:480px;object-fit:cover}#archive{margin:5% auto 10%}#archive h1{text-align:left;font-size:2.8rem;font-weight:400;margin-top:0%}#archive h2{text-align:left;font-size:1.8rem;font-weight:400;margin-bottom:5%}#archive h3{text-align:left;font-size:2rem;margin-bottom:2%}.main_column{width:80%;margin:50px auto 0}.achieve_image{margin:0 auto 4%}.achieve_image iframe,.achieve_image video{width:100%;min-height:450px;height:auto}.text_area p{text-align:left;margin-bottom:6%;font-size:1.6rem;word-break:break-all}#archive table{width:100%;text-align:left;margin:0 auto 8%;border:1px solid #eee;padding:15px}#archive table th{font-size:1.6rem;min-width:100px;padding:10px}#archive table tr{display:block;border-bottom:1px solid #eee}.img_area{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:5%}.img_area li{width:48%;margin-bottom:4%}.img_area li img{width:100%;height:auto}.img_area li iframe{width:100%;min-height:240px;max-height:240px}.templete_nav{display:flex;justify-content:start;flex-wrap:wrap;align-items:center;width:200px;margin:40px auto}.templete_nav li{width:30%;height:30px;margin:0 1% 1% 0;border:1px solid #abbb;display:flex;align-items:center;justify-content:center}.templete_nav li:hover{background:#3382aa;color:#fff}.one{background:#3382aa!important;color:#fff;pointer-events:none}@media (max-width:768px){.main_column .button03.red{width:90%}.main_column{margin:0 auto 0;width:100%}.img_area{display:block}.img_area li{width:100%}.achieve_image iframe,.achieve_image video{width:100%;min-height:250px;height:auto}#archive{margin:5% auto 20%}}