@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/
.bd-radius__20{
border-radius:20px;
}
.arrow_box{
    position:relative;
    width:680px;
    height:130px;
    background:#FFF;
    padding:30px;
    text-align:left;
    color:#000;
    font-size:16px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:20px;
    border-bottom-width:0;
    border-left-width:30px;
    border-right-width:30px;
    margin-top: -10px;
    border-right-color:#FFF;
    right:100%;
    top:20%;
}
.arrow-bottom{
position:relative;
height:50px;
}
.arrow-bottom:after {
border-top: 30px solid #000;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
content: "";
position: absolute;
left: 50%;
top: 10px;
transform:translateX(-50%);
}
.navy{
color:rgb(0,32,96);
}
.solution-list li{
color:rgb(0,32,96);
font-size:16px;
font-weight:bold;
position:relative;
padding-left:110px;
line-height:60px;
margin-bottom: 2em;
z-index:3;
}
.solution-list li span{
background:#e9ecfb;
padding-right:20px;
}
.solution-list li::before{
position:absolute;
top:0;
left:40px;
width:60px;
height:60px;
content:"";
}
.solution-list li::after{
content:"";
border-top:3px solid #FFF;
width: 80%;
position: absolute;
top: 28px;
right: 0;
z-index: -1;
}
.solution-list li.list-1::before{
content:"";
background:url(../img/icon02.png);
background-size:cover;
background-color:#e9ecfb;
}
.solution-list li.list-2::before{
content:"";
background:url(../img/icon03.png);
background-size:cover;
background-color:#e9ecfb;
}
.solution-list li.list-3::before{
content:"";
background:url(../img/icon04.png);
background-size:cover;
background-color:#e9ecfb;
}
.solution-list li li{
font-size:14px;
font-weight:normal;
color:#000;
line-height:1.5em;
padding-left:3em;
}

.solution-list li li::before{
content:"";
width:0;
}
.solution-list li li::after{
content:"";
border-top:none;
}
.solution-list li li strong{
font-size:16px;
font-weight:bold;
margin-right: 5px;
}
.solution-list li ul.link-list-dot{
margin-top:-0.5em;
margin-left:-2em;
}
hr.solution-list{
display:none;
}
#faq .question{
font-size:16px;
font-weight:bold;
position:relative;
padding-left:50px;
padding-right:10px;
line-height:40px;
margin-bottom:0;
}
#faq .question::before{
position:absolute;
top:0;
left:0;
width:40px;
height:40px;
content:"Q";
color:#FFF;
background:rgb(229,88,68);
border-radius:10px;
display: flex;
justify-content: center;
align-items: center;
}
#faq .answer{
position:relative;
margin-left:50px;
margin-bottom:30px;
padding-left:20px;
line-height:18px;
border-radius: 10px;
padding: 20px 20px 20px 50px;
background:#F3F3F3;
}
#faq .answer::before{
position:absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
content:"A";
font-size:18px;
font-weight:bold;
color:rgb(0,32,96);
margin-bottom:2em;
background: #FFF;
border-radius: 10px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
#main_contents2 section{
margin-bottom:5em;
}
.bg-e0e4f9{
background:#e0e4f9;
}
.bg-e9ecfb{
background:#e9ecfb;
}
.pB24{
padding-bottom:24px!important;
}
hr{
margin:2em 0;
}
/* レスポンシブ対応 */
@media screen and (max-width:768px) and (min-width:1px) {
.sp-p20{
padding:20px!important;
}
.sp-p30{
padding:30px!important;
}
#faq .question{
line-height:initial;
left:10px;
margin-bottom:5px;
padding-left: 40px;
}
#faq .question::before{
width:30px;
height:30px;
}
.arrow_box{
width:100%;
height:auto;
padding:30px;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 15, 0, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#fff;
    top:-10px;
    left:50%;
}
#faq .answer {
margin-left:0;
}
#faq .answer::before{
top:30px;
}
.solution-list li{
line-height:initial;
padding-left:90px;
padding-right:20px;
}
.solution-list li::before{
left:20px;
}
.solution-list li span{
display: block;
padding-top: 10px;
background:none;
padding-right:0;
}
.solution-list li::after{
content:"";
width:100%;
    position: absolute;
    top: -1em;
    left: 0;
}
.solution-list li:first-of-type::after{
display:none;
}
.solution-list li ul.link-list-dot {
    margin-top: 0.5em;
    margin-left:-1em;
}
.solution-list li li{
padding-left:1.5em;
padding-right:0;
}
#case p{
margin-bottom:0;
}
#main_contents2 section{
margin-bottom:3em;
}
.sp-pT40{
padding-top:40px!important;
}
.sp-pB24{
paddinb-bottom:24px!important;
}
.sp-font16{
font-size:16.24px;
}
}