@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/


#devcond .h-ttl-devcond {
  position: relative;
  color: #FFFFFF;
  font-size: 20px;
  padding: 0.6em 0 0.6em 2em;
  line-height: 1em;
  margin-bottom: 0.5em;
  background-color:#2E2F6A;
  font-weight: bold;
  z-index:-2;
  background-image:url(../img/ttl-icon.png);
  background-repeat:no-repeat;
  background-position:0% center;
  background-size:contain;  //縦横比は保持したまま、画像が全部表示される状態（元画像が大きすぎる場合は自動で縮小され、小さすぎる場合は自動で拡大）
}

#devcond .h-ttl-devcond:after {
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 80px transparent;/*40px*/
  border-bottom: solid 79px white;
  z-index: -1;
}


/* レスポンシブ対応 */
@media screen and (max-width:768px) and (min-width:1px) {

}

/*iPhone5対応*/
@media screen and (max-width:320px) and (min-width:1px) {
#devcond .h-ttl-devcond {
  font-size: 18px;
}
}