<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* CSS Document */

/*----------------------------------------------------
	☆indent
----------------------------------------------------*/

.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.top0 {
  margin-top: 0 !important;
}
.top5 {
  margin-top: 5px !important;
}
.top10 {
  margin-top: 10px !important;
}
.top15 {
  margin-top: 15px !important;
}
.top20 {
  margin-top: 20px !important;
}
.top25 {
  margin-top: 25px !important;
}
.top30 {
  margin-top: 30px !important;
}
.top35 {
  margin-top: 35px !important;
}
.top40 {
  margin-top: 40px !important;
}
.btm0 {
  margin-bottom: 0 !important;
}
.btm5 {
  margin-bottom: 5px !important;
}
.btm10 {
  margin-bottom: 10px !important;
}
.btm15 {
  margin-bottom: 15px !important;
}
.btm20 {
  margin-bottom: 20px !important;
}
.btm25 {
  margin-bottom: 25px !important;
}
.btm30 {
  margin-bottom: 30px !important;
}
.btm35 {
  margin-bottom: 35px !important;
}
.btm40 {
  margin-bottom: 40px !important;
}
.btm45 {
  margin-bottom: 45px !important;
}
.btm50 {
  margin-bottom: 50px !important;
}
.btm55 {
  margin-bottom: 55px !important;
}
.btm60 {
  margin-bottom: 60px !important;
}
.btm65 {
  margin-bottom: 65px !important;
}
.btm70 {
  margin-bottom: 70px !important;
}
.btm75 {
  margin-bottom: 75px !important;
}
.btm80 {
  margin-bottom: 80px !important;
}
.btm85 {
  margin-bottom: 85px !important;
}
.btm90 {
  margin-bottom: 90px !important;
}
.btm95 {
  margin-bottom: 90px !important;
}
.pT0 {
  padding-top: 0 !important;
}
.pT5 {
  padding-top: 5px !important;
}
.pT10 {
  padding-top: 10px !important;
}
.pT15 {
  padding-top: 15px !important;
}
.pT20 {
  padding-top: 20px !important;
}
.pT25 {
  padding-top: 25px !important;
}
.pT30 {
  padding-top: 30px !important;
}
.pT35 {
  padding-top: 35px !important;
}
.pT40 {
  padding-top: 40px !important;
}
.pT45 {
  padding-top: 45px !important;
}
.pB0 {
  padding-bottom: 0 !important;
}
.pB5 {
  padding-bottom: 5px !important;
}
.pB10 {
  padding-bottom: 10px !important;
}
.pB15 {
  padding-bottom: 15px !important;
}
.pB20 {
  padding-bottom: 20px !important;
}
.lm5 {
  margin-left: 5px !important;
}
.lm10 {
  margin-left: 10px !important;
}
.lm15 {
  margin-left: 15px !important;
}
.lm20 {
  margin-left: 20px !important;
}
.lm50 {
  margin-left: 50px !important;
}
.lm60 {
  margin-left: 60px !important;
}
.lm70 {
  margin-left: 70px !important;
}
.rm5 {
  margin-right: 5px !important;
}
.rm10 {
  margin-right: 10px !important;
}
.rm15 {
  margin-right: 15px !important;
}
.rm20 {
  margin-right: 20px !important;
}

.vAT {
  vertical-align: top !important;
}
.vAM {
  vertical-align: middle !important;
}
.vAB {
  vertical-align: bottom !important;
}

.red {
  color: #ff2626;
}
.org {
  color: #eb5f00;
}

.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}

.icon {
  margin-right: 3px;
  vertical-align: middle;
  margin-top: -1px;
}

/*----------------------------------------------------
	☆Width
----------------------------------------------------*/

