@charset "UTF-8";
/**
@mixin debug-support-matrix($experimental: true, $ie: true) {
  @debug  $moz-$experimental-support-for-mozilla
          $webkit-$experimental-support-for-webkit
          $opera-$experimental-support-for-opera
          $microsoft-$experimental-support-for-microsoft
          $khtml-$experimental-support-for-khtml;
  @debug  $ie6-$legacy-support-for-ie6
          $ie7-$legacy-support-for-ie7
          $ie8-$legacy-support-for-ie8;
}
**/
/**
@mixin debug-support-matrix($experimental: true, $ie: true) {
  @debug  $moz-$experimental-support-for-mozilla
          $webkit-$experimental-support-for-webkit
          $opera-$experimental-support-for-opera
          $microsoft-$experimental-support-for-microsoft
          $khtml-$experimental-support-for-khtml;
  @debug  $ie6-$legacy-support-for-ie6
          $ie7-$legacy-support-for-ie7
          $ie8-$legacy-support-for-ie8;
}
**/
.w10 {
  width: 10px !important;
}

.minw10 {
  width: 10px !important;
}

.mtop10 {
  margin-top: 10px !important;
}

.mbottom10 {
  margin-bottom: 10px !important;
}

.w20 {
  width: 20px !important;
}

.minw20 {
  width: 20px !important;
}

.mtop20 {
  margin-top: 20px !important;
}

.mbottom20 {
  margin-bottom: 20px !important;
}

.w30 {
  width: 30px !important;
}

.minw30 {
  width: 30px !important;
}

.mtop30 {
  margin-top: 30px !important;
}

.mbottom30 {
  margin-bottom: 30px !important;
}

.w40 {
  width: 40px !important;
}

.minw40 {
  width: 40px !important;
}

.mtop40 {
  margin-top: 40px !important;
}

.mbottom40 {
  margin-bottom: 40px !important;
}

.w50 {
  width: 50px !important;
}

.minw50 {
  width: 50px !important;
}

.mtop50 {
  margin-top: 50px !important;
}

.mbottom50 {
  margin-bottom: 50px !important;
}

.w60 {
  width: 60px !important;
}

.minw60 {
  width: 60px !important;
}

.mtop60 {
  margin-top: 60px !important;
}

.mbottom60 {
  margin-bottom: 60px !important;
}

.w70 {
  width: 70px !important;
}

.minw70 {
  width: 70px !important;
}

.mtop70 {
  margin-top: 70px !important;
}

.mbottom70 {
  margin-bottom: 70px !important;
}

.w80 {
  width: 80px !important;
}

.minw80 {
  width: 80px !important;
}

.mtop80 {
  margin-top: 80px !important;
}

.mbottom80 {
  margin-bottom: 80px !important;
}

.w90 {
  width: 90px !important;
}

.minw90 {
  width: 90px !important;
}

.mtop90 {
  margin-top: 90px !important;
}

.mbottom90 {
  margin-bottom: 90px !important;
}

.w100 {
  width: 100px !important;
}

.minw100 {
  width: 100px !important;
}

.mtop100 {
  margin-top: 100px !important;
}

.mbottom100 {
  margin-bottom: 100px !important;
}

.w110 {
  width: 110px !important;
}

.minw110 {
  width: 110px !important;
}

.mtop110 {
  margin-top: 110px !important;
}

.mbottom110 {
  margin-bottom: 110px !important;
}

.w120 {
  width: 120px !important;
}

.minw120 {
  width: 120px !important;
}

.mtop120 {
  margin-top: 120px !important;
}

.mbottom120 {
  margin-bottom: 120px !important;
}

.w130 {
  width: 130px !important;
}

.minw130 {
  width: 130px !important;
}

.mtop130 {
  margin-top: 130px !important;
}

.mbottom130 {
  margin-bottom: 130px !important;
}

.w140 {
  width: 140px !important;
}

.minw140 {
  width: 140px !important;
}

.mtop140 {
  margin-top: 140px !important;
}

.mbottom140 {
  margin-bottom: 140px !important;
}

