@media screen and (min-width:1025px){.worksmm{width:100%;max-width:1600px;height:auto;display:flex;justify-content:space-between;margin:0 auto;padding:0 5%}.works_main{width:80%;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:5px}.works_title p{font-size:16px;font-family:var(--font-min);font-weight:400;line-height:1.4em;color:var(--color-1st);margin-bottom:15px}.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)}.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}.works_archives{width:25%;padding-top:50px;padding-left:5%;margin-left:auto}.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:flex-start;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%;height:auto;display:block}.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}.works_archives ul li a .repocc p.postsubtext{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;margin:0 auto}.works_main{width:100%;padding-bottom:50px;border-bottom:1px solid var(--color-ccc);margin-bottom:50px}.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:5px}.works_title p{font-size:16px;font-family:var(--font-min);font-weight:400;line-height:1.4em;color:var(--color-1st);margin-bottom:15px}.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)}.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}.works_archives{width:100%;height:auto;display:block;padding:0 5% 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:flex-start;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:20%;height:auto;display:block}.works_archives ul li a .repocc{width:75%;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}.works_archives ul li a .repocc p.postsubtext{font-size:12px;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;margin:0 auto}.works_main{width:100%;padding-bottom:50px;border-bottom:1px solid var(--color-ccc);margin-bottom:50px}.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:5px}.works_title p{font-size:16px;font-family:var(--font-min);font-weight:400;line-height:1.4em;color:var(--color-1st);margin-bottom:15px}.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)}.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}.works_archives{width:100%;height:auto;display:block;padding:0 5% 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:flex-start;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:20%}.works_archives ul li a .repocc{width:75%;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}.works_archives ul li a .repocc p.postsubtext{font-size:12px;font-weight:400;line-height:1.25em;color:var(--color-1st);margin-bottom:0}}