.w5 {
  width: 5% !important;
}
.w10 {
  width: 10% !important;
}
.w15 {
  width: 15% !important;
}
.w18 {
  width: 18% !important;
}
.w20 {
  width: 20% !important;
}
.w25 {
  width: 25% !important;
}
.w30 {
  width: 30% !important;
}
.w35 {
  width: 35% !important;
}
.w40 {
  width: 40% !important;
}
.w45 {
  width: 45% !important;
}
.w50 {
  width: 50% !important;
}
.w55 {
  width: 55% !important;
}
.w60 {
  width: 60% !important;
}
.w65 {
  width: 65% !important;
}
.w70 {
  width: 70% !important;
}
.w75 {
  width: 75% !important;
}
.w80 {
  width: 80% !important;
}
.w85 {
  width: 85% !important;
}
.w90 {
  width: 90% !important;
}
.w95 {
  width: 95% !important;
}

/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/

#contents section.section {
  clear: both;
  margin-bottom: 40px;
}

#contents section.last {
  margin-bottom: 0;
}

.aural span,
span.aural {
  display: none;
  visibility: hidden;
}

img.icon {
  margin-right: 5px;
  vertical-align: middle;
}

/*----------------------------------------------------
	☆Btn
----------------------------------------------------*/

.bscBtn01 a {
  background-color: #222c37;
  border: 1px solid #222c37;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  padding: 15px 30px;
  line-height: 140%;
}

/*----------------------------------------------------
	☆List
----------------------------------------------------*/

.indList,
.indListS {
  margin-bottom: 15px;
}

.indList li,
.indListS li {
  line-height: 170%;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 5px;
}

.indListS li {
  font-size: 85% !important;
  line-height: 130%;
}

.numList,
.numListS {
  margin-bottom: 15px;
  padding-left: 1.6em;
}

.numList li,
.numListS li {
  line-height: 150%;
  list-style: decimal outside none;
  margin-bottom: 5px;
}

.numListS li {
  font-size: 85% !important;
  line-height: 130%;
}

:first-child + html .numList {
  padding-left: 2em;
}
:first-child + html .numListS {
  padding-left: 2em;
}

#contents ul.iconList {
  margin-bottom: 15px;
}

#contents ul.iconList li {
  line-height: 140%;
  margin-bottom: 5px;
  text-indent: -26px;
  padding-left: 26px;
}

#contents ul.iconList li a {
  background: url(/lib/cmn_img/icon_newwin.gif) 4px 3px no-repeat;
  padding: 0 0 3px 25px;
}

#contents ul.iconList li.blankIcon a {
  background: url(/lib/cmn_img/icon_newwin.gif) 6px 4px no-repeat;
}
#contents ul.iconList li.pdfIcon a {
  background: url(/lib/cmn_img/icon_pdf.gif) 2px top no-repeat;
}
#contents ul.iconList li.exlIcon a {
  background: url(/lib/cmn_img/icon_excel.gif) 4px top no-repeat;
}
#contents ul.iconList li.wrdIcon a {
  background: url(/lib/cmn_img/icon_word.gif) 4px top no-repeat;
}

/*----------------------------------------------------
	☆head
----------------------------------------------------*/

.imgHead {
  font-size: 0;
  line-height: 0;
}

/*----------------------------------------------------
	☆Table
----------------------------------------------------*/

#contents div.bscTbl01 table,
#contents table.bscTbl01 {
  border-collapse: collapse;
  /*border-left:1px solid #d7d7d7;
	border-top:1px solid #d7d7d7;*/
  width: 100%;
}

#contents div.bscTbl01 table th,
#contents table.bscTbl01 th {
  background-color: #fff;
  /*border-right:1px solid #d7d7d7;*/
  border-bottom: 1px solid #d7d7d7;
  line-height: 1.4;
  padding: 20px 20px 17px;
  text-align: left;
}

#contents div.bscTbl01 table td,
#contents table.bscTbl01 td {
  background-color: #fff;
  /*border-right:1px solid #d7d7d7;*/
  border-bottom: 1px solid #d7d7d7;
  line-height: 1.4;
  padding: 5px 5px 2px 5px;
  text-align: center;
}

