@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/
/*既存のクラス定義を上書き修正（PCの時だけmargin-bottomを0にする） */
#hyperion .product-subtitle { 
    margin-bottom :0em!important;
}
@media screen and (max-width:640px) {
#hyperion .product-subtitle {
    margin-bottom: 0.5em !important;
}
}

#hyperion .flex-item{
    border:2px solid #ccc;
    border-radius:30px;
    padding:20px;
}
#hyperion .flex-item h3.box-line-title{
    font-size:18px;
    font-weight:bold;
    line-height:20px;
    text-align:center;
    color:#c00000;
}
#hyperion .flex-item hr{
    border:2px solid #c00000;
}

#hyperion .amo-service-box{
    border:2px solid #ccc;
    border-radius:30px;
    padding:0;
    display:flex;
    position:relative;
    overflow:hidden;
    margin-bottom:20px;
}
#hyperion .amo-service-box .num{
    font-size:130px;
    color:#CCC;
    font-family: 'arial',sans-serif;
    width: 150px;
    text-align: center;
    margin-bottom:0;
    position:absolute;
    bottom:-60px;
}
#hyperion .amo-service-box .content{
    margin:20px 20px 20px 150px;
    width:calc(100% - 150px);
}
#hyperion .amo-service-box .content .title{
    font-size:18px;
    font-weight:bold;
    color:#c00000;
}
#hyperion .amo-service-box .content hr{
    border:2px solid #c00000;
}
#hyperion ul.link-list-dot.link-list-dot-red>li:before{
    color:#c00000;
}
#hyperion .pbcs{
    border:2px solid #c00000;
    border-radius:30px;
    padding:20px;
}
#hyperion a.bb-hyperion{
    background-color:#c00000!important;
    border:1px solid #c00000!important;
}
#hyperion a.bb-hyperion:hover{
    color:#c00000!important;
    background-color:#FFF!important;
}
#hyperion table.dataTable01b th{
    border-bottom:2px solid #c00000;
    font-size:16px;
}
#hyperion table.dataTable01b tr:nth-child(odd) td{
    background-color:#f1f1f1;
}

@media screen and (max-width: 767px){
#hyperion .amo-service-box{
    display:block;
}
#hyperion .amo-service-box .num{
    position:relative;
    bottom:0;
    width:initial;
    font-size:55px;
    line-height:1.4em;
}
#hyperion .amo-service-box .content{
    margin:0 auto;
    width:90%;
}
}