*{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;
          【Python】SaaSプロダクトをグロース、創造していくバックエンド
        &lt;/p&gt;
      &lt;/div&gt;

      &lt;div class="row"&gt;
        &lt;p class="row_name"&gt;
          単価
        &lt;/p&gt;
        &lt;p&gt;
          70万〜100万
        &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;
          また新規プロダクトの初期開発にも携わっていただくこともあります。&lt;br&gt;
          ・サービス仕様の設計および検討&lt;br&gt;
          ・システムのアーキテクチャ設計および検討&lt;br&gt;
          ・サーバサイドをメインとしたコーディングおよびテスト
        &lt;/p&gt;
      &lt;/div&gt;'><div class="row">
<p class="row_name">
          案件名
        </p>
<p>
          【Python】SaaSプロダクトをグロース、創造していくバックエンド
        </p>
</div>
<div class="row">
<p class="row_name">
          単価
        </p>
<p>
          70万〜100万
        </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/>
          また新規プロダクトの初期開発にも携わっていただくこともあります。<br/>
          ・サービス仕様の設計および検討<br/>
          ・システムのアーキテクチャ設計および検討<br/>
          ・サーバサイドをメインとしたコーディングおよびテスト
        </p>
</div></div>