@charset "utf-8";


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

#elsyca ul#top-list.list-2column li:nth-child(2n+1){width:30%;}
#elsyca ul#top-list.list-2column li:nth-child(2n){width:65%;}

#elsyca ul#feature-list.list-2column li:nth-child(2n+1){width:20%;}
#elsyca ul#feature-list.list-2column li:nth-child(2n){width:77%;}
#elsyca .bd-radius-10{
border-radius:10px;
}
#elsyca .bd-radius-20{
border-radius:20px;
}
#elsyca .height115{
height:115px;
}
#elsyca .flex-around{
justify-content:space-around;
}
#elsyca .flex-ai--center{
align-items:center;
}
#elsyca .link-box{
display:block;
position:relative;
}
#elsyca .link-box::after{
content:"";
background:url(../img/202301_arrow-mark02.png) no-repeat;
background-size:24px;
width:24px;
height:40px;
position:absolute;
top:50%;
right:20px;
transform:translateY(-50%);
}
#elsyca .link-box span{
display:block;
width:calc(100% - 40px)!important;
}

#elsyca .link-box-down{
display:block;
position:relative;
padding-left:70px;
}
#elsyca .link-box-down::before{
content:"";
background:url(../img/202301_arrow-mark02.png) no-repeat;
background-size:18px;
width:18px;
height:30px;
position:absolute;
top:50%;
left:20px;
transform:translateY(-50%);
}
#elsyca .link-box-down span{
display:block;
width:calc(100% - 40px)!important;
}

#elsyca .link-arrow{
position:relative;
}
#elsyca .link-arrow::before{
content:"";
background:url(../img/202301_arrow-mark02.png) no-repeat;
background-size:18px;
width:18px;
height:30px;
position:absolute;
top:50%;
left:10px;
transform:translateY(-50%);
}
#elsyca .box-Line1 a{
display:block;
}
#elsyca .box-Line1 a:hover{
color:#000!important;
text-decoration:none!important;
opacity:.7;
}
#elsyca a.card{
    display: block;
    width: 310px;
    border: 1px solid #F3F3F3;
    background: #f0f0f0;
    padding: 0;
    text-decoration: none;
}
#elsyca .card span.card-inner{
    background: #f0f0f0;
    padding: 10px;
}
.bg-lightblue02{
background:#97E4FF;
}
.bg-lightblue02 .h-ttl05{
text-indent: initial;
padding-left: initial;
}
.height214{
height:214px;
}
video{
width:100%;
}
.ls-005{
letter-spacing:-0.05em;
}
.tbl-cell-col-01{
background:#5b9bd5!important;
color:#FFF;
}
.tbl-cell-col-02{
background:#bdd7ee!important;
}
.tbl-cell-col-03{
background:#acb9ca!important;
}
.tbl-cell-col-04{
background:#bdd7ee!important;
}
.tbl-cell-col-05{
background:#ddebf7!important;
}
.tbl-cell-col-06{
background:#ffe699!important;
}
.tbl-cell-col-07{
background:#fff2cc!important;
}
.flx-ai--end{
align-items:flex-end;
}
/*スマホ表示*/
@media screen and (max-width: 767px) and (min-width: 1px){
#elsyca ul#top-list.list-2column li:nth-child(2n+1),
#elsyca ul#feature-list.list-2column li:nth-child(2n+1) {
    width: 95%;
}
#elsyca ul#top-list.list-2column li:nth-child(2n),
#elsyca ul#feature-list.list-2column li:nth-child(2n) {
    width: 95%;
}
#elsyca .height115{
height:initial;
}
#elsyca .sp-reverse{
flex-direction: column-reverse;
}
#elsyca .sp-font100{
font-size:100%!important;
}
#elsyca .sp-font110{
font-size:110%!important;
}
#elsyca .sp-font120{
font-size:120%!important;
}
#elsyca .sp-mL10{
margin-left:10px!important;
}
#elsyca .sp-mL20{
margin-left:20px!important;
}
.height214{
height:auto;
}
.height260px{height:260px;}
video{
width:100%;
height:auto;
}
}
.top-img {
    position: relative;
}
.top-img .img-text {
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    position: absolute;
    top: 57%;
    left: 20px;
    transform: translateY(-50%);
    line-height: 120%;
}
.flx-ai--center{
align-items:center;
}
.flx-direction--column{flex-direction:column;}
.flx-ac--stretch{align-content:stretch;}

@media screen and (max-width: 767px) and (min-width: 1px){
.top-img .img-text {
    font-size: 17px;
    left: 10px;
    width: 100%;
    text-shadow: 0px 0px 10px rgba(0,0,0,1);
}
.height260px{height:auto}
}


/*u-interviewが3件以上になったら削除 ここから*/
#u-interview .thumbnail{padding:10px;}
.bxslider{
display:flex;
justify-content:space-between;
align-items:center;
}
.bxslider li{width:460px;}
@media screen and (max-width: 767px) and (min-width: 1px){
.bxslider{
display:block;
}
.bxslider li{
width:100%;
height:auto!important;
}
#u-interview .thumbnail{
height:auto!important;
}
#u-interview .col-sm-4{
margin-bottom:20px;
}
}
/*u-interviewが3件以上になったら削除 ここまで*/

/*---  製品資料ダウンロード  ---------------------------------*/
ul.dl_material li span.download-img {
    display: table-cell;
    vertical-align: middle;
    width:140px; 
    padding:10px 40px;
}
ul.dl_material li span.download-img img {
    width:60px!important;
}
ul.dl_material li span.download-text {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width:calc(100% - 140px);
    font-weight:bold;
    font-size:120%!important;
}
.flx-ai--end{
align-items:flex-end;
}

/*---  製品資料ダウンロード  ---------------------------------*/
/* レスポンシブ対応 */
ul.dl_material li span.download-img {
    width:100px; 
    padding:10px 20px;
}
ul.dl_material li span.download-text {
    width:calc(100% - 100px);
}