/* ==================================================
   PCサポートLSP
   共通SVGアイコン
================================================== */


/* ==================================================
   共通
================================================== */

.lsp-icon {

  display:
    inline-block;

  flex:
    0 0 auto;

  width:
    1em;

  height:
    1em;

  background-color:
    currentColor;

  vertical-align:
    -0.125em;

  -webkit-mask-repeat:
    no-repeat;

  mask-repeat:
    no-repeat;

  -webkit-mask-position:
    center;

  mask-position:
    center;

  -webkit-mask-size:
    contain;

  mask-size:
    contain;

}


/* ==================================================
   サイズ
================================================== */

.lsp-icon--sm {

  width:
    24px;

  height:
    24px;

}


.lsp-icon--md {

  width:
    32px;

  height:
    32px;

}


.lsp-icon--lg {

  width:
    48px;

  height:
    48px;

}


.lsp-icon--xl {

  width:
    64px;

  height:
    64px;

}


/* ==================================================
   01 PC
================================================== */

.lsp-icon--pc {

  -webkit-mask-image:
    url("../icons/pc.svg");

  mask-image:
    url("../icons/pc.svg");

}


/* ==================================================
   02 歯車
================================================== */

.lsp-icon--gear {

  -webkit-mask-image:
    url("../icons/gear.svg");

  mask-image:
    url("../icons/gear.svg");

}


/* ==================================================
   03 メール
================================================== */

.lsp-icon--mail {

  -webkit-mask-image:
    url("../icons/mail.svg");

  mask-image:
    url("../icons/mail.svg");

}


/* ==================================================
   04 プリンター
================================================== */

.lsp-icon--printer {

  -webkit-mask-image:
    url("../icons/printer.svg");

  mask-image:
    url("../icons/printer.svg");

}


/* ==================================================
   05 Wi-Fi
================================================== */

.lsp-icon--wifi {

  -webkit-mask-image:
    url("../icons/wifi.svg");

  mask-image:
    url("../icons/wifi.svg");

}


/* ==================================================
   06 更新
================================================== */

.lsp-icon--update {

  -webkit-mask-image:
    url("../icons/update.svg");

  mask-image:
    url("../icons/update.svg");

}


/* ==================================================
   07 フォルダ
================================================== */

.lsp-icon--folder {

  -webkit-mask-image:
    url("../icons/folder.svg");

  mask-image:
    url("../icons/folder.svg");

}


/* ==================================================
   08 警告
================================================== */

.lsp-icon--warning {

  -webkit-mask-image:
    url("../icons/warning.svg");

  mask-image:
    url("../icons/warning.svg");

}


/* ==================================================
   09 電球
================================================== */

.lsp-icon--bulb {

  -webkit-mask-image:
    url("../icons/bulb.svg");

  mask-image:
    url("../icons/bulb.svg");

}


/* ==================================================
   10 時計
================================================== */

.lsp-icon--clock {

  -webkit-mask-image:
    url("../icons/clock.svg");

  mask-image:
    url("../icons/clock.svg");

}


/* ==================================================
   11 チェック
================================================== */

.lsp-icon--check {

  -webkit-mask-image:
    url("../icons/check.svg");

  mask-image:
    url("../icons/check.svg");

}


/* ==================================================
   12 円・料金
================================================== */

.lsp-icon--yen {

  -webkit-mask-image:
    url("../icons/yen.svg");

  mask-image:
    url("../icons/yen.svg");

}


/* ==================================================
   13 セキュリティ
================================================== */

.lsp-icon--security {

  -webkit-mask-image:
    url("../icons/security.svg");

  mask-image:
    url("../icons/security.svg");

}


/* ==================================================
   14 教室
================================================== */

.lsp-icon--classroom {

  -webkit-mask-image:
    url("../icons/classroom.svg");

  mask-image:
    url("../icons/classroom.svg");

}


/* ==================================================
   15 ダウンロード
================================================== */

.lsp-icon--download {

  -webkit-mask-image:
    url("../icons/download.svg");

  mask-image:
    url("../icons/download.svg");

}