.w150 {
  width: 150px !important;
}

.minw150 {
  width: 150px !important;
}

.mtop150 {
  margin-top: 150px !important;
}

.mbottom150 {
  margin-bottom: 150px !important;
}

.w160 {
  width: 160px !important;
}

.minw160 {
  width: 160px !important;
}

.mtop160 {
  margin-top: 160px !important;
}

.mbottom160 {
  margin-bottom: 160px !important;
}

.w170 {
  width: 170px !important;
}

.minw170 {
  width: 170px !important;
}

.mtop170 {
  margin-top: 170px !important;
}

.mbottom170 {
  margin-bottom: 170px !important;
}

.w180 {
  width: 180px !important;
}

.minw180 {
  width: 180px !important;
}

.mtop180 {
  margin-top: 180px !important;
}

.mbottom180 {
  margin-bottom: 180px !important;
}

.w190 {
  width: 190px !important;
}

.minw190 {
  width: 190px !important;
}

.mtop190 {
  margin-top: 190px !important;
}

.mbottom190 {
  margin-bottom: 190px !important;
}

.w200 {
  width: 200px !important;
}

.minw200 {
  width: 200px !important;
}

.mtop200 {
  margin-top: 200px !important;
}

.mbottom200 {
  margin-bottom: 200px !important;
}

.w210 {
  width: 210px !important;
}

.minw210 {
  width: 210px !important;
}

.mtop210 {
  margin-top: 210px !important;
}

.mbottom210 {
  margin-bottom: 210px !important;
}

.w220 {
  width: 220px !important;
}

.minw220 {
  width: 220px !important;
}

.mtop220 {
  margin-top: 220px !important;
}

.mbottom220 {
  margin-bottom: 220px !important;
}

.w230 {
  width: 230px !important;
}

.minw230 {
  width: 230px !important;
}

.mtop230 {
  margin-top: 230px !important;
}

.mbottom230 {
  margin-bottom: 230px !important;
}

.w240 {
  width: 240px !important;
}

.minw240 {
  width: 240px !important;
}

.mtop240 {
  margin-top: 240px !important;
}

.mbottom240 {
  margin-bottom: 240px !important;
}

.w250 {
  width: 250px !important;
}

.minw250 {
  width: 250px !important;
}

.mtop250 {
  margin-top: 250px !important;
}

.mbottom250 {
  margin-bottom: 250px !important;
}

.w260 {
  width: 260px !important;
}

.minw260 {
  width: 260px !important;
}

.mtop260 {
  margin-top: 260px !important;
}

.mbottom260 {
  margin-bottom: 260px !important;
}

.w270 {
  width: 270px !important;
}

.minw270 {
  width: 270px !important;
}

.mtop270 {
  margin-top: 270px !important;
}

.mbottom270 {
  margin-bottom: 270px !important;
}

.w280 {
  width: 280px !important;
}

.minw280 {
  width: 280px !important;
}

.mtop280 {
  margin-top: 280px !important;
}

.mbottom280 {
  margin-bottom: 280px !important;
}

.w290 {
  width: 290px !important;
}

.minw290 {
  width: 290px !important;
}

.mtop290 {
  margin-top: 290px !important;
}

.mbottom290 {
  margin-bottom: 290px !important;
}

.w300 {
  width: 300px !important;
}

.minw300 {
  width: 300px !important;
}

.mtop300 {
  margin-top: 300px !important;
}

.mbottom300 {
  margin-bottom: 300px !important;
}

.w310 {
  width: 310px !important;
}

.minw310 {
  width: 310px !important;
}

.mtop310 {
  margin-top: 310px !important;
}

.mbottom310 {
  margin-bottom: 310px !important;
}

.w320 {
  width: 320px !important;
}

.minw320 {
  width: 320px !important;
}

.mtop320 {
  margin-top: 320px !important;
}

.mbottom320 {
  margin-bottom: 320px !important;
}

.w330 {
  width: 330px !important;
}

.minw330 {
  width: 330px !important;
}

