@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/
#advanced .unit h2 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0 15px 0;
    margin-bottom: 30px;
    line-height: 1.6;
    position:relative;
}
#advanced .unit h2::before {
    position: absolute;
    border-bottom: 4px solid #b00;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    content: '';
}
#advanced .bd-radius-8{
border-radius:8px;
}
#advanced .bd-radius-5{
border-radius:8px;
}
#advanced ul.link-list-dot.link-list-dot-navy>li:before {
    color: #131f8d;
}
#advanced ul.link-list-dot.link-list-dot-red>li:before {
    color: #b00;
}
#advanced .arrow{
position:relative;
display: block;
width: 30px;
height: 30px;
}
#advanced .arrow-bottom{
border:3px solid;
border-color:transparent #b00 #b00 transparent;
width:30px;
height:30px;
transform:rotate(45deg);
position:absolute;
top:-15px;
left:0;
}
#advanced .point {
    padding: 20px;
    background: #f5d3cf;
}
#advanced .point .team {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #be1400;
    margin-bottom: 5px;
    font-size: 20px;
}
#advanced .flx-ai--center{
align-items:center;
}
#advanced .flx-jc--center{
justify-content:center;
}
#advanced .service{
border-top: 2px solid #bf0c00;
    border-bottom: 2px solid #bf0c00;
    padding: 10px 15px;
}
#advanced .service h3 {
    font-weight: bold;
    font-size: 20px;
    vertical-align: middle;
    padding-left:20px;
}
#advanced .service h3 span {
    font-size: 14px;
    padding-left: 15px;
}
@media screen and (max-width:767px) and (min-width:1px) {
#advanced .service h3{
font-size:18px;
width:calc(100% - 70px);
}
#advanced .service h3 span {
    font-size: 12px;
    display:block;
    padding-left:0;
}
}