@charset "utf-8";
/*********************************************************************
 *
 *  スタイル
 *
*********************************************************************/
/* bg */
/* --------------------------------------------------------------------------- */
.bgGray {
	background-color: #ededed;
}
.bgDarkGray {
	background-color: #343434;
}
.bgWhite {
	background-color: #FFF;
}
.bgRed {
	background-color: #e50012;
}
.bgBlue {
	background-color: #004097;
}
.bgYellow {
	background-color: #eacb43;
}
.bgFurukawa {
	background-color: #676767;
}
.bgTomoyuki {
	background-color: #cccccc;
}
/* font */
/* --------------------------------------------------------------------------- */
/* font-weight */
.b {
	font-weight: bold;
}
/* color */
.fcGray {
	color: #888888;
}
.fcWhite {
	color: #FFF;
}
.fcRed {
	color: #e50012;
}
.fcBlue {
	color: #004097;
}
.fcYellow {
	color: #eacb43;
}
.fcBrown {
	color: #683800;
}
/* font-size */
.fs10 {
	font-size: 84%; /* 10px */
}
.fs11 {
	font-size: 92% /* 11px */
}
.fs12 {
	font-size: 100% /* 12px */
}
.fs13 {
	font-size: 109% /* 13px */
}
.fs14 {
	font-size: 117% /* 14px */
}
.fs15 {
	font-size: 125% /* 15px */
}
.fs16 {
	font-size: 134% /* 16px */
}
.fs17 {
	font-size: 142% /* 17px */
}
.fs18 {
	font-size: 150% /* 18px */
}
.fs19 {
	font-size: 159% /* 19px */
}
.fs20 {
	font-size: 167% /* 20px */
}
.fs21 {
	font-size: 175% /* 21px */
}
.fs22 {
	font-size: 184% /* 22px */
}
.fs23 {
	font-size: 192% /* 23px */
}
.fs24 {
	font-size: 200% /* 24px */
}
.fs25 {
	font-size: 209% /* 25px */
}
.fs26 {
	font-size: 217% /* 26px */
}
/* line-height */
/* --------------------------------------------------------------------------- */
.lh10 {
	line-height: 1.0em;
}
.lh18 {
	line-height: 1.8em;
}
.lh24 {
	line-height: 2.4em;
}