.mtop330 {
  margin-top: 330px !important;
}

.mbottom330 {
  margin-bottom: 330px !important;
}

.w340 {
  width: 340px !important;
}

.minw340 {
  width: 340px !important;
}

.mtop340 {
  margin-top: 340px !important;
}

.mbottom340 {
  margin-bottom: 340px !important;
}

.w350 {
  width: 350px !important;
}

.minw350 {
  width: 350px !important;
}

.mtop350 {
  margin-top: 350px !important;
}

.mbottom350 {
  margin-bottom: 350px !important;
}

.w360 {
  width: 360px !important;
}

.minw360 {
  width: 360px !important;
}

.mtop360 {
  margin-top: 360px !important;
}

.mbottom360 {
  margin-bottom: 360px !important;
}

.w370 {
  width: 370px !important;
}

.minw370 {
  width: 370px !important;
}

.mtop370 {
  margin-top: 370px !important;
}

.mbottom370 {
  margin-bottom: 370px !important;
}

.w380 {
  width: 380px !important;
}

.minw380 {
  width: 380px !important;
}

.mtop380 {
  margin-top: 380px !important;
}

.mbottom380 {
  margin-bottom: 380px !important;
}

.w390 {
  width: 390px !important;
}

.minw390 {
  width: 390px !important;
}

.mtop390 {
  margin-top: 390px !important;
}

.mbottom390 {
  margin-bottom: 390px !important;
}

.w400 {
  width: 400px !important;
}

.minw400 {
  width: 400px !important;
}

.mtop400 {
  margin-top: 400px !important;
}

.mbottom400 {
  margin-bottom: 400px !important;
}

.w410 {
  width: 410px !important;
}

.minw410 {
  width: 410px !important;
}

.mtop410 {
  margin-top: 410px !important;
}

.mbottom410 {
  margin-bottom: 410px !important;
}

.w420 {
  width: 420px !important;
}

.minw420 {
  width: 420px !important;
}

.mtop420 {
  margin-top: 420px !important;
}

.mbottom420 {
  margin-bottom: 420px !important;
}

.w430 {
  width: 430px !important;
}

.minw430 {
  width: 430px !important;
}

.mtop430 {
  margin-top: 430px !important;
}

.mbottom430 {
  margin-bottom: 430px !important;
}

.w440 {
  width: 440px !important;
}

.minw440 {
  width: 440px !important;
}

.mtop440 {
  margin-top: 440px !important;
}

.mbottom440 {
  margin-bottom: 440px !important;
}

.w450 {
  width: 450px !important;
}

.minw450 {
  width: 450px !important;
}

.mtop450 {
  margin-top: 450px !important;
}

.mbottom450 {
  margin-bottom: 450px !important;
}

.w460 {
  width: 460px !important;
}

.minw460 {
  width: 460px !important;
}

.mtop460 {
  margin-top: 460px !important;
}

.mbottom460 {
  margin-bottom: 460px !important;
}

.w470 {
  width: 470px !important;
}

.minw470 {
  width: 470px !important;
}

.mtop470 {
  margin-top: 470px !important;
}

.mbottom470 {
  margin-bottom: 470px !important;
}

.w480 {
  width: 480px !important;
}

.minw480 {
  width: 480px !important;
}

.mtop480 {
  margin-top: 480px !important;
}

.mbottom480 {
  margin-bottom: 480px !important;
}

.w490 {
  width: 490px !important;
}

.minw490 {
  width: 490px !important;
}

.mtop490 {
  margin-top: 490px !important;
}

.mbottom490 {
  margin-bottom: 490px !important;
}

.w500 {
  width: 500px !important;
}

.minw500 {
  width: 500px !important;
}

.mtop500 {
  margin-top: 500px !important;
}

.mbottom500 {
  margin-bottom: 500px !important;
}

.w510 {
  width: 510px !important;
}

.minw510 {
  width: 510px !important;
}

.mtop510 {
  margin-top: 510px !important;
}

.mbottom510 {
  margin-bottom: 510px !important;
}

.w520 {
  width: 520px !important;
}

