@charset "utf-8";


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

table.table1 .list{
margin-left: 15px !important;
}

.catch{
width:480px;
text-align:center;
font-size:20px;
margin-top:2em;
}
.catch p{
transform:rotate(-5deg);
text-align:center;
}
.catch p .under{
border-bottom:2px solid #b00;
}
.catch p .under span{
font-size:28px;
}
.arrow {
    position:relative;
    height:30px;
    width:30px;
    background-color:#cdcdcd;
    transform: translateY(600%) translateX(0%);
  -webkit- transform: translateY(600%) translateX(0%);
}
 
.arrow::before {
    position:absolute;
    content:"";
    border:solid 30px transparent;
    border-left:solid 30px #cdcdcd;
    top:-15px;
    left:20px;
}
.flx-align-center{
align-items:center;
}
.case-table{
width:100%;
    border-collapse: separate;
    border-spacing: 10px;
}
.case-table th{
background:#ccc;
padding:3px 10px;
}
@media screen and (max-width:767px) and (min-width:1px) {
.catch{
width:100%;
}
.arrow{
transform:rotate(90deg);
margin:0 auto 2em auto;
}
}