CINXE.COM
スタッフ募集|未来検索ブラジル
<!DOCTYPE html> <html lang="ja"> <head> <title>スタッフ募集|未来検索ブラジル</title> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href= "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity= "sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"/> <script src= "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity= "sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"> </script> <style> @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique&display=swap'); </style> <style> html { scroll-padding-top: 100px; } body { font-family: 'Zen Kaku Gothic Antique', sans-serif; margin-top:100px; background-color:#F9F8F4; line-height: 1.8; } h1,p { margin:0; padding:0; } h4 { margin-top:20px; } a { color: rgba(209,15,119,1); text-decoration: none; } a:hover { color: rgba(209,15,119,0.6); } pre { margin:0; } .blockquote{ font-size:1rem; } .nav-link { color: var(--c-main-font) !important; } .card { max-width:900px; } .menu { height:70px; } .site-logo { width: 70px; height: 50px; } /* top */ .topbox{ height:400px; background-image: url("./img/top/square.jpg"); background-position:center center; background-repeat: no-repeat; background-size: 100% auto; text-align: center; align-items: center; display: flex; justify-content: center; } .tslist{ max-width:800px; margin:auto; } .tlogo { width:240px; height:240px; position:relative; } .tlogo > img{ width:240px; height:240px; border-radius:50%; overflow:hidden; position:absolute; } .tlogo img{ max-width:100%; } .tlogo a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .tlogo:hover{ cursor: pointer; } .tlogo:hover > img{ opacity: 0.6; transition-duration: 0.3s; } .tlogoi{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .more{ width:50%; position:absolute; bottom:0; right:0; } /* service */ .slist{ max-width:900px; } .slist a{ display: inline-block; white-space: nowrap; } .slogo { width:240px; height:180px; overflow: hidden; text-align: center; align-items: center; display: flex; justify-content: center; padding:0; } .slogo img{ max-width:100%; } .card-body{ padding: 2rem 1rem; } /*company*/ .table1{ width:120px; background-color:lightgray; font-weight:600; } .table2{ background-color:white; } td{ border-bottom:#F9F8F4 2px solid; } .yellow_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff100 0%) repeat scroll 0 0;} /*contact*/ .contact-list>li{ display:none; } .contact-list{ list-style: none; } .contact-list figure { position: relative; border-radius: 6px; height: 60px; margin: 0; display: grid; place-items: center; overflow: hidden; } .contact-list img { position: absolute; top: 0; bottom: 0; margin: auto; z-index: 0; transition: all 0.25s ease 0s; width: 100%; } .contact-list h2 { font-size: 100%; max-width:80%; color: white; position: absolute; text-shadow: 0 0 4px rgb(0 0 0 / 50%); } .confirm{ background-color:white; width:100%; margin-bottom:10px; } .confirm th{ border: solid 1px black; } .confirm td{ border: solid 1px black; } .red{ color:red; } .check-wrapper{ display: grid; } .btn-submit { display: grid; grid-template-columns: auto 1fr; text-align: center; border-radius: 36px; overflow: hidden; background: #ccc; max-width: 540px; } .btn-submit #agree_btn { display: flex; border-radius: 36px 0 0 36px; align-items: center; padding: 0 10px 0 20px ; } .btn-submit #submit { display: flex; align-items: center; justify-content: center; border: none; border-radius: 36px 0 0 36px; color:white; width: 100%; height: 48px; background-image: linear-gradient(to right, #ccc, #eee 50%, #bf006a 50.1%, #FF0089); background-size: 300% 100%; transition: all .8s ease-in-out; } #submit img { height: 18px; } .submit { color:white; background-color: #bf006a; } .submit:hover { color:white; } .btn-submit #submit.active_btn { cursor: pointer; background-position: 100% 0; font-weight: bold; transition: all .8s ease-in-out; } .clist div{ margin-top:3px; } .clist input,.clist textarea{ border: none; } #service{ border: none; } .form-img{ width:100%; max-width:300px; height: auto; } .footer a{ margin:5px; color:var(--c-main-font) !important; text-decoration: none; white-space: nowrap; } @media (max-width: 575.98px) { .card-body{ padding: 0rem 1rem 1rem; } .topbox { height: 300px; } .tlogo { width:150px; height:150px; } .tlogo > img{ width:150px; height:150px; } } </style> </head> <body> <div class="container-fluid fixed-top bg-white p-0" style="box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);"> <div class="container-md menu p-0"> <nav class="nav navbar navbar-expand-md navbar-light w-100 bg-white"> <a href="./" class="site-logo"><img src="./img/logo.svg" alt="未来検索ブラジル ロゴ"></a> <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-collapse"> <ul class="navbar-nav ms-auto"> <li class="nav-item"> <a class="nav-link" href="./">トップ</a> </li> <li class="nav-item"> <a class="nav-link" href="./company.php">会社概要</a> </li> <li class="nav-item"> <a class="nav-link" href="./service.php">サービス概要</a> </li> <li class="nav-item"> <a class="nav-link" href="./recruit.php">スタッフ募集</a> </li> <li class="nav-item"> <a class="nav-link" href="./contact.php">お問い合わせ</a> </li> </ul> </div> </nav> </div> </div> <div class="container-md" style="max-width:800px;"> <h1 class="text-center">RECRUIT</h1> <p class="text-center small mb-5">スタッフ募集</p> <p>弊社ではこのような人材を求めています</p> <p>MCNマネジメント / ウェブアプリケーション開発 / ウェブデザイナー / 生放送技術・ディレクション / WEBプログラマ</p> <p>詳しくは<a href="https://getnews.jp/recruit/" target="_blank">こちら</a>から詳細をご確認の上、氏名、学歴・職歴、志望動機を添えてご連絡ください。</p> <p>雇用形態(従業員契約・請負)、勤務形態についてはご希望に合わせることも可能です。その他待遇とあわせ、相談して決定いたします。</p> <form id="" class="needs-validation" method="post" action="./recruit-confirm.php" enctype="multipart/form-data" novalidate> <h3 class="mt-4">あなたの応募者情報</h3> <p>顔写真 1 年以内に撮った顔写真のファイルを送ってください (jpeg/1MB以内)(必須)</p> <input type="file" class="form-control" aria-label="file" name="photo" accept=".jpg,.jpeg" required> <p>お名前 (必須)</p> <input class="form-control" type="text" name="お名前" required> <p>お名前かな (必須)</p> <input class="form-control" type="text" name="お名前かな" required> <p>ハンドルネーム・ペンネーム (あれば)</p> <input class="form-control" type="text" name="ハンドルネーム"> <p>メールアドレス (必須)</p> <input class="form-control" type="text" name="Email" required> <p>性別 (必須)</p> <select name="性別" class="form-control" required><option value="男性">男性</option><option value="女性">女性</option></select> <p>生年月日(必須)</p> <input class="form-control" type="text" name="生年月日" required> <p>年齢(必須)</p> <input class="form-control" type="text" name="年齢" required> <p>現在お住まいの住所 (必須。引っ越しの予定がある場合はその旨ご記入ください)</p> <input class="form-control" type="text" name="お住まいの住所" required> <p>現在の生活の本拠地((必須。国名)</p> <input class="form-control" type="text" name="生活の本拠地" required> <p>弊社(渋谷)までの通勤時間 (通勤可能な場合のみ)</p> <input class="form-control" type="text" name="通勤時間"> <p>電話番号 (必須。携帯可)</p> <input class="form-control" type="text" name="電話番号" required> <p>配偶者の有無 (必須)</p> <select name="配偶者" class="form-control" required><option value="無">無</option><option value="有">有</option></select> <p>扶養者の有無 (必須)</p> <select name="扶養者" class="form-control" required><option value="無">無</option><option value="有">有</option></select> <h3 class="mt-4">経歴</h3> <p>学歴</p> <textarea class="teextarea wide detail w-100 form-control" name="学歴" rows="5"></textarea> <p>職歴</p> <textarea class="teextarea wide detail w-100 form-control" name="職歴" rows="5"></textarea> <p>資格・免許</p> <textarea class="teextarea wide detail w-100 form-control" name="資格・免許" rows="5"></textarea> <p>趣味・特技</p> <textarea class="teextarea wide detail w-100 form-control" name="趣味・特技" rows="5"></textarea> <p>ブログ・ホームページ(ウェブサイトをお持ちであれば/プログラマの方は作品など)</p> <input class="form-control" type="text" name="ホームページ"> <h3 class="mt-4">応募者さんへの質問</h3> <p>希望の職種</p> <input class="form-control" type="text" name="希望の職種"> <p>希望の勤務形態(作業場所や時間など)</p> <textarea class="teextarea wide detail w-100 form-control" name="希望の勤務形態" rows="5"></textarea> <p>希望給与</p> <input class="form-control" type="text" name="希望給与"> <p>あなたが今一番得意なことを教えてください</p> <textarea class="teextarea wide detail w-100 form-control" name="得意なこと" rows="5"></textarea> <p>弊社の事業の中でもっとも興味のあるものは?</p> <textarea class="teextarea wide detail w-100 form-control" name="興味のあるもの" rows="5"></textarea> <p>最近買って良かったと思ったものと、その理由を書いてください(複数可)</p> <textarea class="teextarea wide detail w-100 form-control" name="買って良かったもの" rows="5"></textarea> <p>自己アピールをお願いします(自由記入)</p> <textarea class="teextarea wide detail w-100 form-control" name="自己アピール" rows="5"></textarea> <h3 class="mt-4">個人情報の取り扱いについて</h3> <blockquote class="blockquote border bg-white p-1"> <p>弊社は、採用選考の際にお預かりする個人情報を、以下のとおり適切に取扱います。</p> <p class="mt-3">■個人情報の取り扱いについて</p> <p>有限会社未来検索ブラジル</p> <p>個人情報保護管理者 上坂 哲</p> <p class="mt-3">1.利用目的について</p> <p>お預かりした個人情報は、採用応募の受付・記録、採用選考、採用に関するご連絡の目的で利用いたします。また、採用となった場合には、雇用管理・人事労務管理の目的で利用いたします。個人情報のご提出は任意ですが、当社へのエントリーシート(履歴書)のご提出をもって、採用応募の受付とさせていただきますため、ご提出いただけない場合や、記載に不備があった場合には、採用応募が受け付けられないことがございます。</p> <p class="mt-3">2.第三者への提供について</p> <p>法令で定められる場合を除いて、ご本人の同意を得ることなく、第三者に提供することはありません。なお、採用選考において、上記1に示す利用目的の達成に必要な範囲内で他社に一部の業務を委託する場合があります。</p> <p class="mt-3">3.個人情報の管理について</p> <p>お預かりした個人情報は厳重に管理いたします。提出していただいた必要書類は返却いたしませんので、あらかじめご了承ください。</p> <p class="mt-3">4.保有個人データに関する開示等について</p> <p>弊社が保有する保有個人データについて、利用目的の通知・開示・利用の停止・消去・第三者への提供の停止を請求すること及び開示の結果、個人情報の訂正・追加・削除(以下、「開示等の請求」といいます。)を請求することができます。ただし、評価にかかわる開示等の請求には応じられない場合がございますので、ご了承ください。なお、開示等の請求の手続きについての詳細は、「5.お問合せ先」までお問い合わせください。</p> <p class="mt-3">5.お問合せ先</p> <p>個人情報の取扱いに関するお問合せ、開示等の求めについては、下記の問合せ先にお申し出ください。</p> <p class="mt-3">■個人情報の取扱い、苦情及びご相談に関するお問合先</p> <p>開示・訂正・利用停止等の受付窓口</p> <p>〒 150-0046</p> <p>東京都渋谷区松濤 2-11-11 松涛伊藤ビル 2F</p> <p>有限会社未来検索ブラジル</p> <p>弊社お問い合わせフォーム<br> <a href="./contact.php">https://www.razil.jp/contact.php</a><br></p> <p class="mt-3">上記にご同意の場合、同意ボタンをチェックして、送信ボタンを押してください。</p> <div class="form-check"> <input class="form-check-input" type="checkbox" value="" id="invalidCheck" required=""> <label class="form-check-label" for="invalidCheck">同意する</label> </div> </blockquote> <button class="submit btn btn-lg w-100 active_btn" type="submit">確認する</button> </form> </div> <div class="footer text-center mx-auto" style="margin-top:100px;"> <a class="" href="./company.php">会社概要</a> <a class="" href="./privacy.php">個人情報保護方針</a> <a class="" href="./privacyinfo.php">個人情報の取り扱いについて</a> <a class="" href="./contact.php">お問い合わせ</a> </div> <div class="footer text-center mx-auto mb-2"> © 2021 Brazil Ltd. </div> </body> </html> <script> (function () { 'use strict' // Fetch all the forms we want to apply custom Bootstrap validation styles to var forms = document.querySelectorAll('.needs-validation') // Loop over them and prevent submission Array.prototype.slice.call(forms).forEach(function (form) { form.addEventListener('submit', function (event) { if (!form.checkValidity()) { event.preventDefault() event.stopPropagation() } form.classList.add('was-validated') }, false) }) })() </script>