@charset "utf-8";


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

/*
-------------------------------------------*/
#sustainaship .dt-bg-blue01{
  background:#0069A2;
  color:#FFF;
}
#sustainaship .dt-col-gray{
  color:#404040;
}
#sustainaship .dt-height-315{height:315px;}
#sustainaship .dt-height-315-child{height:calc(315px - 6px);}
#sustainaship .dt-inline{display:inline!important;}

#sustainaship .dt-box01{
  position:relative;
  display:block;
  margin-bottom:20px;
  height:105px;
}
#sustainaship .dt-box-title{
  position:absolute;
  top:0;
  left:0;
  z-index:99;
  width:100px;
  text-align:center;
  border-top-left-radius:10px;
  border-bottom-right-radius:10px;
}
#sustainaship .dt-box-shadow {
  position:absolute;
  top:0;
  left:0;
  color: #333333;
  background-color: #f5f9fb;
  width: 95%;
  height: 100px;
  font-size:20px;
  font-weight:bold;
  line-height:50px;
  border-radius: 10px;
  box-shadow: 5px 5px 0px 3px rgba(163, 199, 219, 1);
  padding:30px 30px 15px 30px;
}
#sustainaship .dt-mk-yellow {
  background: linear-gradient(transparent 60%, #FFFACD 60%);
}
#sustainaship .dt-mk-yellow2 {
  background: linear-gradient(transparent 70%, #FFF291 90%);
  display: inline;
}
#sustainaship .dt-grad-border-block {
  background: linear-gradient(120deg, rgba(51,170,153,1) 0%, rgba(0,105,162,1) 100%);
  border-radius: 16px;
  padding: 3px;
  box-shadow: 5px 5px 0px 3px rgba(163, 199, 219, 1);
  box-sizing:border-box;
  width:calc(100% - 10px);
}
#sustainaship .dt-grad-border-content {
  background: #FFFEF2;
  border-radius: 16px;
  padding: 16px;
}
#sustainaship .dt-p-relative{position:relative;}
#sustainaship .dt-grad-title{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  background: linear-gradient(120deg, rgba(51,170,153,1) 0%, rgba(0,105,162,1) 100%);
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  color:#FFF;
  font-weight:bold;
  text-align:center;
  z-index:99;
  width:100px;
  height:30px;
  padding:5px;
}
#sustainaship .dt-grad-text{
  display: block;
  font-size: 28px;
  font-family: sans-serif;
  font-weight: bold;
  margin:0 auto 5%;
  background: linear-gradient(270deg, rgba(51,170,153,1) 0%, rgba(0,105,162,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#sustainaship ul.link-list-dot.link-list-dot-emerald>li:before {
  color: #33AA99!important;
}

@media screen and (max-width:767px) and (min-width:1px) {
#sustainaship .dt-box-shadow {
  width:100%;
  line-height:initial;
}
#sustainaship .dt-height-315{height:auto;}
#sustainaship .dt-height-315-child{height:auto;}
}