法人の方のお問い合わせはこちら

※ ヘッダーを画面追従させたい時
　　①：「.l-header」に「.l-header--fixed」を追加してください。
　　　　　例：class="l-header l-header--fixed"
　　②：「.l-wrapper」に「.l-wrapper--headerFixed」を追加してください。
　　　　　例：class="l-wrapper l-wrapper--headerFixed"

※ 基本
　　①：「.l-wrapper」は画面幅いっぱいのブロックです。
　　　　「section」タグの上下にpaddingが入っています。
　　　　「.l-container」は、幅1200pxのブロックです。
　　②：PCとSPで表示を変えたい場合、下記クラスを付与してください。
　　　　・ブロック要素：.u-pcOn（PCのみ表示）、.u-spOn（SPのみ表示）
　　　　・インライン要素：.u-pcIn（PCのみ表示）、.u-spIn（SPのみ表示）
　　　　・インラインブロック要素：.u-pcInblock（PCのみ表示）、.u-spInblock（SPのみ表示）

KV01

IT・Web・エンジニア・クリエイターの派遣なら

パーソルテクノロジースタッフ

入社日から有休付与、
交通費・在宅勤務手当支給! 法人の方のお問い合わせはこちら ※日本国籍をお持ちでない方は、就労資格を確認するため来社登録をご利用ください。

KV02

IT・Web・エンジニア・クリエイターの派遣なら

パーソルテクノロジースタッフ

入社日から有休付与、
交通費・在宅勤務手当支給! 法人の方のお問い合わせはこちら ※日本国籍をお持ちでない方は、就労資格を確認するため来社登録をご利用ください。

KV03

IT・Web・エンジニア・クリエイターの派遣なら

パーソル
テクノロジースタッフ

入社日から有休付与、
交通費・在宅勤務手当支給! 法人の方のお問い合わせはこちら ※日本国籍をお持ちでない方は、就労資格を確認するため来社登録をご利用ください。

CTAエリアType

「派遣」で時間・会社に
縛られない
働き方をしながら、
自分の夢を叶えよう！

エンジニア派遣を専門とするパーソルテクノロジースタッフでは
プログラマー・ITエンジニア・Webデザイナー・ディレクターなどの派遣実績が豊富！ オンライン登録（無料） ※日本国籍をお持ちでない方は、就労資格を確認するために来社登録をご利用ください

CVボタンType

CVボタン1つ / 色変え / 見出し付き

オンライン登録（無料）

CVボタン横2つ並び / 色変え / 見出し付き

オンライン登録
（無料） フルリモート
求人を見る

CVボタン横2つ並び / SPでは縦並び

Web上で登録を済ませたい方 オンライン登録（無料）
キャリアアドバイザーに会って相談をしたい方 フルリモート求人を見る

CVボタン縦2つ並び / 色変え / 見出し付き

オンライン登録（無料） フルリモート求人を見る

まずは無料でお仕事紹介
を受けてみよう
（2つの登録方法から選べます）

Web上で登録を済ませたい方

登録会への参加が不要な登録方法です。
Web上で派遣登録が完了し、お仕事紹介が受けられます。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。

コーディネーターに会って相談をしたい方

登録会への参加が不要な登録方法です。
Web上で派遣登録が完了し、お仕事紹介が受けられます。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。

訴求文言帯Type

矢印なしの訴求文言帯

まずは無料でお仕事紹介
を受けてみよう
（2つの登録方法から選べます）

矢印ありの訴求文言帯

まずは無料でお仕事紹介
を受けてみよう
（2つの登録方法から選べます）

コンテンツType

※ 左上のナンバリングを外す：「.l-cardBox」に「.l-cardBox--noLabel」を付与する。

2カラムコンテンツ（ナンバリング）

Web上で登録を済ませたい方

登録会への参加が不要な登録方法です。
Web上で派遣登録が完了し、お仕事紹介が受けられます。
登録会への参加が不要な登録方法です。
Web上で派遣登録が完了し、お仕事紹介が受けられます。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。

コーディネーターに会って相談をしたい方

登録会への参加が不要な登録方法です。
Web上で派遣登録が完了し、お仕事紹介が受けられます。


オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。

3カラムコンテンツ（ナンバリング）

Web上で登録を済ませたい方

登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。

Web上で登録を済ませたい方

登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。


オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。

コーディネーターに会って相談をしたい方

登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。登録会への参加が不要な登録方法です。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。

3カラムコンテンツ（画像なし）

Web上で登録を済ませたい方

登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。

Web上で登録を済ませたい方

登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。


オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。

コーディネーターに会って相談をしたい方

