@charset "utf-8";


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

#asprova .flx-align-end{
  align-items:flex-end;
}
#asprova .flx-align-center{
  align-items:center;
}
#asprova .advantage-box-bg{
  background:rgb(172,220,234);
  margin-bottom:1em;
}
#asprova h3.advantage{
  position: relative;
  font-size: 18px;
  font-weight:normal;
  border-bottom: 2px solid #1a2792;
  margin: 0.5em 0.5em 1em 0;
  padding-left:45px;
}
#asprova h3.advantage::before {
  content: attr(data-number);
  margin-right: 10px;
  color: #FFF;
  font-size: 20px;
  border-bottom: 2px solid #1a2792;
  background:#1a2792;
  padding:0 10px;
  font-weight:bold;
  position:absolute;
  bottom:0;
  left:0;
}
#asprova .advantage-box-bg ul{
margin-left:45px;
}
#asprova .advantage-box-bg ul li{
margin-bottom:10px;
}
#asprova .advantage-image img {
  width: 240px;
}
#asprova dl{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items:flex-start;
  margin-bottom:10px;
}
#asprova dl dt{
  font-size:20px;
  color:#1a2792;
  font-weight:bold;
  width:25%;
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25));
}
#asprova dl dt::before{
  content:"★";
  color:#edb610;
  font-size:30px;
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25));
  margin-right:10px;
}
#asprova dl dd{
  margin-top:15px;
  width:70%;
}
#asprova .modal{
  cursor:pointer;
}
#asprova .scroll img{
  max-width:980px;
}

@media screen and (max-width:767px) and (min-width:1px) {
#asprova h3.advantage::before {
  line-height: 45px;
}
#asprova h3.advantage.row1::before {
  line-height: initial;
}
#asprova .advantage-box-bg ul{
  margin-left:10px;
}
#asprova .sp-direction-reverse{
  flex-direction:column-reverse;
}
#asprova dl dt,
#asprova dl dd{
  width:100%;
}
#asprova dl dd{
  margin-left:30px;
  margin-top:0;
}
#asprova dl dt::before{
  margin-right:0;
}
}