@charset "utf-8";


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

.space-around{
justify-content:space-around;
}
.align-end{
align-items:flex-end;
}
.flx-ai--center{align-items:center;}
.height105{
height:105px;
vertical-align: middle;
display: table-cell;
}
.height115{
height:115px;
vertical-align: middle;
display: table-cell;
}
.height130{
height:130px;
}
.dtl-bg-gray{
background:#e2e6e9;
}
.dtl-bg-darkgray{
background:#768996;
}
.dtl-arrow {
width: 0;
border: solid 50px transparent;
border-top-color: #e2e6e9;
border-left: 490px solid transparent;
border-right: 490px solid transparent;
border-bottom: 0;
display: inline-block;
}
.dtl-orange-arrow {
width: 0;
border: solid 30px transparent;
border-top-color: #f47422;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 0;
display: inline-block;
transform: rotate(-90deg);
margin-left:30px;
}
.dtl-col-orange{
color:#f47422;
}
.dtl-font40{
font-size:40px;
}
.dtl-font36{
font-size:36px;
}
.dtl-font26{
font-size:26px;
}
.dtl-bd-radius-10{
border-radius:10px;
}
.dtl-hr-gray{
border-bottom:1px solid #768996;
}
.dtl-h230{
height:230px;
}
@media screen and (max-width:767px) and (min-width:1px) {
.height105,
.height115,
.height130,
.dtl-h230{
height:auto;
}
.dtl-sp-font28{
font-size:28px;
}
.dtl-sp-font26{
font-size:26px;
}
.dtl-sp-font20{
font-size:20px;
}
.dtl-sp-font18{
font-size:18px;
}

.dtl-arrow {
border: solid 20px transparent;
border-top-color: #e2e6e9;
border-left: 150px solid transparent;
border-right: 150px solid transparent;
}
.dtl-orange-arrow{
transform:initial;
margin-top: 20px;
margin-left: calc(50% - 25px);
}
}