@charset "utf-8";


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

/*
	お問い合わせ
******************************************/
.inquiry-Block {
    padding: 20px 20px 10px !important;
    background-color: #d2d7e4;
}
.inquiry-Block h2.ttl {
    color: #000;
    border-left: 3px solid #006075;
}
.inquiry-Block-box h3 {
    background-color: #F1F1F1;
    border-bottom: 2px solid #006075;
    color: #000;
}
.inquiry_boxes a {
    display: block;
    width: 380px;
    height: 184px;
    position: relative;
    color: black;
    border: 1px solid #666;
    margin: auto;
}
.inquiry_boxes a:hover{
opacity:.8;
}
span.inquiry_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: block;
    text-align: center;
}
a span.inquiry_box .inquiry_box_text {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
span.inquiry_box img {
    width: 70px;
    margin-top: 20px;
}
span.inquiry_box::after {
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid #b90f0f;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.inquiry-Block-box-txt-ib, .inquiry-Block-box-txt-ib2 {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
}
span.inquiry_box::after {
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid #fa6800;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/* レスポンシブ対応 */
@media screen and (max-width:767px) and (min-width:1px) {
.inquiry-Block{
    background: #d2d7e4!important;
    padding: 0px !important;
}
.inquiry-Block h2.ttl {
    border-left: 3px solid #006075;    
    color: #000;
}
.inquiry-Block-box h3 {
    border-bottom: 2px solid #006075;    
    color: #000;
}
.inquiry-Block-box-txt-ib,
.inquiry-Block-box-txt-ib2 {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
}
.inquiry_boxes a{
display:block;
width:250px;
height:184px;
position:relative;
color:black;
border:1px solid #666;
margin:auto;
}
.inquiry_boxes a:hover{
text-decoration:none;
opacity:.7;
}
span.inquiry_box{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:10px;
display:block;
text-align:center;
}
span.inquiry_box img{
width:70px;
margin-top:20px;
}
span.inquiry_box .inquiry_box_text{
font-size:18px;
font-weight:bold;
}
a span.inquiry_box .inquiry_box_text{
color:#000;
}
.inquiry_box_text:hover{
text-decoration:none!important;
}
span.inquiry_box::after{
content:"";
border-top: 10px solid transparent;
border-right: 10px solid #fa6800;
position:absolute;
bottom:10px;
right:10px;
}
.inquiry-Block h2.ttl{
    border-top: 3px solid #006075;
    border-left-style: none;
}
}


/*
	サブメニュー
******************************************/
#dynatrace nav#submenu-top{
    margin-bottom:0;
}
#dynatrace nav#submenu-top.submenu,
#dynatrace nav#submenu-f.submenu{
    background-color: #961c79!important;
}
 
#dynatrace #submenuLink {
    background-image: url("../img/submenu.png"); /* RADIUSカラーの画像に上書き */
}
#dynatrace #submenuLink.active {
    background-image: url("../img/submenu_over.png"); /* RADIUSカラーの画像に上書き */
}

 
#dynatrace .submenu ul.pagelinks-02-list>li>a,
#dynatrace.submenu ul.pagelinks-02-list>li>span.no-link{
    border-left: 1px solid #961c79!important;
    border-top: 1px solid #961c79!important;
    border-bottom: 1px solid #961c79!important;
}
/*  濃いピンク色を透過した色 #D3426110 → #FCF3F5  */
#dynatrace .submenu ul.pagelinks-02-list>li.on_hover>a {
    background-color: #FCF3F5!important;
    color: #961c79!important;
}
#dynatrace .submenu ul.pagelinks-02-list>li.on_hover a.link-level1:after {
    color: #961c79!important;
}
/*サブメニュー第2階層のリンク*/
#dynatrace .submenu ul.mNavi-arw-ul li a{
    color: #961c79!important;
}
#dynatrace .submenu ul.mNavi-arw-ul li a:after{
    color: #961c79!important;
}
#dynatrace .submenu ul.mNavi-arw-ul li a:hover{
    background-color: #FCF3F5!important;
    color: #961c79!important;
}
/* レスポンシブ対応 */
@media screen and (max-width:767px) and (min-width:1px) {
#dynatrace .submenu ul.pagelinks-02-list>li>a.active,
#dynatrace .submenu ul.pagelinks-02-list>li>a:hover,
#dynatrace .submenu ul.pagelinks-02-list>li.on_hover>a {
    color: #FFFFFF !important;
    background-color: #961c79!important;
}
}

a {
    color: #fa6800;
    text-decoration: none;
}
.ttl-List li a {
    color: #000000;
    }
.h-ttl_dynatrace {
    color: #000;
    font-size: 19px;
    border-bottom: 1px solid #999;
    padding-bottom: 0.2em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 4.5em;
}
.h-ttl2_dynatrace{
    color: #961c79;
    font-size:18px;
    font-weight:bold;
    margin:1em 0 .5em 0;
}
.h-ttl3_dynatrace{
display:block;
color:#000;
font-size:18px;
font-weight:bold;
padding:5px 0 3px;
background:#f1f1f1;
margin-bottom:1em;
text-indent: -1.2em;
padding-left: 1.5em;
}
.h-ttl3_dynatrace:before{
content:"■";
font-size:18px;
margin-right:5px;
}
.h-ttl3_dynatrace.color-01:before{
color:#082b61;
}
.h-ttl3_dynatrace.color-02:before{
color:#006075;
}

a.bb-violet{
border:1px solid #961c79!important;
background:#961c79!important;
color:#FFF;
}
a.bb-violet:hover{
border:1px solid #961c79!important;
background:#FFF!important;
color:#961c79!important;
}
.violet{
color:#961c79;
}
.arrow-box {
    border-top: 50px solid #4a72c3;
    border-right: 75px solid transparent;
    border-left: 75px solid transparent;
    content: "";
    height: 50px;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.bg-lighteryellow{
background:#fff9e8;
}
.pointer{
cursor:pointer;
}
.mT6em{
margin-top:6em;
}

  /* 各リストアイテムの下にスペースを追加 */
        li {
            margin-bottom: 20px;
        }