ACCS社会保険労務士法人

.mod2_tit01.mod2_tit01-head : ページトップ用見出しテキスト

.mod2_tit02.FB : テキストテキストテキストテキストテキストテキストテキスト

.mod2_tit02 : テキストテキストテキストテキストテキストテキストテキスト

Unit 1-1

P:あああああああああああああ [em：ああああああああああああああああ] あああああああああああああああああああああああああああああああああああああ [em.black] あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

P:あああああああ [em.blue] あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

.mod2_tit02L : 左寄せ・テキスト

.mod2_tit03 : 黒・太字

.mod2_tit04 : ミニ mod2_tit01

P:あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

Consultant.mod2_tit01 : 通常見出しテキスト

Unit 1-2
.unit.bk_blue : 背景・青
.w_mid : コンテンツ幅コントロール

P:あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

.mod2_tit01：テキストテキスト

Unit 1-3
.unit.after-bk：「背景・青」の後の処理CSS：ハイフンに注意

P:あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

.mod2_tit01：テキストテキスト

Unit 1-4
.unit：続けて、通常「背景・白」のならび

P:あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
※下記ボタンとのスペース確保のため【cell】でコントロール

mod2_btn01

GRIDコントロール

Unit 2-1

.grid3：中の要素がSP時に1段、PC時に3段になります。

中の要素は、
.card：白背景・影付き
.grid_cell：内部paddingコントロール

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

.mod2_tit04

[img_url]：固定ページでの画像ディレクトリ指定はショートコードを使用する。
※固定ページ「テンプレート・ユニット」参照

mod2_btn01

.mod2_btn01 a：青ボタン
.mod2_btn02 a：黒ボタン

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

給与計算担当者の急な退職を迅速にカバーしていただきました！

給与担当者が突然辞めてしまい、役員が急場しのぎで担当することになりました。
給与の金額というデリケートな情報なので他の社員には任せられず相談したところ、給与計算と労働保険・社会保険手続きをアウトソーシングできて大変助かりました。

キャリアアップ助成金の申請手続きを代行していただきました！

パート社員2名を正社員にするためキャリアアップ助成金の申請を検討しており、ある社会保険労務士法人に相談したしたところ「顧問契約が絶対条件」と言われ困っていました。
個別に相談したところ申請の要件に合うよう就業規則も見直していただけてよかったです。

いつでも人事労務関連の相談ができるので安心です！

店舗が増えると共に従業員も増えて、人事労務関連についていろいろ相談されることに対してちゃんと答えることができず悩んでいました。
7月の保険料の手続きや就業規則の見直しなど専門的な部分をお任せできるようになって安心しました。あ

給与計算担当者の急な退職を迅速にカバーしていただきました！

給与担当者が突然辞めてしまい、役員が急場しのぎで担当することになりました。
給与の金額というデリケートな情報なので他の社員には任せられず相談したところ、給与計算と労働保険・社会保険手続きをアウトソーシングできて大変助かりました。

キャリアアップ助成金の申請手続きを代行していただきました！

パート社員2名を正社員にするためキャリアアップ助成金の申請を検討しており、ある社会保険労務士法人に相談したしたところ「顧問契約が絶対条件」と言われ困っていました。
個別に相談したところ申請の要件に合うよう就業規則も見直していただけてよかったです。

いつでも人事労務関連の相談ができるので安心です！

店舗が増えると共に従業員も増えて、人事労務関連についていろいろ相談されることに対してちゃんと答えることができず悩んでいました。
7月の保険料の手続きや就業規則の見直しなど専門的な部分をお任せできるようになって安心しました。あ

padding, width の組み合わせコントロール

Unit 2-2

w_1000 cell【card】
P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

w_1000 cell【.card.card_cell】
P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

w_mid cell【.card.card_cell】
P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

grid2, grid2_wide

Unit 2-3

【grid2】P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

【grid2_wide】P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

FLEX

Unit 3-1

【flex1-2】SP上/PC左
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

【flex1-2】SP下/PC右
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

【flex2-1】SP上/PC左
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

SP下/PC右
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

【flex1-2.flex-vc】- .flex-vc：コンテンツ縦中央揃え
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