.minw520 {
  width: 520px !important;
}

.mtop520 {
  margin-top: 520px !important;
}

.mbottom520 {
  margin-bottom: 520px !important;
}

.w530 {
  width: 530px !important;
}

.minw530 {
  width: 530px !important;
}

.mtop530 {
  margin-top: 530px !important;
}

.mbottom530 {
  margin-bottom: 530px !important;
}

.w540 {
  width: 540px !important;
}

.minw540 {
  width: 540px !important;
}

.mtop540 {
  margin-top: 540px !important;
}

.mbottom540 {
  margin-bottom: 540px !important;
}

.w550 {
  width: 550px !important;
}

.minw550 {
  width: 550px !important;
}

.mtop550 {
  margin-top: 550px !important;
}

.mbottom550 {
  margin-bottom: 550px !important;
}

.w560 {
  width: 560px !important;
}

.minw560 {
  width: 560px !important;
}

.mtop560 {
  margin-top: 560px !important;
}

.mbottom560 {
  margin-bottom: 560px !important;
}

.w570 {
  width: 570px !important;
}

.minw570 {
  width: 570px !important;
}

.mtop570 {
  margin-top: 570px !important;
}

.mbottom570 {
  margin-bottom: 570px !important;
}

.w580 {
  width: 580px !important;
}

.minw580 {
  width: 580px !important;
}

.mtop580 {
  margin-top: 580px !important;
}

.mbottom580 {
  margin-bottom: 580px !important;
}

.w590 {
  width: 590px !important;
}

.minw590 {
  width: 590px !important;
}

.mtop590 {
  margin-top: 590px !important;
}

.mbottom590 {
  margin-bottom: 590px !important;
}

.w600 {
  width: 600px !important;
}

.minw600 {
  width: 600px !important;
}

.mtop600 {
  margin-top: 600px !important;
}

.mbottom600 {
  margin-bottom: 600px !important;
}

.w610 {
  width: 610px !important;
}

.minw610 {
  width: 610px !important;
}

.mtop610 {
  margin-top: 610px !important;
}

.mbottom610 {
  margin-bottom: 610px !important;
}

.w620 {
  width: 620px !important;
}

.minw620 {
  width: 620px !important;
}

.mtop620 {
  margin-top: 620px !important;
}

.mbottom620 {
  margin-bottom: 620px !important;
}

.w630 {
  width: 630px !important;
}

.minw630 {
  width: 630px !important;
}

.mtop630 {
  margin-top: 630px !important;
}

.mbottom630 {
  margin-bottom: 630px !important;
}

.w640 {
  width: 640px !important;
}

.minw640 {
  width: 640px !important;
}

.mtop640 {
  margin-top: 640px !important;
}

.mbottom640 {
  margin-bottom: 640px !important;
}

.w650 {
  width: 650px !important;
}

.minw650 {
  width: 650px !important;
}

.mtop650 {
  margin-top: 650px !important;
}

.mbottom650 {
  margin-bottom: 650px !important;
}

.w660 {
  width: 660px !important;
}

.minw660 {
  width: 660px !important;
}

.mtop660 {
  margin-top: 660px !important;
}

.mbottom660 {
  margin-bottom: 660px !important;
}

.w670 {
  width: 670px !important;
}

.minw670 {
  width: 670px !important;
}

.mtop670 {
  margin-top: 670px !important;
}

.mbottom670 {
  margin-bottom: 670px !important;
}

.w680 {
  width: 680px !important;
}

.minw680 {
  width: 680px !important;
}

.mtop680 {
  margin-top: 680px !important;
}

.mbottom680 {
  margin-bottom: 680px !important;
}

.w690 {
  width: 690px !important;
}

.minw690 {
  width: 690px !important;
}

.mtop690 {
  margin-top: 690px !important;
}

.mbottom690 {
  margin-bottom: 690px !important;
}

.w700 {
  width: 700px !important;
}

.minw700 {
  width: 700px !important;
}

.mtop700 {
  margin-top: 700px !important;
}

