@charset "UTF-8";
/* ===================================================================
CSS information
 file name  : customer_harassment.css author     : Ability Consultant style info : カスタマーハラスメントに対する基本方針
=================================================================== */
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
foundation

Styleguide 1.0.0
*/
/*
_variable.scss

変数をまとめて宣言

Styleguide 1.1.0
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
各カラー設定

※フォントサイズなどは適宜変更可

Markup:
<P style="color:$f-val-FontColor; font-size: 1.6em; line-height: 1.4em;">ベースフォントカラー</p>
<br><br>
<p>背景 color</p>
<span style="background-color:$f-val-bgcolor; width:60px; height:60px; display: inline-block;"></span>
<span style="background-color:$f-val-bgcolor-secondary; width:60px; height:60px; display: inline-block;"></span>
<span style="background-color:$f-val-bgcolor-tertiary; width:60px; height:60px; display: inline-block;"></span>
<br><br>
<p>ポイントカラー</p>

Styleguide 1.1.1.1
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
_mixins.scss

Styleguide 1.3.0
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
各デバイス別処理 

@include mq($device) {<br>
	//処理<br>
};<br><br>
$device : pc <small>or</small> tab <small>or</small> sp <small>or</small> pc_tab <small>or</small> tab_sp <small>or</small> tab_l <small>or</small> tab_s <small>or</small> sp_l <small>or</small> sp_s

Styleguide 1.3.1
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
フォントサイズ指定

@include fsz(任意のサイズ,親要素のサイズ);<br>
※px不要

Styleguide 1.3.1.1
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
値を振り分け(choiceValue)

@include cV(プロパティ,pc幅,tab~sp幅);<br>
<small>or</small><br>
@include cV(プロパティ,pc幅,tab幅,sp幅);

Styleguide 1.3.1.2
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
マウスホバー

Styleguide 1.3.1.3
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
幅を決めて中央寄せ(choiceWidth)
 @include cW(任意の幅px);

Styleguide 1.3.1.4
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
画像を拡大

@include zoomImg(拡大率,x軸基点);

Styleguide 1.3.1.5
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
ホバー時リンクの下線を逆にする

@include reverseDecoration;

Styleguide 1.3.1.6
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
プロパティにプレフィックスを付与

@include PropertySetPrefix(プロパティ,値);

Styleguide 1.3.1.7
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
値にプレフィックスを付与

@include ValueSetPrefix(プロパティ,値);

Styleguide 1.3.1.8
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
スマホ用フォントサイズを設定する

@include SpFontSize(幅);

Styleguide 1.3.1.9
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
縦方向のグラデーション 2色

@include gradientL-2(上側のカラー,上側のカラーの位置％,下側のカラー,下側のカラーの位置％);

Styleguide 1.3.2
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
縦方向のグラデーション 3色

@include gradientL-3(上側のカラー,上側のカラーの位置％,中間のカラー,中間のカラーの位置％,下側のカラー,下側のカラーの位置％);

Styleguide 1.3.2.1
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
横方向のグラデーション 2色

@include gradientW-2(左側のカラー,左側のカラーの位置％,右側のカラー,右側のカラーの位置％);

Styleguide 1.3.2.2
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
横方向のグラデーション 3色

@include gradientW-3(左側のカラー,左側のカラーの位置％,中間のカラー,中間のカラーの位置％,右側のカラー,右側のカラーの位置％);

Styleguide 1.3.2.3
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
ioniconをcssで指定する用

Styleguide 1.3.2.4
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
fontawesomeをcssで指定する用

Styleguide 1.3.2.5
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
fontawesomeをcssで指定する用

Styleguide 1.3.2.6
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
fontawesomeをcssで指定する用

Styleguide 1.3.2.7
*/
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
_view.scss

レスポンシブ表示切替

Markup:
<br><br>
<P class="f-view--pc">PCのみ表示</p>
<br><br>
<P class="f-view--pc_tab">PC・TABのみ表示</p>
<br><br>
<P class="f-view--tab">TABのみ表示</p>
<br><br>
<P class="f-view--tab_sp">TAB・SPのみ表示</p>
<br><br>
<P class="f-view--sp">SPのみ表示</p>
<br><br>

Styleguide 1.5.0
*/
/* -----------------------------------------------------------
	レスポンシブ表示切替
----------------------------------------------------------- */
@media only screen and (min-width: 1280px) { .f-view--pc { display: block; }
  .f-view--tab_sp, .f-view--tab { display: none !important; } }
@media print { .f-view--pc { display: block; }
  .f-view--tab_sp, .f-view--tab { display: none !important; } }
@media only screen and (min-width: 768px) { .f-view--sp { display: none !important; } }
@media print { .f-view--sp { display: none !important; } }
@media only screen and (max-width: 1279px) { .f-view--pc { display: none !important; }
  .f-view--tab_sp { display: block; } }
@media only screen and (min-width: 768px) and (max-width: 1279px) { .f-view--tab { display: block; } }
@media only screen and (max-width: 767px) { .f-view--sp { display: block; }
  .f-view--pc_tab, .f-view--tab { display: none !important; } }
/* -----------------------------------------------------------

----------------------------------------------------------- */
.l-customer_harassment__cnt-pri { border: 1px solid #ddd; margin: 40px auto 0; padding: 40px 40px 64px; }
@media only screen and (max-width: 767px) { .l-customer_harassment__cnt-pri { margin: 5% auto 0; padding: 5% 5% 8%; } }

.txt_date { font-size: 1em; text-align: right; margin-top: 20px; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { .txt_date { font-size: 1em; } }
@media only screen and (max-width: 767px) { .txt_date { font-size: 1em; } }