【flex1-2.flex-rev.flex-vc】- .flex-rev：PC時に左右反転
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

小文字のテキストテキストテキストテキスト大文字のテキストテキストテキスト

【flex1-2.flex-vc】
見出し【.op_tit_num.op_tit_num2】
※.op_tit_num2 は1～9まで。後ほど自動付与に変更。
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

小文字のテキストテキストテキストテキスト大文字のテキストテキストテキスト

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

【flex1-2.flex-rev.flex-vc】- .flex-rev：PC時に左右反転
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

Unit 3-2
※タイトル【mod2_tit01】を入れない場合、【(背景・青)】の後ろでも【after-bk】処理はしない。

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

あああああああああ

【flex3-4.flex-vc】
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

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

あああああああああ

【flex3-4.flex-vc,flex_rev】
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

リスト UL

Unit 4-1
※DIV入れ子【.mod2_box04 .mod2_box03 .box01】
padding周りをコンパクトに変更
.mod_box04 →　.mod2_box04 : 変更
.mod_box03 →　.mod2_box03 : 変更

【UL.mod2_list01】
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
あああああああああああああああ
あああああああああああああああああああああああああああああ
あああああああああああああああああああああ

【UL.mod2_list01.FS】
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
あああああああああああああああ
あああああああああああああああああああああああああああああ
あああああああああああああああああああああ

【UL.mod2_list02.mod2_list_line】
あああああああああああああああ
あああああああああああああああああああああああああああああ
あああああああああああああああああああああ

【UL.mod2_list02.mod2_list_line.FB】
※太字追加 FB
あああああああああああああああああああああああああああああ
あああああああああああああああああああああ

【UL.mod2_list02.mod2_list_line.FS】
※小文字追加 FS
あああああああああああああああああああああああああああああ
あああああああああああああああああああああ

リスト OL：追加予定

Unit 5-1
※

【UL.mod2_nlist01】
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
あああああああああああああああ
あああああああああああああああああああああああああああああ
あああああああああああああああああああああ

【UL.mod2_nlist02.mod2_nlist_line】
あああああああああああああああ
あああああああああああああああああああああああああああああ
あああああああああああああああああああああ

unit.after-bk

青背景の次の場合、上にはmargin-bottomが残っているので、そのマージンを相殺する処理を必要とする時に対応する。

unit.after-bk.no-tit

しかしタイトルが無い場合、コンテンツ内上部のあるべきスペースが無くなるため、上部スペースを補う必要があるときに対応する。

NEXT：追加予定

Unit 6-1

P:あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

P:ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

※ テンプレート・ユニット - ACCS社会保険労務士法人 | 労務人事、給与代行など「人」に関する課題を解決

.mod2_tit01.mod2_tit01-head : ページトップ用見出しテキスト

.mod2_tit02.FB : テキストテキストテキストテキストテキストテキストテキスト

.mod2_tit02 : テキストテキストテキストテキストテキストテキストテキスト

.mod2_tit02L : 左寄せ・テキスト

.mod2_tit03 : 黒・太字

.mod2_tit04 : ミニ mod2_tit01

Consultant.mod2_tit01 : 通常見出しテキスト

.mod2_tit01：テキストテキスト

.mod2_tit01：テキストテキスト

GRIDコントロール

.mod2_tit04

給与計算担当者の急な退職を迅速にカバーしていただきました！

キャリアアップ助成金の申請手続きを代行していただきました！

いつでも人事労務関連の相談ができるので安心です！

給与計算担当者の急な退職を迅速にカバーしていただきました！

キャリアアップ助成金の申請手続きを代行していただきました！

いつでも人事労務関連の相談ができるので安心です！

padding, width の組み合わせコントロール

grid2, grid2_wide

FLEX

小文字のテキストテキストテキストテキスト 大文字のテキストテキストテキスト

小文字のテキストテキストテキストテキスト 大文字のテキストテキストテキスト

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

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

あああああああああ

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

あああああああああ

リスト UL

リスト OL：追加予定

NEXT：追加予定

小文字のテキストテキストテキストテキスト大文字のテキストテキストテキスト

小文字のテキストテキストテキストテキスト大文字のテキストテキストテキスト