@charset "utf-8";


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


.product-summary{
    border-top: 4px solid #0A2986;
    border-bottom: 4px solid #D2D7E4;
    padding:10px 0;
    margin-bottom:20px;
}
.h-ttl04 {
    background-color: #f1f1f1;
    padding: 1em 0.8em;
    font-size: 24px;
    font-weight: 500;
    border-top: 4px solid #ffd600;
}
ol.feature-num{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
}
ol.feature-num li:nth-child(odd){
background:#075cad;
width:40px;
height:40px;
border-radius:20px;
color:#FFF;
text-align:center;
font-size:16px;
line-height:40px;
margin-top:1px;
margin-bottom:10px;
margin-right:10px;
}
ol.feature-num li:nth-child(even){
width:calc(100% - 52px)!important;
background:#FFF;
color:#000;
border-radius:0;
text-align:left;
margin-bottom:10px;
}
div.apriso-table{
    border-bottom: 4px solid #7D7E74;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: wrap;
}
div.apriso-table .at-th {
    border-left: 4px solid #7D7E74;
    border-top: 4px solid #7D7E74;
    background-color: #7D7E74;
    color:#FFF;
    padding: 1em 0.8em;
    width: 25%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
div.apriso-table .at-td {
    border-left: 4px solid #7D7E74;
    border-top: 4px solid #7D7E74;
    border-right: 4px solid #7D7E74;
    padding: 1em 0.8em;
    width: 75%;
}
div.apriso-table-blue{
    border-bottom: 4px solid #075CAD;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    flex-wrap: wrap;
    height:104px;
}
div.apriso-table-blue .at-th {
    border-left: 4px solid #075CAD;
    border-top: 4px solid #075CAD;
    background-color: #075CAD;
    color:#FFF;
    padding: 1em 0.8em;
    width: 100px;
    display:flex;
    align-items:center;
    height:100px;
}
div.apriso-table-blue .at-td {
    border-left: 4px solid #075CAD;
    border-top: 4px solid #075CAD;
    border-right: 4px solid #075CAD;
    padding: 1em 0.8em;
    width: calc(100% - 100px);
    background:#FFF;
    display:flex;
    align-items:center;
    height:100px;
}
div.apriso-table-blue .at-td ul{
margin-bottom:0;
}
ul.link-list-dot{
margin-bottom:0;
}
ul.link-list-dot.link-list-dot-yellow>li:before {
    color: #ffd600;
}
ul.link-list-dot.link-list-dot-yellow li:last-of-type{
margin-bottom:0;
}
.apriso-h3{
font-size:16px;
font-weight:bold;
color:#075CAD;
border-bottom: 4px solid #075CAD;
padding-bottom: 0.2em;
padding-left:.5em;
}
.box-title{
position: relative;
padding: 10px 42px 10px 20px;
background: #7D7E74;
font-size: 16px;
font-weight:bold;
color: #FFF;
margin-right: -33px;
line-height: 1.3;
z-index:3;
display:inline-block;
}
.box-title:before {
position: absolute;
content: '';
right: -2px;
top: -2px;
border: none;
border-right: solid 40px #f0f0f0;
border-top: solid 79px transparent;
z-index:-1;
}
.box-title+div{
position:relative;
z-index:9;
}
.apriso-blue{
color:#075CAD;
}

@media screen and (max-width:767px) and (min-width:1px) {
ol.feature-num li:nth-child(even){
line-height:1.5;
}
div.apriso-table .at-th {
width:100%;
border-right: 1px solid #BFBFBF;
}
div.apriso-table .at-td {
width:100%;
}
div.apriso-table-blue,
div.apriso-table-blue .at-th,
div.apriso-table-blue .at-td{
min-height:100px;
height:auto;
}
.scroll{width: calc(100vw - 60px)!important;}
}
}