@charset "utf-8";


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

.solution-bg{
color:#FFF;
font-size:18px;
text-align:center;
height:40px;
line-height:40px;
}
.solution-arrow{
color:#FFF;
font-size:18px;
text-align:center;
height:40px;
line-height:40px;
position: relative;
}
.solution-arrow:after {
border-left: 20px solid #00A6CB;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
content: "";
position: absolute;
right: -20px;
top: 0;
}
.bg-01{
background:#131D6D;
}
.bg-02{
background:#5362E0;
}
.bg-03{
background:#00A6CB;
}
.bg-04{
background:#DB368D;
}
.bg-05{
background:#1B1F8A;
}
.bg-06{
background:#2EBEC5;
}
.bg-04 em,
.bg-05 em,
.bg-06 em{
border-bottom:1px solid #FFF;
color:#FFF;
}
.bd-01{
border-color:#131D6D!important;
}
.bd-02{
border-color:#5362E0!important;
}
.bd-03{
border-color:#00A6CB!important;
}
.bd-04{
border-color:#DB368D!important;
}
.bd-radius-20{
border-radius:20px;
}
.box-Line2 {
border: 2px solid #F3F3F3;
}
.flow-01{
position:relative;
height:290px;
}
.flow-01 .text-01{
position:absolute;
top:40px;
left:0;
width:260px;
height:250px;
}
.flow-01 .text-02{
position:absolute;
top:40px;
left:240px;
width:240px;
height:250px;
z-index:2;
}
.flow-01 .text-03{
position:absolute;
top:40px;
left:460px;
width:220px;
height:250px;
z-index:3;
}
.flow-01 .text-04{
position:absolute;
top:40px;
left:680px;
width:300px;
height:250px;
z-index:4;
padding:10px;
}
.font-16px{
font-size:16px;
}
.font-18px{
font-size:18px;
}
.bd-bottom{
border-bottom:1px solid #ccc;
}
ul.list-diamond {
    margin-top: 0.5em;
    margin-left: 0.5em;
    margin-bottom: 1em;
}
ul.list-diamond>li {
    display: block;
    margin-left: 1em;
    margin-bottom: 0.5em;
    text-indent: 0;
    float:left;
}
ul.list-diamond>li:nth-child(2n+1){
width:77%;
}
ul.list-diamond>li:nth-child(2n+1):before {
font-weight: 900;
color: #007D98;
content: "◆" !important;
margin-left: -1.4em;
margin-right: 0.4em;
font-size: 80%;
}
ul.list-diamond>li:nth-child(2n) {
width: 17%;
margin-left:0;
}
ul.list-diamond>li:nth-child(2n):before{
content:""!important;
}
.height-290{
height:290px;
}
.navy{
color:#002060;
}
.bd-navy{
border-color:#002060;
}
.height-270{
height:270px;
}
.flx-ai--center{
align-items:center;
}
.analysis-font{
color:#1E6092;
}
.bd-analysis{
border-color:#007D98!important;
}


@media screen and (max-width:767px) and (min-width:1px) {
.flow-01{
height:845px;
display:flex;
justify-content:flex-start;
align-items:flex-start;
}
.flow-01 .flex-container{
flex-direction:column;
writing-mode: vertical-rl;
}
.sp-w40{
width:40px;
}
.flow-01 .text-01{
width:90%;
top:0;
left:40px;
}
.flow-01 .text-02{
width:90%;
top:220px;
left:40px;
}
.flow-01 .text-03{
width:90%;
top:395px;
left:40px;
height:200px;
}
.flow-01 .text-04{
width:90%;
top:595px;
left:40px;
}
.flow-01 .bg-01{
height:220px;
}
.flow-01 .bg-02{
height:175px;
}
.flow-01 .bg-03{
height:180px;
}
.solution-arrow:after {
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #00A6CB;
content: "";
position: absolute;
top:180px;
right: 0;
}
.ls-008{
letter-spacing:initial;
}
.height-270{
height:initial;
}
.sp-rotate-90{
transform: rotate(90deg);
}
.sp-mV1em{
margin-top:1em !important;
margin-bottom:1em !important;
}
}