@charset "utf-8";


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

#salesforce .h-ttl11orangge {
    font-size: 20px;
    font-weight: bold;
    color: #ed7d31;
}
#salesforce .h-ttl11orangge:after {
    font-size: 18px;
}

#salesforce .bg-blue {
    background-color: #ebf7ff !important;
}

#salesforce .bg-blue .h-ttl13{
  position: relative;
  padding: 0.25em 0.5em;
  border-left: solid 2em #5c9ee7;
  border-bottom:solid 1px #5c9ee7;
}

.#salesforce bg-blue .h-ttl13:before {
  content: "　";
  position: absolute;
  padding: 0em;
}

#salesforce .bg-blue .h-ttl13 h3{
margin-left:-1.65em;
}

#salesforce .bg-blue .h-ttl13 h3 .num{
margin-right:1em;
}


/*
	2022/11/16
----------------------------------------*/
#salesforce #submenu-top{
margin-bottom:0;
}
#salesforce .box01{
position:relative;
background:#EDF2F7;
padding:20px;
margin:40px 0 20px 20px;
padding-bottom:6px;
border-radius:10px;
}
#salesforce .box01 .box-title{
position:absolute;
top:-20px;
left:-20px;
background:#1A2792;
color:#FFF;
font-size:16px;
font-weight:bold;
padding:10px 30px 7px 50px;
border-radius:10px;
}
#salesforce .box01 .box-title:before{
content:"";
background:url(../img/icon_01.png) no-repeat;
position:absolute;
top:5px;
left:10px;
width:30px;
height:33px;
z-index:1;
}
#salesforce .box01 .box-title2{
position:absolute;
top:-20px;
left:-20px;
background:#1A2792;
color:#FFF;
font-size:16px;
font-weight:bold;
padding:10px 30px 7px 30px;
border-radius:10px;
}
#salesforce .box01 .box-title a,
#salesforce .box01 .box-title a:hover{
color:#FFF!important;
}
#salesforce .box01 .box-title a.blank:after{
color:#FFF!important;
content:"\f35d";
margin-left:2px;
}
#salesforce a.bb-blue {
    background-color: #00B0F0 !important;
    border: 1px solid #00B0F0 !important;
}
#salesforce a.bb-blue:hover {
    color: #00B0F0 !important;
    background-color: #FFFFFF !important;
}
#salesforce a.flex-btn-link.bb-blue.rows2{
padding-top:.8em!important;
padding-bottom:.8em!important;
line-height:1;
}
#salesforce a.flex-btn-link.rows2:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900!important;
    position: absolute;
    top: 60%;
    right: 10px;
    margin-top: -12px;
}
.mL8em {
    margin-left:8em !important;
}
.mL65em {
    margin-left: 6.5em !important;
}

@media screen and (max-width:767px) and (min-width:1px) {
.sp-mT5em{
margin-top:5em!important;
}
.sp-mT3em{
margin-top:3em!important;
}
#salesforce .box01{
margin:40px 0 20px 0;
}
#salesforce .box01 .box-title,
#salesforce .box01 .box-title2{
width:100%;
left:0;
}
.sp-mL0 {
    margin-left: 0!important;
}
.sp-mL1em{
    margin-left: 1em!important;
}
.sp-mT32em {
    margin-top: 3.2em!important;
}
.sp-mT35em {
    margin-top: 3.5em!important;
}
.sp-mT4em {
    margin-top: 4em!important;
}
}
@media screen and (min-width:414px) {
.sp-mT4em {
    margin-top: 35px!important;
}
}