#contents div.bscTbl01 table th,
#contents table.bscTbl01 th {
  background-color: #fff;
}

#contents div.bscTbl01 table tr.head th,
#contents table.bscTbl01 tr.head th {
  background-color: #222c37;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  font-size: 15px;
  text-align: center;
}

/*#contents div.bscTbl01 table tr:hover td{
    background-color: #f0f0f0;
	text-decoration:underline;
}*/

/*----------------------------------------------------
	☆pager
----------------------------------------------------*/

#contents p.pager {
  padding-top: 20px;
  text-align: center;
}

#contents p.pager a {
  border: 1px solid #4a4f59;
  color: #4a4f59;
  display: inline-block;
  line-height: 1;
  margin: 0 2px;
  padding: 10px 12px;
  text-decoration: none;
}

#contents p.pager a:hover,
#contents p.pager a.current {
  background-color: #4a4f59;
  border: 1px solid #4a4f59;
  color: #fff;
}

/*-- form --*/

input {
}

input.textFocus {
  color: #333;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
  background-color: #fcfbf8;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 140%;
  padding: 8px 10px;
}

input {
  vertical-align: middle;
}

.wSS {
  width: 85px;
}
.wS {
  width: 170px;
}
.wM {
  width: 270px;
}
.wL {
  width: 470px;
}
.wLL {
  width: 340px;
}
.imeOn {
  ime-mode: active;
}
.imeOff {
  ime-mode: disabled;
}

textarea.txtarea {
  background-color: #fcfbf8;
  border: 1px solid #ccc;
  height: 200px;
  padding: 10px;
  width: 650px;
}

option {
  font-size: 14px !important;
}

label {
  cursor: pointer;
}

label:hover {
  color: #999;
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 3px;
}

.formErr {
  color: #e54e52;
  font-weight: bold;
}

input.inputErr,
textarea.inputErr {
  background-color: #fadfde;
}

/*----------------------------------------------------
	☆float
----------------------------------------------------*/

.fltImgL {
  float: left;
  margin: 0 25px 20px 0;
}

.fltImgR {
  float: right;
  margin: 0 0 20px 25px;
}

.fltL {
  float: left;
}

.fltR {
  float: right;
}

.w100 {
  width: 100px;
}
.w200 {
  width: 200px;
}
.w300 {
  width: 300px;
}
.w400 {
  width: 400px;
}
.w450 {
  width: 450px;
}
.w500 {
  width: 500px;
}
.w600 {
  width: 600px;
}

.classNews {
  background: #e9313a;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px 10px;
  margin-right: 5px;
}
.classEvent {
  background: #e25039;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px 10px;
  margin-right: 5px;
}
.classService {
  background: #718fa7;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px 10px;
  margin-right: 5px;
}
.classSoftware {
  background: #222c37;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px 10px;
  margin-right: 5px;
}
.classCloudService {
  background: #7e7c87;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px 10px;
  margin-right: 5px;
}
.classColumn {
  background: #5292a1;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px 10px;
  margin-right: 5px;
}
.classCaseStudy {
  background: #82b3bd;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px 10px;
  margin-right: 5px;
}

.classNews:hover,
.classEvent:hover,
.classService:hover,
.classSoftware:hover,
.classCloudService:hover,
.classColumn :hover,
.classCaseStudy:hover {
  text-decoration: none !important;
}

.head01XL {
  color: #222c37;
  font-size: 30px;
}

.head01L {
  color: #222c37;
  font-size: 27px;
}

.head01S {
  color: #222c37;
  font-size: 19px;
  line-height: 100%;
}

.head02 {
  background: #222c37;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  margin-bottom: 30px;
  padding: 10px 20px;
}

.head03 {
  background: #718fa7;
  box-sizing: border-box;
  color: #fff;
  font-size: 15px;
  margin-bottom: 30px;
  padding: 5px 20px;
}

.wineRed {
  color: #c2000a;
}
</pre></body></html>