@charset "utf-8";


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

.flx-ai--center{align-items:center;}
.bd-radius--10{border-radius:10px;}
.bd-radius--20{border-radius:20px;}
.bd-radius--30{border-radius:30px;}
.p-relative{position:relative;}
.box-height--50{
height:50px;
line-height:50px;
}
.height--80{height:80px;}
.height--130{height:130px;}
.bd-lightpink{border:3px dashed #FAC090;}
.col-lightpink{color:#FAC090;}  /*#FCD5B5*/


.bg-img-box{
position:relative;
height:125px;
}
.bg-img-box img{
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
z-index:0;
}

.bg-img-box p{
position:absolute;
top:50%;
left: 40%;
transform: translate(-30%, -50%);
z-index:99;
}

.p-absolute-img{
position:absolute;
top:-10px;
left:590px;
}
.p-absolute-img .box{
display:flex;
align-items:flex-end;
justify-content:center;
}

/*「テレワーク導入による効果」項目にある矢印の上の文字をスマホ表示時にあわせてサイズ調整、「ご利用いただくメリット」にも使用 */
@media screen and (max-width: 414px) and (min-width: 1px) {
.sp-fontsmall {
font-size: 120% !important;
}
}

@media screen and (max-width: 375px) and (min-width: 1px) {
.sp-fontsmall {
font-size: 110% !important;
}
}