.mbottom700 {
  margin-bottom: 700px !important;
}

.w710 {
  width: 710px !important;
}

.minw710 {
  width: 710px !important;
}

.mtop710 {
  margin-top: 710px !important;
}

.mbottom710 {
  margin-bottom: 710px !important;
}

.w720 {
  width: 720px !important;
}

.minw720 {
  width: 720px !important;
}

.mtop720 {
  margin-top: 720px !important;
}

.mbottom720 {
  margin-bottom: 720px !important;
}

.w730 {
  width: 730px !important;
}

.minw730 {
  width: 730px !important;
}

.mtop730 {
  margin-top: 730px !important;
}

.mbottom730 {
  margin-bottom: 730px !important;
}

.w740 {
  width: 740px !important;
}

.minw740 {
  width: 740px !important;
}

.mtop740 {
  margin-top: 740px !important;
}

.mbottom740 {
  margin-bottom: 740px !important;
}

.w750 {
  width: 750px !important;
}

.minw750 {
  width: 750px !important;
}

.mtop750 {
  margin-top: 750px !important;
}

.mbottom750 {
  margin-bottom: 750px !important;
}

.w760 {
  width: 760px !important;
}

.minw760 {
  width: 760px !important;
}

.mtop760 {
  margin-top: 760px !important;
}

.mbottom760 {
  margin-bottom: 760px !important;
}

.w770 {
  width: 770px !important;
}

.minw770 {
  width: 770px !important;
}

.mtop770 {
  margin-top: 770px !important;
}

.mbottom770 {
  margin-bottom: 770px !important;
}

.w780 {
  width: 780px !important;
}

.minw780 {
  width: 780px !important;
}

.mtop780 {
  margin-top: 780px !important;
}

.mbottom780 {
  margin-bottom: 780px !important;
}

.w790 {
  width: 790px !important;
}

.minw790 {
  width: 790px !important;
}

.mtop790 {
  margin-top: 790px !important;
}

.mbottom790 {
  margin-bottom: 790px !important;
}

.w800 {
  width: 800px !important;
}

.minw800 {
  width: 800px !important;
}

.mtop800 {
  margin-top: 800px !important;
}

.mbottom800 {
  margin-bottom: 800px !important;
}

.w810 {
  width: 810px !important;
}

.minw810 {
  width: 810px !important;
}

.mtop810 {
  margin-top: 810px !important;
}

.mbottom810 {
  margin-bottom: 810px !important;
}

.w820 {
  width: 820px !important;
}

.minw820 {
  width: 820px !important;
}

.mtop820 {
  margin-top: 820px !important;
}

.mbottom820 {
  margin-bottom: 820px !important;
}

.w830 {
  width: 830px !important;
}

.minw830 {
  width: 830px !important;
}

.mtop830 {
  margin-top: 830px !important;
}

.mbottom830 {
  margin-bottom: 830px !important;
}

.w840 {
  width: 840px !important;
}

.minw840 {
  width: 840px !important;
}

.mtop840 {
  margin-top: 840px !important;
}

.mbottom840 {
  margin-bottom: 840px !important;
}

.w850 {
  width: 850px !important;
}

.minw850 {
  width: 850px !important;
}

.mtop850 {
  margin-top: 850px !important;
}

.mbottom850 {
  margin-bottom: 850px !important;
}

.w860 {
  width: 860px !important;
}

.minw860 {
  width: 860px !important;
}

.mtop860 {
  margin-top: 860px !important;
}

.mbottom860 {
  margin-bottom: 860px !important;
}

.w870 {
  width: 870px !important;
}

.minw870 {
  width: 870px !important;
}

.mtop870 {
  margin-top: 870px !important;
}

.mbottom870 {
  margin-bottom: 870px !important;
}

.w880 {
  width: 880px !important;
}

.minw880 {
  width: 880px !important;
}

.mtop880 {
  margin-top: 880px !important;
}

.mbottom880 {
  margin-bottom: 880px !important;
}

.w890 {
  width: 890px !important;
}

.minw890 {
  width: 890px !important;
}