@media (max-width: 1020px) {
.lh24 {
	line-height: 2.0em;
}
}
/* line-height */
/* --------------------------------------------------------------------------- */
.ls05 {
	letter-spacing: 0.05em;
}
/* margin */
/* --------------------------------------------------------------------------- */
/* margin-bottom */
.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
/* margin-top */
.mt0 {
	margin-top : 0px !important;
}
.mt5 {
	margin-top : 5px !important;
}
.mt10 {
	margin-top : 10px !important;
}
.mt20 {
	margin-top : 20px !important;
}
.mt30 {
	margin-top : 30px !important;
}
.mt40 {
	margin-top : 40px !important;
}
.mt50 {
	margin-top : 50px !important;
}
.mt60 {
	margin-top : 60px !important;
}
.mt70 {
	margin-top : 70px !important;
}
.mt80 {
	margin-top : 80px !important;
}
/* margin-right */
.mr0 {
	margin-right: 0px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
/* margin-left */
.ml0 {
	margin-left: 0px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml33 {
	margin-left: 33px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml75 {
	margin-left: 75px !important;
}
.ml80 {
	margin-left: 80px !important;
}
.ml100 {
	margin-left: 100px !important;
}
/* padding */
/* --------------------------------------------------------------------------- */
.pd0 {
	padding: 0px !important;
}
.pd5 {
	padding: 5px !important;
}
.pd10 {
	padding: 10px !important;
}
.pd20 {
	padding: 20px !important;
}
.pd30 {
	padding: 30px !important;
}
.ph20 {
	padding: 20px 0 !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt11 {
	padding-top: 11px !important;
}
.pt20 {
	padding-top: 20px !important;
}
/* float */
/* --------------------------------------------------------------------------- */
.floatL {
	float: left;
}
.floatR {
	float: right;
}
/* text-align */
/* --------------------------------------------------------------------------- */
.txtC {
	text-align: center;
}
.txtR {
	text-align: right;
}
.txtL {
	text-align: left;
}
/* list-style-type */
/* --------------------------------------------------------------------------- */
ul.listDisc {
	list-style-type: disc;
	margin: 0 0 0 20px;
}
ul.listDecimal {
	list-style-type: decimal;
	margin: 0 0 0 20px;
}
/* nowrap */
/* --------------------------------------------------------------------------- */
.nowrap {
	white-space: nowrap;
}
/* link Color */
/* --------------------------------------------------------------------------- */
a.white:link {
text-decoration : none; 
color : #ffffff; 
}
a.white:visited {
text-decoration : none; 
color : #ffffff; 
}
a.white:active {
text-decoration : none; 
color : #ffffff; 
}
a.white:hover {
text-decoration : underline; 
color : #ffff00; 
}
a.red:link {
text-decoration : none; 
color : #e50012; 
}
a.red:visited {
text-decoration : none; 
color : #e50012; 
}
a.red:active {
text-decoration : none; 
color : #e50012; 
}
a.red:hover {
text-decoration : underline; 
color : #e50012; 
}

/* --------------------------------------------------------------------------- */
/* 古川追記 はじまり　コンタクトセンター用　赤色*/
/* --------------------------------------------------------------------------- */
a.noline2019:link{
text-decoration: none;
color : #222222!important; 
}
a.noline2019:visited {
text-decoration : none; 
color : #e50012!important; 
color : #222222!important; 
}
a.noline2019:active {
text-decoration : none; 
color : #e50012!important;
}
a.noline2019:hover {
text-decoration : underline; 
color : #e50012!important; 
}
/* --------------------------------------------------------------------------- */
/* 古川追記 おわり*/
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* 古川追記 2019年4月19日 はじまり 　マーケティング用　青色*/
/* --------------------------------------------------------------------------- */
a.noline2019mk:link{
text-decoration: none;
color : #222222; 
}
a.noline2019mk:visited {
text-decoration : none; 
color : #222222; 
}
a.noline2019mk:active {
text-decoration : none; 
color : #3333ff; 
}
a.noline2019mk:hover {
text-decoration : underline; 
color : #3333dd; 
}
/* --------------------------------------------------------------------------- */
/* 古川追記 おわり*/
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* ニュース投稿  求人情報 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　*/  
/* 2019.07.16 古川追記 
/* --------------------------------------------------------------------------- */
div#two-column-news {
   margin: auto;
   text-align: left;
   width: 100%;
}
div#left-column-news {
   display: inline-block;
   padding: 0px;
   width: 260px;

}
div#right-column-news {
   display: inline-block;
   padding: 0px;
   width: 260px;
   vertical-align: top;
}
/* --------------------------------------------------------------------------- */
/* 2019.07.16 古川追記 終了
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* ニュース投稿  プライバシーマーク更新 　　　　　　　　　　　　　　　　　　　　 　*/  
/* 2021.05.12 古川追記 
/* --------------------------------------------------------------------------- */
div#two-column-news-privacy {
   margin: auto;
   text-align: left;
   width: 100%;
}
div#left-column-news-privacy {
   display: inline-block;
   padding: 0px;
   width: 100px;

}
div#right-column-news-privacy {
   display: inline-block;
   padding: 0px;
   width: 400px;
   vertical-align: top;
}
/* --------------------------------------------------------------------------- */
/* 2021.05.21 古川追記 終了
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* 古川追記 2019年10月31日 はじまり   ITコミュニケーションページのリンク  黄色    */
/* --------------------------------------------------------------------------- */
a.noline2019ic:link{
text-decoration: none;
color : #222222; 
}
a.noline2019ic:visited {
text-decoration : none; 
color : #222222; 
}
a.noline2019ic:active {
text-decoration : none; 
color : #ffff33; 
}
a.noline2019ic:hover {
text-decoration : underline; 
color : #ffaa55; 
}
/* --------------------------------------------------------------------------- */
/* 古川追記 おわり*/
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* 古川追記 2020年1月17日 はじまり   企業ページのリンク  グレー    */
/* --------------------------------------------------------------------------- */
a.noline2019company:link{
text-decoration: none;
color : #222222; 
}
a.noline2019company:visited {
text-decoration : none; 
color : #222222; 
}
a.noline2019company:active {
text-decoration : none; 
color : #888888; 
}
a.noline2019company:hover {
text-decoration : underline; 
color : #aaaaaa; 
}
/* --------------------------------------------------------------------------- */
/* 古川追記 おわり*/
/* --------------------------------------------------------------------------- */


