@charset "utf-8";


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

/*既存のクラス定義を上書き修正（PCの時だけmargin-bottomを0にする） */
#ebs .product-subtitle { 
  margin-bottom :0em!important;
}
@media screen and (max-width:640px) {
#ebs .product-subtitle {
    margin-bottom: 0.5em !important;
}
}

#ebs h3.box-line-title{
text-align:center;
font-weight:bold;
font-size:18px;
color:#ff5050;
line-height:20px;
}
#ebs .flex-container.flex-col3txt .flex-item{
    padding: 20px;
    border: 2px solid #ccc;
}
#ebs .flex-container.flex-col3txt .flex-item hr{
border-bottom:2px solid #ccc;
border-top:none;
}
#ebs .flex-container.flex-col3txt .flex-item img{
height:136px;
}
#ebs .flex-container.flex-col3txt .flex-item:last-of-type img{
height:118px;
}

#ebs .flex-container.flex-col2txt .flex-item{
width:58%;
}
#ebs .flex-container.flex-col2txt .flex-item:last-of-type{
width:40%;
display: flex;
flex-direction: column;
justify-content: center;
}
#ebs .know-how01{
display:flex;
justify-content:space-around;
margin-bottom:1em;
}
#ebs .know-how01 .left-item{
align-self:stretch;
background-color:#0a2986;
color:#FFF;
padding:20px;
border-radius:20px;
font-size:12pt;
font-weight:bold;
text-align:center;
position:relative;
width:40%;
}
#ebs .know-how01 .left-item p{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
width:100%;
}
#ebs .know-how01 .right-item{
width:58%;
border:2px solid #000;
padding:20px;
}
#ebs .know-how02{
background-color:#ff5050;
padding:20px;
border-radius:20px;
color:#FFF;
font-weight:bold;
margin-bottom:1em;
text-align:center;
}

@media screen and (max-width:767px){
#ebs .flex-container.flex-col2txt .flex-item{
width:100%;
}
}