.mtop890 {
  margin-top: 890px !important;
}

.mbottom890 {
  margin-bottom: 890px !important;
}

.w900 {
  width: 900px !important;
}

.minw900 {
  width: 900px !important;
}

.mtop900 {
  margin-top: 900px !important;
}

.mbottom900 {
  margin-bottom: 900px !important;
}

.w910 {
  width: 910px !important;
}

.minw910 {
  width: 910px !important;
}

.mtop910 {
  margin-top: 910px !important;
}

.mbottom910 {
  margin-bottom: 910px !important;
}

.w920 {
  width: 920px !important;
}

.minw920 {
  width: 920px !important;
}

.mtop920 {
  margin-top: 920px !important;
}

.mbottom920 {
  margin-bottom: 920px !important;
}

.w930 {
  width: 930px !important;
}

.minw930 {
  width: 930px !important;
}

.mtop930 {
  margin-top: 930px !important;
}

.mbottom930 {
  margin-bottom: 930px !important;
}

.w940 {
  width: 940px !important;
}

.minw940 {
  width: 940px !important;
}

.mtop940 {
  margin-top: 940px !important;
}

.mbottom940 {
  margin-bottom: 940px !important;
}

.w950 {
  width: 950px !important;
}

.minw950 {
  width: 950px !important;
}

.mtop950 {
  margin-top: 950px !important;
}

.mbottom950 {
  margin-bottom: 950px !important;
}

.w960 {
  width: 960px !important;
}

.minw960 {
  width: 960px !important;
}

.mtop960 {
  margin-top: 960px !important;
}

.mbottom960 {
  margin-bottom: 960px !important;
}

.w970 {
  width: 970px !important;
}

.minw970 {
  width: 970px !important;
}

.mtop970 {
  margin-top: 970px !important;
}

.mbottom970 {
  margin-bottom: 970px !important;
}

.w980 {
  width: 980px !important;
}

.minw980 {
  width: 980px !important;
}

.mtop980 {
  margin-top: 980px !important;
}

.mbottom980 {
  margin-bottom: 980px !important;
}

.w990 {
  width: 990px !important;
}

.minw990 {
  width: 990px !important;
}

.mtop990 {
  margin-top: 990px !important;
}

.mbottom990 {
  margin-bottom: 990px !important;
}

.w1000 {
  width: 1000px !important;
}

.minw1000 {
  width: 1000px !important;
}

.mtop1000 {
  margin-top: 1000px !important;
}

.mbottom1000 {
  margin-bottom: 1000px !important;
}

.w1010 {
  width: 1010px !important;
}

.minw1010 {
  width: 1010px !important;
}

.mtop1010 {
  margin-top: 1010px !important;
}

.mbottom1010 {
  margin-bottom: 1010px !important;
}

.w1020 {
  width: 1020px !important;
}

.minw1020 {
  width: 1020px !important;
}

.mtop1020 {
  margin-top: 1020px !important;
}

.mbottom1020 {
  margin-bottom: 1020px !important;
}

.w1030 {
  width: 1030px !important;
}

.minw1030 {
  width: 1030px !important;
}

.mtop1030 {
  margin-top: 1030px !important;
}

.mbottom1030 {
  margin-bottom: 1030px !important;
}

.w1040 {
  width: 1040px !important;
}

.minw1040 {
  width: 1040px !important;
}

.mtop1040 {
  margin-top: 1040px !important;
}

.mbottom1040 {
  margin-bottom: 1040px !important;
}

.w1050 {
  width: 1050px !important;
}

.minw1050 {
  width: 1050px !important;
}

.mtop1050 {
  margin-top: 1050px !important;
}

.mbottom1050 {
  margin-bottom: 1050px !important;
}

.w1060 {
  width: 1060px !important;
}

.minw1060 {
  width: 1060px !important;
}

.mtop1060 {
  margin-top: 1060px !important;
}

.mbottom1060 {
  margin-bottom: 1060px !important;
}

.w1070 {
  width: 1070px !important;
}

.minw1070 {
  width: 1070px !important;
}

