*{margin:0;padding:0}body{font-family:"Noto Sans Japanese",sans-serif;font-weight:500;line-height:1.7rem;width:100%;-webkit-font-smoothing:antialiased}a{text-decoration:none}ul{list-style:none}.pagetop{text-align:right}.pagetop img{width:120px}#header{width:100%;padding:18px 0;position:relative;background-color:#fff;position:fixed;top:0;z-index:99}#header nav{margin-left:10%}#header .top_nav_wrap{width:100%;display:flex;align-items:center;justify-content:space-between}#header .pc_menu_wrap{width:100%}#header .logo_wrap{width:15%;max-width:100%;margin-left:30px}#header .logo{width:100%}#header .logo a img{max-width:90%;height:auto}#header nav ul{display:flex;justify-content:flex-end;text-align:right;margin-left:10%;padding-right:10%}#header nav li{margin-left:3%}#header nav li a{color:#0c71c3 !important;font-size:16px;font-weight:900;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;padding:30px 0;transition:all .4s ease-in-out}#header nav li a:hover{opacity:.7;transition:all .4s ease-in-out}.fa-circle-play:before,.fa-play-circle{position:relative}.fa-circle-play:before,.fa-play-circle:before{content:"";position:absolute;background:url("https://static.cms.flux.jp/w/BZWGp2U8B8/images/play.svg");width:16px;height:27.2px;font-family:"Font Awesome 6 Free";background-repeat:no-repeat;font-weight:400;top:41%}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free";font-weight:400}#header .openbtn,#header #g-nav ul{display:none}#header .button{color:#1c7aff !important;border-width:0px !important;border-color:RGBA(255, 255, 255, 0);border-radius:70px;font-size:16px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important;font-weight:800 !important;padding:7px 25px 7px 20px;background-color:#f9cf00;transition:all .4s ease-in-out;width:140px;margin-right:3%}#header .button:hover{opacity:.7;transition:all .4s ease-in-out}#header .button a{color:#1c7aff}.button_icon{color:#1c7aff;font-size:16px;margin-right:22px}#footer{padding-top:150px;background-color:#1c7aff;position:relative;width:100%}.bg_wave{position:absolute;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0zMjAgMjhDMTYwIDI4IDgwIDQ5IDAgNzBWMGgxMjgwdjcwYy04MCAyMS0xNjAgNDItMzIwIDQyLTMyMCAwLTMyMC04NC02NDAtODR6Ii8+PC9nPjwvc3ZnPg==);background-repeat:repeat-x;background-size:50% 100px;width:100%;top:0;left:0;right:0;height:100px;z-index:1;transform:scale(-1, 1)}.footer_logo{width:100%;text-align:center}.footer_logo a img{max-width:170px}.footer_nav_wrap{width:80%;max-width:1080px;margin:auto;padding:40px 0}.footer_nav_wrap ul{display:flex;width:100%}.footer_nav_wrap li{text-align:center;width:16.6666666667%;font-size:15px;font-weight:bold;margin-right:3%}.footer_nav_wrap li:nth-of-type(3n){margin-right:0}.footer_nav_wrap ul li a{color:#fff}#footer .footer_button{text-align:center;width:170px;margin:auto;color:#1c7aff !important;border-width:0px !important;border-color:RGBA(255, 255, 255, 0);border-radius:70px;font-size:16px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif !important;font-weight:700 !important;padding:10px 35px 10px 30px;background-color:#f9cf00;transition:all .4s ease-in-out}#footer .footer_button:hover{filter:brightness(110%);transition:all .4s ease-in-out}#footer .footer_button a{color:#1c7aff;font-size:18px}#footer .footer_button .button_icon{font-size:20px;margin-right:21px;margin-top:5px;position:relative}#footer .footer_button .button_icon::before{top:21%}#footer .copyright{font-family:"M PLUS Rounded 1c",Helvetica,Arial,Lucida,sans-serif;line-height:1.8rem;font-weight:400;text-align:center;color:#fff;font-size:13px;padding:45px 0 100px 0}.pc_none{display:none}body{margin:0}.copyright{margin-bottom:0}@media screen and (max-width: 980px){*,*:before,*:after{box-sizing:border-box}#header{padding:20px 0}#header .logo_wrap{width:30%}#header .logo a img{max-width:80%}#header .button{margin-right:90px;width:150px}#header .pc_menu_wrap{display:none}#header .openbtn{display:block;right:30px}.et_mobile_menu{position:absolute;top:70px;left:5%;padding:5%;background:#fff;width:85%;visibility:visible;opacity:1;z-index:9999;border-top:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);margin:0}#header #g-nav ul{background-color:#d1e9ff !important;margin:0 auto;text-align:left;max-width:80%}#header #g-nav li{margin:0;width:100%;padding:12px 0;border-bottom:1px solid #c4d9ee;transition:all .2s ease-in-out}#header #g-nav a{margin-left:30px}#header #g-nav li:hover{background-color:rgba(0,0,0,.03);opacity:.7;transition:all .2s ease-in-out}#header .openbtn{position:fixed;z-index:9999;right:40px;cursor:pointer;width:50px;height:50px}#header .openbtn span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:2px;border-radius:2px;background-color:#0c71c3;width:40%}.openbtn span:nth-of-type(1){top:15px}.openbtn span:nth-of-type(2){top:21px}.openbtn span:nth-of-type(3){top:27px}.bg_wave{background-size:50% 45px}.footer_logo{padding-top:20px}.footer_nav_wrap{padding-top:80px}.footer_nav_wrap ul{flex-wrap:wrap;margin-left:5%}.footer_nav_wrap li{width:26.6666666667%;padding:20px 0}.footer_nav_wrap li:nth-of-type(3n){margin-right:0}.footer_nav_wrap li{margin-right:0}.pc_none{display:block}}@media(max-width: 767px){#header{padding:10px 0}#header .button{font-size:14px;margin-right:75px;width:80px}#header .openbtn{right:20px}#header .logo_wrap{width:45%}#header .logo a img{max-width:90%}.bg_wave{background-size:383px 45px}.footer_logo a img{max-width:250px}.footer_nav_wrap{width:100%;padding-top:60px}.footer_nav_wrap ul{margin-left:5%}.footer_nav_wrap li{white-space:nowrap}.footer_nav_wrap li{font-size:14px}.page_title{background-position:top 80% right -16% !important;height:210px !important}}@media(max-width: 479px){#header{padding:25px 0}#header .button{width:165px}#header .logo_wrap{margin-left:20px}#header .logo a img{max-width:75%}.bg_wave{background-size:239px 45px}.footer_logo a img{max-width:160px}.footer_nav_wrap ul{display:block;margin:auto}.footer_nav_wrap li{width:100%}#footer .copyright{font-size:8px}}