登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。登録会への参加が不要な登録方法です。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。

4カラムコンテンツ（ナンバリング）

Web上で登録を済ませたい方

登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。

コーディネーターに会って相談をしたい方

登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。

Web上で登録を済ませたい方

登録会への参加が不要な登録方法です。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。

コーディネーターに会って相談をしたい方

登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。登録会への参加が不要な登録方法です。Web上で派遣登録が完了し、お仕事紹介が受けられます。

オンライン登録（無料）

※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。※マイページでの情報入力と、職務経歴書の送信をもって派遣登録が完了となります。※日本国籍をお持ちでない方は就労資格確認の為、来社登録を利用下さい。※お仕事が決まった際には、本人確認書類（運転免許証やパスポートなど）による本人確認と、住民票や公共料金の明細などでの現住所の確認を行います（現住所の確認書類は、本人確認書類と同一でも可）。

登録から就業の流れ

プロのキャリアアドバイザーが登録から就業まであなたをサポートします

Step
1
マイページ開設
Step
2
派遣スタッフ登録
(オンライン/来社)
Step
3
お仕事紹介
Step
4
就業スタート
Step
5
契約更新と
次のお仕事の紹介

登録から就業の流れType

イメージ写真画像

Step
1
マイページ開設
Step
2
派遣スタッフ登録
(オンライン/来社)
Step
3
お仕事紹介
Step
4
就業スタート
Step
5
契約更新と
次のお仕事の紹介

イメージ写真画像（画像なし）

01
入社日から有休付与
交通費別途支給
半有給取得制度のほか、独自の福利厚生・育児支援制度など、安心してお仕事をしていただける環境をご用意しています。
※有給休暇、通勤交通費は、弊社で定める規定に基づき決定します。
02
専門性に優れた
満足度の高い対応
職種に精通したキャリアアドバイザーがぴったりのキャリアプランをご提案。あなたの「生き方」に合うお仕事をご紹介します。
03
リモートワーク案件多数
在宅勤務手当支給
出社と在宅勤務を組み合わせた働き方の他にも、出社を前提としない完全在宅勤務の案件も多数あります。
※弊社で定める規定に基づき、月額最大2,000円の在宅勤務手当を支給いたします（2021年1月開始）。在宅勤務手当の対象となる方も、出社が必要な際には別途通勤交通費を支給いたします。

イメージピクトグラム

Step.1
マイページ開設
Step.2
派遣スタッフ登録
(オンライン/来社)
Step.3
お仕事紹介
Step.4
就業スタート
Step.5
契約更新と
次のお仕事の紹介

求人情報掲載Type

実際の求人事例

大学でのヘルプデスク

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

大学でのヘルプデスクテキストテキストテキスト

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

大学でのヘルプデスク

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

大学でのヘルプデスクテキストテキストテキスト

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、Windows やAndroidに関わる知識とサポート経験をお持ちの方 Microsoft Officeの利用をサポートできる知識と、Windows やAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

フルリモート（完全在宅勤務）のお仕事の場合、出社不要ですので、企業所在地から遠方にお住まいの方もお気軽にご応募ください！※記載されている求人は、現時点で募集が終了している可能性がありますのでご注意ください。

1カラムコンテンツ

大学でのヘルプデスク

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

2カラムコンテンツ

大学でのヘルプデスク

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

大学でのヘルプデスクテキストテキストテキスト

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、Windows やAndroidに関わる知識とサポート経験をお持ちの方 Microsoft Officeの利用をサポートできる知識と、Windows やAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

3カラムコンテンツ

※ 「.c-caseItem」の<div>に、「.c-caseItem--3col」を付与すると、3カラムになります。

大学でのヘルプデスク

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

大学でのヘルプデスクテキストテキスト

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

大学でのヘルプデスクテキストテキスト

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

3カラムコンテンツ

大学でのヘルプデスク

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

大学でのヘルプデスクテキストテキスト

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

大学でのヘルプデスクテキストテキスト

【仕事内容】
学生・教職員向けに、PC/ネットワーク関連のセットアップサポートや、ICTサービス全般の問合せ対応、学内設備の管理、物品貸出など。
【スキル・資格】
Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方Microsoft Officeの利用をサポートできる知識と、WindowsやAndroidに関わる知識とサポート経験をお持ちの方
【時給】
1750円

よくある質問