/* img */
/* --------------------------------------------------------------------------- */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}


/* news */
/* --------------------------------------------------------------------------- */

div.p_box {
  margin:20px 10px;
}

div.p_box p {
  text-indent: 1em;
  line-height:2em; 
}



/* --------------------------------------------------------------------------- */
/* トップのコラムリンク集　*/  
/* 2020.01.27 古川追記 
/* --------------------------------------------------------------------------- */
p.content-column {      
      line-height: 1.7; 
      font-size: 120%
      color:111111;
}

div#two-pic-column {
   margin: auto;
 /*  text-align: left;  */
   width: 100%;
}
div#left-pic-column {
   display: inline-block;
   padding: 0px;
}
div#right-pic-column {
   display: inline-block;
   padding: 0px;
}
/* --------------------------------------------------------------------------- */
/* コラムページ パソコン横４列、スマホ横２列に。上記のinline-block と組み合わせて使用 　 　*/  
/* 2020.01.27 古川追記 
/* --------------------------------------------------------------------------- */
div.top-column {
 width: 100%;
 column-count: 2;
 }
/* --------------------------------------------------------------------------- */
/* 2020.01.27 古川追記 終了
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* 古川追記 はじまり　コンタクトセンター用　赤色*/
/* --------------------------------------------------------------------------- */
a.noline2021:link{
      text-decoration: none;
      line-height: 1.7;       
      font-size: 120%;        
      color : #555555!important; 
}
a.noline2021:visited {
      text-decoration : none; 
      line-height: 1.7;       
      font-size: 120%;        
      color : #555555!important; 
}
a.noline2021:active {
      text-decoration : none; 
      line-height: 1.7;       
      font-size: 120%;        
      color : #e50012!important;
}
a.noline2021:hover {
      text-decoration : underline; 
      line-height: 1.7;       
      font-size: 120%;        
      color : #e50012!important; 
}
/* --------------------------------------------------------------------------- */
/* 古川追記 おわり*/
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* 古川追記 はじまり　マーケティング用　青色*/
/* --------------------------------------------------------------------------- */
a.noline2021mk:link{
      text-decoration: none;
      line-height: 1.7;       
      font-size: 120%;        
      color : #555555!important; 
}
a.noline2021mk:visited {
      text-decoration : none; 
      line-height: 1.7;       
      font-size: 120%;        
      color : #555555!important; 
}
a.noline2021mk:active {
      text-decoration : none; 
      line-height: 1.7;       
      font-size: 120%;        
      color : #0000aa!important;
}
a.noline2021mk:hover {
      text-decoration : underline; 
      line-height: 1.7;       
      font-size: 120%;        
      color : #0000aa!important; 
}
/* --------------------------------------------------------------------------- */
/* 古川追記 おわり*/
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* 2019.04.23 古川追記 終了
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* コラムページ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　*/  
/* 2019.06.21 古川追記 
/* --------------------------------------------------------------------------- */
div#two-pic {
   margin: auto;
 /*  text-align: left;  */
   width: 100%;
}
div#left-pic {
   display: inline-block;
   padding: 0px;
}
div#right-pic {
   display: inline-block;
   padding: 0px;
}
/* --------------------------------------------------------------------------- */
/* 2019.06.21 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* コラムページ パソコン横４列、スマホ横２列に。上記のinline-block と組み合わせて使用 　 　*/  
/* 2019.06.24 古川追記 
/* --------------------------------------------------------------------------- */
div.cc-column2 {
 width: 100%;
 column-count: 2;
 }
/* --------------------------------------------------------------------------- */
/* 2019.06.24 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* コールセンター事業社の選び方　*/  
/* 2019.04.23 古川追記 
/* --------------------------------------------------------------------------- */
/* css-style.css へ　  */
p.content-choice {            
      line-height: 1.7;       
      font-size: 120%;        
       color:#111111;         
}  
/* --------------------------------------------------------------------------- */
/* 公的認証      　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　*/  
/* 2022.02.24 古川追記     ニュース用                                                    */ 
/* --------------------------------------------------------------------------- */
div#two-column-certification {
   margin: auto;
   text-align: left;
   width: 100%;
   color:#111111;   
   font-size:13px;   
}
div#left-column-certification {
   display: inline-block;
   padding: 0px;
   width: 200px;

}
div#right-column-certification {
   display: inline-block;
   padding: 0px;
   width: 300px;
   vertical-align: top;
}