.mtop1070 {
  margin-top: 1070px !important;
}

.mbottom1070 {
  margin-bottom: 1070px !important;
}

.w1080 {
  width: 1080px !important;
}

.minw1080 {
  width: 1080px !important;
}

.mtop1080 {
  margin-top: 1080px !important;
}

.mbottom1080 {
  margin-bottom: 1080px !important;
}

.w1090 {
  width: 1090px !important;
}

.minw1090 {
  width: 1090px !important;
}

.mtop1090 {
  margin-top: 1090px !important;
}

.mbottom1090 {
  margin-bottom: 1090px !important;
}

.w1100 {
  width: 1100px !important;
}

.minw1100 {
  width: 1100px !important;
}

.mtop1100 {
  margin-top: 1100px !important;
}

.mbottom1100 {
  margin-bottom: 1100px !important;
}

#__bs_notify__ {
  display: none !important;
}

[data-show="none"] {
  display: none !important;
}

[data-show="block"] {
  display: block !important;
}

[data-show="flex"] {
  display: -ms-flexbox !important;
  display: flex !important;
}

[data-icon="1"]:before {
  -webkit-mask-image: url(../img/icon/user.svg);
          mask-image: url(../img/icon/user.svg);
}

[data-icon="2"]:before {
  -webkit-mask-image: url(../img/icon/info.svg);
          mask-image: url(../img/icon/info.svg);
}

[data-icon="3"]:before {
  -webkit-mask-image: url(../img/icon/mail.svg);
          mask-image: url(../img/icon/mail.svg);
}

[data-icon="4"]:before {
  -webkit-mask-image: url(../img/icon/download.svg);
          mask-image: url(../img/icon/download.svg);
}

[data-icon="5"]:before {
  -webkit-mask-image: url(../img/icon/search.svg);
          mask-image: url(../img/icon/search.svg);
}

[data-icon="6"]:before {
  -webkit-mask-image: url(../img/icon/download.svg);
          mask-image: url(../img/icon/download.svg);
}

[data-icon="7"]:before {
  -webkit-mask-image: url(../img/icon/calendar.svg);
          mask-image: url(../img/icon/calendar.svg);
}

[data-icon="8"]:before {
  -webkit-mask-image: url(../img/icon/check.svg);
          mask-image: url(../img/icon/check.svg);
}

[data-icon="9"]:before {
  -webkit-mask-image: url(../img/icon/info.svg);
          mask-image: url(../img/icon/info.svg);
}

[data-icon="10"]:before {
  -webkit-mask-image: url(../img/icon/admin.svg);
          mask-image: url(../img/icon/admin.svg);
}

[data-icon="11"]:before {
  -webkit-mask-image: url(../img/icon/info_category.svg);
          mask-image: url(../img/icon/info_category.svg);
}

[data-icon="12"]:before {
  -webkit-mask-image: url(../img/icon/qa.svg);
          mask-image: url(../img/icon/qa.svg);
}

[data-icon="13"]:before {
  -webkit-mask-image: url(../img/icon/shopping_product.svg);
          mask-image: url(../img/icon/shopping_product.svg);
}

[data-icon="14"]:before {
  -webkit-mask-image: url(../img/icon/slideshow.svg);
          mask-image: url(../img/icon/slideshow.svg);
}

[data-icon="15"]:before {
  -webkit-mask-image: url(../img/icon/banner.svg);
          mask-image: url(../img/icon/banner.svg);
}

[data-icon="16"]:before {
  -webkit-mask-image: url(../img/icon/book.svg);
          mask-image: url(../img/icon/book.svg);
}

[data-icon="17"]:before {
  -webkit-mask-image: url(../img/icon/board_member.svg);
          mask-image: url(../img/icon/board_member.svg);
}

[data-icon="18"]:before {
  -webkit-mask-image: url(../img/icon/memorial.svg);
          mask-image: url(../img/icon/memorial.svg);
}

[data-icon="19"]:before {
  -webkit-mask-image: url(../img/icon/image.svg);
          mask-image: url(../img/icon/image.svg);
}