派遣スタッフは正社員と何が違うのですか？どんなメリットがありますか？
給料の支払いや社会保険への加入を就業先企業でなく派遣会社が行う他、就業期間、仕事の内容などを事前に確認し合意した上で就業する点です。そのため、ご自分のスキルや経験に合わせてお仕事を選ぶことができます。また就業先で何かトラブルが発生したときには、派遣会社の担当者に相談できるため、安心してお仕事ができることが大きなメリットです。
派遣スタッフは正社員と何が違うのですか？どんなメリットがありますか？
給料の支払いや社会保険への加入を就業先企業でなく派遣会社が行う他、就業期間、仕事の内容などを事前に
派遣スタッフは正社員と何が違うのですか？どんなメリットがありますか？派遣スタッフは正社員と何が違うのですか？どんなメリットがありますか？
給料の支払いや社会保険への加入を就業先企業でなく派遣会社が行う他、就業期間、仕事の内容などを事前に確認し合意した上で就業する点です。そのため、ご自分のスキルや経験に合わせてお仕事を選ぶことができます。また就業先で何かトラブルが発生したときには、派遣会社の担当者に相談できるため、安心してお仕事ができることが大きなメリットです。給料の支払いや社会保険への加入を就業先企業でなく派遣会社が行う他、就業期間、仕事の内容などを事前に確認し合意した上で就業する点です。そのため、ご自分のスキルや経験に合わせてお仕事を選ぶことができます。また就業先で何かトラ

こんな不安・
悩みはありませんか？

将来フリーランスや
独立・起業などを目指しているものの、
実際に実現するとなるとたくさんの
不安や悩み、障壁があるものです。

  • 「収入が不安定なのでは？」「仕事はあるだろうか？」
  • 「副業やWワークをしたいけど、いまの会社ではできない」
  • 「正社員として会社に勤めていると、時間や余力がない」
  • 「このままサラリーマンとして働き続けたくない」
  • 「労働環境がブラック」「ライフワークバランスが悪い」
  • 「会社や時間に縛られない働き方をしたい」
  • 「好きな仕事、やりたい案件だけに携わりたい」
  • ……などなど

アニメーション

■ 右から現れる：.js-fadeInRight
■ 下から現れる：.js-fadeInBottom
■ 左から現れる：.js-fadeInLeft
■ 順番に現れる：親要素に↑を指定する（出てくる方向の指定）。
　　　　　　　　子要素（フェードインさせたい要素）に
　　　　　　　　.is-delay01、.is-delay02、.is-delay03......を付与する。
　　　　　　　　★ 01〜10まで用意してあります。

<ul class="c-checkList js-fadeInBottom">
　　<li class="c-checkList__item is-delay01">「収入が不安定なのでは？」「仕事はあるだろうか？」</li>
　　<li class="c-checkList__item is-delay02">「副業やWワークをしたいけど、いまの会社ではできない」</li>
　　<li class="c-checkList__item is-delay03">「正社員として会社に勤めていると、時間や余力がない」</li>
</ul>

見出しType

.c-typeh2（35px）：左

.c-typeh2（35px）：中央

.c-typeh3（30px）：左

.c-typeh3（30px）：中央

.c-typeh4（18px）：左

.c-typeh4（18px）：中央

汎用クラスType

フォントサイズ

※ 2px刻みで、16px～50pxまで用意しています。
※ デフォルトは18px（line-height：1.667）です。

.u-fs50

.u-fs30

.u-fs24

.u-fs18

.u-fs16

フォント位置（インライン要素）

.u-left（左寄せ）

.u-center（中央寄せ）

.u-right（右寄せ）

ブロック位置（ブロック要素）

.u-blockLeft（左寄せ）
.u-blockCenter（中央寄せ）
.u-blockRight（右寄せ）

フォント太さ変更

.u-normal（通常）

.u-bold（太字）

注意書き

.c-text--annotation
フォントサイズは14px、line-heightは20pxです。

リンク

.c-text--link　リンクテキストテキスト

カラー

■ 文字色

.u-black
（黒色）
.u-gray
（灰色）
.u-white
（白色）
.u-green
（緑色）
.u-lightGreen
（薄緑色）
.u-orange
（オレンジ）
.u-yellow
（黄色）

■ 背景色

.u-bgBlack
（黒色）
.u-bgGray
（灰色）
.u-bgLightGray
（薄灰色）
.u-bgWhite
（白色）
.u-bgGreen
（緑色）
.u-bgLightGreen
（薄緑色）
.u-bgOrange
（オレンジ）
.u-bgYellow
（黄色）
.u-bgBeige
（ベージュ）
.u-bgWhite07
（白色／
透過70%）

マージン（外余白）

※ 5px刻みで、100pxまで用意しています。