ul{padding-left:0}button{background-color:rgba(0,0,0,0);cursor:pointer;outline:none;padding:0;appearance:none}

﻿#main{margin-top:100px}.container{width:608px;padding:2% 0;margin:100px auto 0}p{color:#666;font-size:13.5px;font-weight:600;padding-top:5px}.title_wrap{width:100%}.post-title{font-size:32px;line-height:2.2rem;font-weight:600;margin-bottom:5px}.date{margin-bottom:50px}.row{margin-bottom:25px}.row .row_name{font-size:16px;color:#000;border-bottom:solid 2px #1057bb;padding-bottom:3px}.last_p{border-bottom:solid 1px #1057bb;padding-bottom:20px}.page_link_wrap{margin-bottom:30px}.PrevNextButton{display:flex;justify-content:space-between}.PrevNextButton a{font-size:16px;color:#000 !important}.post-date{margin-bottom:40px}.news-hr{border-style:none}.prev_link::before{content:"←"}.next_link::after{content:"→"}@media(max-width: 767px){.container{width:90%}.title{font-size:28px}}

$("#openbtn").click(function () {
      $("#g-nav ul").slideToggle();
    });

// トップへ戻る
$('#page-top').click(function () {
     $('body,html').animate({
         scrollTop: 0
     }, 500);
     return false;
 });

news

<div data-custom-html='&lt;div class="row"&gt;
        &lt;p class="row_name"&gt;
          案件名
        &lt;/p&gt;
        &lt;p&gt;
          【Java】運送会社向け 運行状況管理システム
        &lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="row"&gt;
        &lt;p class="row_name"&gt;
          単価
        &lt;/p&gt;
        &lt;p&gt;
          60万〜90万
        &lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="row"&gt;
        &lt;p class="row_name"&gt;
          勤務地
        &lt;/p&gt;
        &lt;p&gt;
          フルリモート
        &lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="row"&gt;
        &lt;p class="row_name"&gt;
          業務内容
        &lt;/p&gt;
        &lt;p class="last_p"&gt;
          “運送トラックにはドライブレコーダーの様な機器が取付されているのですが、そちらの機器から収集した運行情報を集約し、&lt;br&gt;
          PCで管理・運用するためのアプリケーションの開発です。”
        &lt;/p&gt;
      &lt;/div&gt;'><div class="row">
<p class="row_name">
          案件名
        </p>
<p>
          【Java】運送会社向け 運行状況管理システム
        </p>
</div>
<div class="row">
<p class="row_name">
          単価
        </p>
<p>
          60万〜90万
        </p>
</div>
<div class="row">
<p class="row_name">
          勤務地
        </p>
<p>
          フルリモート
        </p>
</div>
<div class="row">
<p class="row_name">
          業務内容
        </p>
<p class="last_p">
          “運送トラックにはドライブレコーダーの様な機器が取付されているのですが、そちらの機器から収集した運行情報を集約し、<br/>
          PCで管理・運用するためのアプリケーションの開発です。”
        </p>
</div></div>

【Java】運送会社向け 運行状況管理システム

【Java】運送会社向け運行状況管理システム