@charset "Shift_JIS";
/* CSS Document */


/*-------------------パートナーサイト共通--------------------*/


.red_banner_right {float: right; margin: 30px 20px 0 0;}

tr p.mt10 {margin-top: 10px;}

 /*-------------------ページ内リンク-オレンジボタン　

.partner-catch {position: relative;}

.ore_banner_down {   
    position: absolute;
    bottom: 0;
    right: 2%;
    margin: 0;
    text-align: center;
    }
.ore_banner_down .LinkListStyle1 li {
    float: left;
    margin-right: 10px;
    display: table
}   
    
.ore_banner_down .LinkListStyle1 li a {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
    height: 30px;
    background-color: #F59130;
    padding: 10px;
    background-image: url(/products/it/harmonious/cloud/partner/images/icon_link_down_white.gif);
    background-repeat: no-repeat;
    background-position: 97% center;
    line-height: 1em;
    color: #fff;
    }

.ore_banner_down .LinkListStyle1 li a:hover {
    background-position: 97% 60%;
    background-color: #db7614;
    color: #fff;
    }    

.ore_banner_down .LinkListStyle1 li a:visited {
    color: #fff;
    }   


/*-------------------ページ内リンク-オレンジボタンここまで　*/


 /*-------------------右オレンジボタン　*/

.ore_banner_right {   
    float: right; 
    margin: 0 20px 20px 0;
    text-align: center;
    }
.ore_banner_right .LinkListStyle1 li a {
    display: inline-block;
    width: 180px;
    background-color: #F59130;
    padding: 10px;
    color: #fff;
    font-size: 120%;
    background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
    background-repeat: no-repeat;
    background-position: 90% center;
    }

.ore_banner_right .LinkListStyle1 li a:hover {
    background-position: 92% center;
    background-color: #db7614;
    color: #fff;
    }

.ore_banner_right .LinkListStyle1 li a:visited {
    color: #fff;
    }        
    
    
 /*-------------------右オレンジボタンここまで　*/
 
 
#area_content_main {padding: 0}

 /*-------------------パートナートップイメージ　*/

