@media screen and (min-width:1025px){.worksmm{width:100%;height:auto;display:flex;justify-content:space-between;margin:0 auto}.works_main{width:70%;padding-right:5%;border-right:1px solid var(--color-ccc)}.works_title{width:100%;height:auto;display:block;margin-bottom:30px}.works_title h2{font-size:32px;font-family:var(--font-min);font-weight:400;line-height:1.4em;color:var(--color-black);margin-bottom:15px}.works_title ul{width:100%;height:auto;display:block;margin-bottom:0}.works_title ul li{font-size:12px;font-weight:400;height:30px;display:inline;margin-right:3px;margin-bottom:3px;color:var(--color-1st)}.works_title ul li a{color:var(--color-1st);text-decoration:none;border:1px solid var(--color-1st);line-height:28px;padding:0 8px;border-radius:3px}.works_title ul li a:hover{color:var(--color-white);text-decoration:none;border:1px solid var(--color-333);background-color:var(--color-333)}.workscc{width:100%;height:auto;display:block;margin:0 auto 50px}.worksimg{width:100%;height:auto;display:block;margin:0 auto 50px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;box-shadow:0px 5px 10px rgba(0,0,0,.3)}.workscc h4.works_comtitle{font-size:clamp(16px,1.5vw,26px);font-family:var(--font-min);color:var(--color-black);font-weight:400;line-height:1.25em;padding-bottom:8px;border-bottom:1px solid var(--color-1st);margin-bottom:15px}.wtl_cc_line{width:100%;height:auto;display:flex;justify-content:space-between;padding-bottom:50px;border-bottom:1px dotted var(--color-ccc);margin-bottom:50px}.wtl_cc_line .wtl_ccl_img{width:35%;height:auto;display:block}.wtl_cc_line .wtl_ccl_cc{width:60%;height:auto;display:block}.wtl_cc_line .wtl_ccl_cc h3{font-family:var(--font-min);font-size:clamp(20px,1vw,28px);font-weight:400;line-height:1.4em;color:var(--color-black);margin-bottom:1em}.workslist{width:100%;max-width:1400px;height:auto;display:block;padding:40px 5%;border-top:1px solid var(--color-1st);margin:0 auto}.works_archives{width:25%;padding-top:50px}.works_archives h3{font-size:16px;font-family:var(--font-min);color:var(--color-black);font-weight:400;line-height:1.25em;padding-bottom:8px;border-bottom:1px solid var(--color-1st);margin-bottom:15px}.works_archives ul li{width:100%;height:auto;display:block;padding-bottom:10px;border-bottom:1px dotted var(--color-ccc);margin-bottom:10px}.works_archives ul li a{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;text-decoration:none;background-image:url(//por-tech.co.jp/wp-content/themes/portech_style02/css/../img/header/ic-ar_h_b.png);background-repeat:no-repeat;background-position:97% center;background-size:auto 40%;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}.works_archives ul li a:hover{background-color:var(--color-f5);background-position:100% center}.works_archives ul li a img{width:25%}.works_archives ul li a .repocc{width:70%;margin-left:auto;padding-right:30px}.works_archives ul li a .repocc h4.posttitle{font-size:14px;font-family:var(--font-min);font-weight:400;line-height:1.4em;color:var(--color-black);margin-bottom:3px}.works_archives ul li a .repocc p.postdate{font-size:10px;font-weight:400;line-height:1.25em;color:var(--color-1st);margin-bottom:0}}@media screen and (min-width:769px) and (max-width:1024px){.worksmm{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto}.works_main{width:100%;padding-bottom:40px;border-bottom:1px solid var(--color-ccc);margin-bottom:40px}.works_title{width:100%;height:auto;display:block;margin-bottom:30px}.works_title h2{font-size:32px;font-family:var(--font-min);font-weight:400;line-height:1.4em;color:var(--color-black);margin-bottom:15px}.works_title ul{width:100%;height:auto;display:block;margin-bottom:0}.works_title ul li{font-size:12px;font-weight:400;height:30px;display:inline;margin-right:3px;margin-bottom:3px;color:var(--color-1st)}.works_title ul li a{color:var(--color-1st);text-decoration:none;border:1px solid var(--color-1st);line-height:28px;padding:0 8px;border-radius:3px}.works_title ul li a:hover{color:var(--color-white);text-decoration:none;border:1px solid var(--color-333);background-color:var(--color-333)}.workscc{width:100%;height:auto;display:block;margin:0 auto 50px}.worksimg{width:100%;height:auto;display:block;margin:0 auto 50px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;box-shadow:0px 5px 10px rgba(0,0,0,.3)}.workscc h4.works_comtitle{font-size:18px;font-family:var(--font-min);color:var(--color-black);font-weight:400;line-height:1.25em;padding-bottom:8px;border-bottom:1px solid var(--color-1st);margin-bottom:15px}.wtl_cc_line{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:50px;border-bottom:1px dotted var(--color-ccc);margin-bottom:50px}.wtl_cc_line .wtl_ccl_img{width:100%;height:auto;display:block;margin-bottom:40px}.wtl_cc_line .wtl_ccl_cc{width:100%;height:auto;display:block}.wtl_cc_line .wtl_ccl_cc h3{font-family:var(--font-min);font-size:20px;font-weight:400;line-height:1.4em;color:var(--color-black);margin-bottom:1em}.workslist{width:100%;max-width:1400px;height:auto;display:block;padding:40px 5%;border-top:1px solid var(--color-1st);margin:0 auto}.works_archives{width:100%;height:auto;display:block;padding:0 5% 60px}.works_archives h3{font-size:16px;font-family:var(--font-min);color:var(--color-black);font-weight:400;line-height:1.25em;padding-bottom:8px;border-bottom:1px solid var(--color-1st);margin-bottom:15px}.works_archives ul li{width:100%;height:auto;display:block;padding-bottom:10px;border-bottom:1px dotted var(--color-ccc);margin-bottom:10px}.works_archives ul li a{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;text-decoration:none;background-image:url(//por-tech.co.jp/wp-content/themes/portech_style02/css/../img/header/ic-ar_h_b.png);background-repeat:no-repeat;background-position:97% center;background-size:auto 40%;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}.works_archives ul li a:hover{background-color:var(--color-f5);background-position:100% center}.works_archives ul li a img{width:10%}.works_archives ul li a .repocc{width:85%;margin-left:auto;padding-right:30px}.works_archives ul li a .repocc h4.posttitle{font-size:14px;font-family:var(--font-min);font-weight:400;line-height:1.4em;color:var(--color-black);margin-bottom:3px}.works_archives ul li a .repocc p.postdate{font-size:10px;font-weight:400;line-height:1.25em;color:var(--color-1st);margin-bottom:0}}@media screen and (max-width:768px){.worksmm{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto}.works_main{width:100%;padding-bottom:40px;border-bottom:1px solid var(--color-ccc);margin-bottom:40px}.works_title{width:100%;height:auto;display:block;margin-bottom:30px}.works_title h2{font-size:26px;font-family:var(--font-min);font-weight:400;line-height:1.4em;color:var(--color-black);margin-bottom:15px}.works_title ul{width:100%;height:auto;display:block;margin-bottom:0}.works_title ul li{font-size:12px;font-weight:400;height:30px;display:inline;margin-right:3px;margin-bottom:3px;color:var(--color-1st)}.works_title ul li a{color:var(--color-1st);text-decoration:none;border:1px solid var(--color-1st);line-height:28px;padding:0 8px;border-radius:3px}.works_title ul li a:hover{color:var(--color-white);text-decoration:none;border:1px solid var(--color-333);background-color:var(--color-333)}.workscc{width:100%;height:auto;display:block;margin:0 auto 50px}.worksimg{width:100%;height:auto;display:block;margin:0 auto 50px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;box-shadow:0px 5px 10px rgba(0,0,0,.3)}.workscc h4.works_comtitle{font-size:18px;font-family:var(--font-min);color:var(--color-black);font-weight:400;line-height:1.25em;padding-bottom:8px;border-bottom:1px solid var(--color-1st);margin-bottom:15px}.wtl_cc_line{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:50px;border-bottom:1px dotted var(--color-ccc);margin-bottom:50px}.wtl_cc_line .wtl_ccl_img{width:100%;height:auto;display:block;margin-bottom:40px}.wtl_cc_line .wtl_ccl_cc{width:100%;height:auto;display:block}.wtl_cc_line .wtl_ccl_cc h3{font-family:var(--font-min);font-size:20px;font-weight:400;line-height:1.4em;color:var(--color-black);margin-bottom:1em}.workslist{width:100%;max-width:1400px;height:auto;display:block;padding:40px 5%;border-top:1px solid var(--color-1st);margin:0 auto}.works_archives{width:100%;height:auto;display:block;padding:0 5% 60px}.works_archives h3{font-size:16px;font-family:var(--font-min);color:var(--color-black);font-weight:400;line-height:1.25em;padding-bottom:8px;border-bottom:1px solid var(--color-1st);margin-bottom:15px}.works_archives ul li{width:100%;height:auto;display:block;padding-bottom:10px;border-bottom:1px dotted var(--color-ccc);margin-bottom:10px}.works_archives ul li a{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;text-decoration:none;background-image:url(//por-tech.co.jp/wp-content/themes/portech_style02/css/../img/header/ic-ar_h_b.png);background-repeat:no-repeat;background-position:97% center;background-size:auto 40%;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}.works_archives ul li a:hover{background-color:var(--color-f5);background-position:100% center}.works_archives ul li a img{width:10%}.works_archives ul li a .repocc{width:85%;margin-left:auto;padding-right:30px}.works_archives ul li a .repocc h4.posttitle{font-size:14px;font-family:var(--font-min);font-weight:400;line-height:1.4em;color:var(--color-black);margin-bottom:3px}.works_archives ul li a .repocc p.postdate{font-size:10px;font-weight:400;line-height:1.25em;color:var(--color-1st);margin-bottom:0}}