■ 上マージン（margin-top）：.u-mt-auto、.u-mt0、.u-mt5、.u-mt10、.u-mt15......
■ 右マージン（margin-right）：.u-mr-auto、.u-mr0、.u-mr5、.u-mr10、.u-mr15......
■ 下マージン（margin-bottom）：.u-mb-auto、.u-mb0、.u-mb5、.u-mb10、.u-mb15......
■ 左マージン（margin-left）：.u-ml-auto、.u-ml0、.u-ml5、.u-ml10、.u-ml15......

パディング（内余白）

※ 5px刻みで、100pxまで用意しています。

■ 上パディング（padding-top）：.u-pt0、.u-pt5、.u-pt10、.u-pt15......
■ 右パディング（padding-right）：.u-pr0、.u-pr5、.u-pr10、.u-pr15......
■ 下パディング（padding-bottom）：.u-pb0、.u-pb5、.u-pb10、.u-pb15......
■ 左パディング（padding-left）：.u-pl0、.u-pl5、.u-pl10、.u-pl15......

幅

※ 5%刻みで、100%まで用意しています。

■ PC：.u-w5、.u-w10、.u-w15、.u-w20、.u-w25、......
■ スマホ：.u-w5--sp、.u-w10--sp、.u-w15--sp、.u-w20--sp、.u-w25--sp、......

.u-w30
.u-w70

罫線

<hr class="c-hr">

アンダーライン

<mark class="js-mark">テキストテキスト</mark>

給料の支払いや社会保険への加入を就業先企業でなく派遣会社が行う他、就業期間、仕事の内容などを事前に確認し合意した上で就業する点です。

そのため、ご自分のスキルや経験に合わせてお仕事を選ぶことができます。

2カラムコンテンツ表示

<div class="p-mediaCard">
　　<div class="p-mediaCard__img"><img src="/img/common/media_img_01.png" alt=""></div>
　　<div class="p-mediaCard__body">
　　　　<h3 class="p-mediaCard__body__title">2カラム</h3>
　　　　<p class="p-mediaCard__body__text">テキストテキスト</p>
　　</div>
</div>

2カラム

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

左アイコン、右テキスト

ライフスタイルに合った
働き方
様々な企業・
プロジェクトを経験
担当者に仕事の
相談ができる
豊富なキャリアを
次に活かせる

画像の中央ぞろえ

※ PCでは50%、SPでは100%表示です。

アイコンType（SVG）

※ アイコンの色を変えたい時：imgタグに「.u-icon」を付与してください。フォントの色が反映されるようになります。
※ SVG画像を新たに追加する際は、色（fill・stroke）の記述を削除したSVG画像を追加するようにお願い致します。

<div class="u-green u-w20 u-center u-mt30">
　　<img class="u-icon" src="/img/common/icon_01.svg" alt="">
</div>
/img/common/icon_01.svg
/img/common/icon_02.svg
/img/common/icon_03.svg
/img/common/icon_04.svg
/img/common/icon_05.svg
/img/common/icon_06.svg
/img/common/icon_07.svg
/img/common/icon_08.svg
/img/common/icon_09.svg
/img/common/icon_10.svg
/img/common/icon_11.svg
/img/common/icon_12.svg
/img/common/icon_13.svg
/img/common/icon_14.svg
/img/common/icon_15.svg

アイコンType（PNG）

/img/common/icon_51.png
/img/common/icon_52.png
/img/common/icon_53.png
/img/common/icon_54.png
/img/common/icon_55.png
/img/common/icon_56.png
/img/common/icon_57.png
/img/common/icon_58.png
/img/common/icon_59.png
/img/common/icon_60.png
/img/common/icon_61.png

フリー写真素材Type

■ メインビジュアルの背景

.u-kvBgImage--01
.u-kvBgImage--02
.u-kvBgImage--03
.u-kvBgImage--04
.u-kvBgImage--05
.u-kvBgImage--06
.u-kvBgImage--07
.u-kvBgImage--08
.u-kvBgImage--09
.u-kvBgImage--10

■ 汎用的な背景

.u-bgImage--01
.u-bgImage--02
.u-bgImage--03
.u-bgImage--04
.u-bgImage--05
.u-bgImage--06
.u-bgImage--07
.u-bgImage--08
.u-bgImage--09
.u-bgImage--10
.u-bgImage--11
.u-bgImage--12
.u-bgImage--13

■ 現行サイトの背景

.u-bgImage--51
.u-bgImage--52
.u-bgImage--53
.u-bgImage--54
.u-bgImage--55
.u-bgImage--56
.u-bgImage--57
.u-bgImage--58
.u-bgImage--59
.u-bgImage--60
.u-bgImage--61
.u-bgImage--62
.u-bgImage--63