.err_block {
  margin: 0 0 40px 0;
  padding: 15px;
  border: double 3px #d7003a;
  background: #fff;
}
.err_block ul li {
  padding: 0 0 5px 0;
  color: #d7003a;
  text-align: left;
  font-size: 14px;
  font-weight: 200;
}
.err_block ul li:before {
  content: "※";
}
.err_block ul li:last-child {
  padding: 0;
}
.err_block ul li.large {
  line-height: 1.5;
  font-size: 16px;
  font-weight: 600;
}

body {
  height: 100vh;
  color: #4c5974;
  background: #f5f7f9;
  overflow-y: hidden;
  position: relative;
  font-size: 14px;
}
body[data-mode="local"]:before, body[data-mode="testing"]:before, body[data-mode="staging"]:before {
  padding: 3px 0 3px 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
  z-index: 10;
  font-size: 12px;
}
body[data-mode="local"]:before {
  content: "ローカル環境";
  background: #26896D;
}
body[data-mode="testing"]:before {
  content: "テスト環境";
  background: #954C93;
}
body[data-mode="staging"]:before {
  content: "ステージング環境";
  background: #00AEEF;
}
body header {
  border-top: solid 3px #82ae46;
  width: 100%;
  background: #fff;
}
body header > div {
  padding: 0 30px;
  width: 100%;
  min-width: 1200px;
}
body header > div:nth-of-type(1) {
  height: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: solid 2px #e5e4e6;
}
body header > div:nth-of-type(1) h1 {
  width: 300px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
body header > div:nth-of-type(1) h1 a {
  width: 100px;
  display: block;
}
body > div {
  padding: 30px 0 10px 0;
  width: 100%;
  min-width: 1200px;
  height: calc(100vh - 70px);
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
body > div > nav {
  margin: 0 0 0 30px;
  padding: 30px 10px 30px 10px;
  width: 270px;
  height: calc(100% - 20px);
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 10px;
}
body > div > nav p {
  margin: 30px 0 0 0;
  padding: 0 0 0 10px;
  color: #b7bed1;
  font-size: 12px;
  font-weight: 400;
}
body > div > nav p:nth-of-type(1) {
  margin: 0;
}
body > div > nav ul {
  margin: 5px 0 0 0;
  width: 100%;
}
body > div > nav ul li {
  width: 100%;
}
body > div > nav ul li a {
  padding: 0 0 0 10px;
  width: 100%;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
body > div > nav ul li a[data-submenu] {
  padding: 0 0 0 45px;
  height: 35px;
  font-size: 12px;
}
body > div > nav ul li a[data-submenu]:before {
  content: "";
  margin: 0 10px 0 0;
  display: block;
  width: 20px;
  height: 20px;
  background: #4c5974;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
body > div > nav ul li a:before {
  content: "";
  margin: 0 15px 0 0;
  display: block;
  width: 25px;
  height: 25px;
  background: #4c5974;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
body > div > nav ul li a[data-selected], body > div > nav ul li a:hover {
  background: #82ae46;
  color: #fff;
  transition: linear 0.3s;
  border-radius: 4px;
}
body > div > nav ul li a[data-selected]:before, body > div > nav ul li a:hover:before {
  background: #fff;
}
body > div > main {
  padding: 0 30px 0 30px;
  height: calc(100vh - 133px);
  -ms-flex: 1;
      flex: 1;
  overflow-y: auto;
}
body > div > main [data-labelmode] ul {
  margin: 20px 0 0 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
body > div > main [data-labelmode] ul li {
  margin: 0 7.5px 0 7.5px;
  width: 100%;
}
body > div > main [data-labelmode] ul li:last-child {
  margin-right: 0;
}
body > div > main [data-labelmode] ul li dl {
  font-size: 13px;
}
body > div > main [data-labelmode] ul li dl dt {
  padding: 0 0 5px 0;
  border-bottom: solid 1px #000;
}
body > div > main [data-labelmode] ul li dl dd {
  padding: 5px 0 0 0;
}