.partner-topimg {
    background-image: url(/products/it/harmonious/cloud/partner/images/partner_top.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    margin-bottom: 50px;
}

.partner-topimg .elem_catch p.left {
    padding: 20px 30px 0 200px;
    text-align: center;
    font-size: 120%;
    color: #fff;
    line-height: 250%;
    text-shadow: 1px 1px 2px #000; 
}

.partner-topimg .elem_catch p.left strong {
    color: #fff6ba;
}
.partner-topimg .elem_catch p.left strong span {
    color: #ffd237;
}
.partner-topimg .elem_catch p.copy {
    padding: 50px 15px;
}


 /*-------------------パートナートップイメージここまで　*/

 
 /*-------------------パートナーTOPページ・リンクリスト　*/ 

 
.elem_contents_block ol.LinkListStyle1 {
    float: left;
    margin-top: 2px;
}

/*.elem_contents_block ol.LinkListStyle1 li {
    font-size: 1.1em;
    line-height: 1.8;
}*/


 /*-------------------リンクリストここまで　*/ 


 /*-------------------特長・事例　*/ 

.partner-catch {
    padding: 0 10px 0 0;
    background: #f2f2f2;
}

.elem_contents_block {padding: 0 0 20px 0;}

.elem_heading_lv2 h2 {background: none;}

.partner-dl {margin: 0 0 15px;}
.partner-dl dt {float: left; clear: left; width: 4em;}
.partner-dl dd {float: left; clear: both; margin: -1.55em 0 5px 4em;}

.Jirei-left {padding-right: 1%;}
.Jirei-left, .Jirei-right {float: left; width: 49%; margin-bottom: 20px;}

 /*-------------------特長・事例　ここまで　*/ 
 
 /*-------------------リンク付きH2　*/

.elem_heading_lv2 .elem_heading_lv2_pad h2 span {
    padding: 0 20px 0 0;
    margin: 0;
    font-weight: normal;
    background: none;}


.elem_heading_lv2 .elem_heading_lv2_pad h2 a {
    display: inline;
    padding:  12px 0;
    color: #fff;
    background-image: none;
}

.elem_heading_lv2 .elem_heading_lv2_pad h2 a:after {
    content: '';
    display: inline-block;
    background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
    height: 15px;
    width: 15px;
    background-size: contain;
    vertical-align: middle;
}

.elem_heading_lv2 .elem_heading_lv2_pad h2 a:hover:after {
    margin-left: 2px;}


 /*-------------------リンク付きH2ここまで　*/
 
 /*-------------------トピックス　*/

dl.DateListStyle2 ul.LinkListStyle1 {
    margin: 0;
}


 /*-------------------アコーディオン　*/
 
 .a-Section {
     padding: 0 0 15px;
     height: 1%;
     line-height: 0;
 }
 
 .elem_contents_block .contents_accordion_head {
     margin: 0;
     padding: 15px;
     border-bottom: 2px solid #f2f2f2;
     cursor: pointer;
     background: #ddd;
 }
 
  
 .elem_contents_block .contents_accordion_head-irr {
     margin: 0;
     padding: 10px 15px;
     border-bottom: 2px solid #f2f2f2;
     cursor: pointer;
     background: #ddd;
 }
 
 .contents_accordion_head_pad {
     padding-right: 30px;
     background: url(/products/it/harmonious/cloud/common/images/content_images/arrow/down_red_lv1.gif) 100% 50% no-repeat;
 }
 
 .acco-lead {
     display: inline-block;
     color: #fff;
     font-weight: bold;
     width: 150px;
     text-align: center;
     margin-right: 10px;
     padding: 5px 0;
 }
.p-plan {background: #009b9d;}
.p-move {background: #0d8abf;}
.p-manage {background: #666d9d;}
 
.elem_text_list {padding: 0 0 ;} 
 
 
/*-------------------アコーディオンここまで　*/


/*---------------------------------------------------------*/
      /*表示領域が995px以上の場合に適用するスタイル
/*---------------------------------------------------------*/

@media screen and (min-width: 995px) {

 /*-------------------ページ内リンク-オレンジボタン　*/

.partner-catch {position: relative;}

.ore_banner_down {   
    position: absolute;
    bottom: 0;
    left: 220px;
    }
.ore_banner_down ul.LinkListStyle1  {
  	display:flex;
}   
      
.ore_banner_down .LinkListStyle1 li {
    width: 170px;
    height: 50px;
    margin-right: 15px;
    background-color: #F59130;
    text-align: center;
    background-image: url(/products/it/harmonious/cloud/partner/images/icon_link_down_white.gif);
    background-repeat: no-repeat;
    background-position: 97% center; 
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content:center;
}   
    
.ore_banner_down .LinkListStyle1 li a {
    background-image: none;
    color: #fff;
    padding: 0;
    }

.ore_banner_down .LinkListStyle1 li:hover {
    background-color: #db7614;
    background-position: 97% 60%;    
    color: #fff;
    }  

/*-------------------ページ内リンク-オレンジボタンここまで　*/



.top_s, .sp-br {display: none;}


}

/*---------------------------------------------------------*/
      /*表示領域が768px〜994pxの場合に適用するスタイル */
/*---------------------------------------------------------*/      

@media screen and (min-width:768px) and (max-width: 994px) {

 /*-------------------ページ内リンク-オレンジボタン　*/


.ore_banner_down {
    clear: both;
    padding-top: 10px;
    }
    
.ore_banner_down ul.LinkListStyle1  {
  	display:flex;
	justify-content: space-between;
    padding: 0 10px 0 20px;
}   
      
.ore_banner_down .LinkListStyle1 li {
    width: 24%;
    height: 50px;
    background-color: #F59130;
    text-align: center;
    background-image: url(/products/it/harmonious/cloud/partner/images/icon_link_down_white.gif);
    background-repeat: no-repeat;
    background-position: 97% center; 
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content:center;
}   
    
.ore_banner_down .LinkListStyle1 li a {
    background-image: none;
    color: #fff;
    padding: 0;
    }

.ore_banner_down .LinkListStyle1 li:hover {
    background-color: #db7614;
    background-position: 97% 60%;    
    color: #fff;
    }    

/*-------------------ページ内リンク-オレンジボタンここまで　*/


.partner-topimg .elem_catch p.left {
    padding: 20px 20px 0 200px;
    text-align: center;
    font-size: 1.65vw;
    color: #fff;
    line-height: 220%;
    text-shadow: 1px 1px 2px #000; 
}

.top_s, .sp-br {display: none;}


}


/*---------------------------------------------------------*/
      /*表示領域が768px未満の場合に適用するスタイル */
/*---------------------------------------------------------*/    


@media screen and (max-width: 767px) {

.JS #Contents .area_content_pad .partner-topimg img {
    max-width: 100%;
    width: auto;
}

.partner-topimg {
    background-image: none;
    height: auto;
    margin-bottom: 0;}

.JS .ImgLeftAdjust {
    float: left !important;
    margin-right: 15px;
}


.partner-topimg .elem_catch p.copy {
    padding: 10px 15px;
}

.JS .partner-catch .ImgLeftAdjust { /*-aws/azure/google各ページtop用*/
    float: left;
    margin: 0 2% 0 0;
    max-width: 200px;
    width: 45%;
}

.JS .partner-catch .ImgLeftAdjust img {
    width: 100%;
}

.elem_catch p.left strong {
    font-size: clamp(14px, 3.1vw, 171%) !important;
}

 /*-------------------ページ内リンク-オレンジボタン　*/

.ore_banner_down {
    clear: both;
    padding-top: 10px;
    }
    
.ore_banner_down ul.LinkListStyle1  {
  	display:flex;
    flex-wrap: wrap;
	justify-content: space-between;
    padding: 0 10px 0 20px;
}   
      
.ore_banner_down .LinkListStyle1 li {
    width: 48%;
    height: 50px;
    background-color: #F59130;
    text-align: center;
    background-image: url(/products/it/harmonious/cloud/partner/images/icon_link_down_white.gif);
    background-repeat: no-repeat;
    background-position: 97% center; 
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content:center;
    margin-top: 10px;
}   
    
.ore_banner_down .LinkListStyle1 li a {
    background-image: none;
    color: #fff;
    padding: 0;
    }

.ore_banner_down .LinkListStyle1 li:hover {
    background-color: #db7614;
    background-position: 97% 60%;    
    color: #fff;
    }    

/*-------------------ページ内リンク-オレンジボタンここまで　*/

.elem_contents_block {padding: 0}

.Jirei-left, .Jirei-right {
    float: none;
    width: 100%;
}

span.acco-lead {
    margin-bottom: 10px;}
 
.elem_contents_block .contents_accordion_head p {
    /*font-size: clamp(10px,3vw,114.28%);*/}

div.elem_table_set table.elem_table_set th, div.elem_table_set table.elem_table_set td {
    white-space: normal;}


.partner-topimg .elem_catch p.top-right {display: none;}

}

/*---------------------------------------------------------*/
      /*表示領域が540px未満の場合に適用するスタイル aws/azure/google各ページtop用　*/ 
/*---------------------------------------------------------*/  

@media screen and (max-width: 540px) {

.JS .partner-catch .ImgLeftAdjust {
    width: 50%;
}

.elem_catch p.left strong {
    font-size: 16px !important;
}

.ore_banner_down .LinkListStyle1 li {
    width: 100%;}

}