@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/
/*
li.left_7em{margin-left:7em;}
.clear{clear:both;}
ul.disc{list-style-type:disc;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
h5.ha8000{
  background-color:#1f497d;  
  border-left:9px solid #C30D23;
  color:#fff;
  font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",sans-serif !important;
  font-size:20px !important;
  line-height:1.4;
  padding:5px 5px 5px 13px;
  margin-top:20px;  
}
h5.ha8000-service{
  background-color: #7f7f7f;
  color: #fff;
  font-size: 20px !important;
  line-height: 1.4;
  padding: 5px;
  text-align: center;
  border-bottom:1px solid #1f497d!important;
  }
h6.ha8000{
   font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",sans-serif !important;
  font-size:18px !important;
  line-height:1.8;
  padding:5px 5px 5px 13px; 
}*/
#hitachi_adv .h5-inner{
  border:1px solid #1f497d!important;
  border-top:none;
  margin:0;
  margin-top:-1px;
  padding:5px;
  background:#FFF;
  overflow:hidden;
  position:relative;
}
#hitachi_adv .h5-inner p,
#hitachi_adv .h5-inner ul{
margin-left:20px;
}
#hitachi_adv .h5-inner table{
border:1px solid #999;
border-collapse: collapse;
}
#hitachi_adv .h5-inner table td{
border:1px solid #999;
border-collapse: collapse;
}
#hitachi_adv .h5-inner table td.bg-yellow{
background-color:#ffff00;
}
#hitachi_adv .h5-inner table td.center{
text-align:center;
}
#hitachi_adv .h5-inner table td.bg-orange{
background-color:#ffc000;
}
#hitachi_adv .h5-inner table td .square-orange{
background-image: -webkit-linear-gradient(top, #fff827, #ffcd05);
background-image: -moz-linear-gradient(top, #fff827, #ffcd05);
background-image: -ms-linear-gradient(top, #fff827, #ffcd05);
background-image: -o-linear-gradient(top, #fff827, #ffcd05);
background-image: linear-gradient(to bottom, #fff827, #ffcd05);
-webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 8px;
border:1px solid #e7af04;
color: #333;
font-size: 18px;
padding: 9px 18px;
text-decoration: none;
font-weight:bold;
text-align:center;
margin:10px;
width:100px;
}
#hitachi_adv .h5-inner table td.bg-pink{
background-color:#e6b9b8;
}
#hitachi_adv .h5-inner table td .square-pink{
background-image: -webkit-linear-gradient(top, #ffe7e7, #f4c4c4);
background-image: -moz-linear-gradient(top, #ffe7e7, #f4c4c4);
background-image: -ms-linear-gradient(top, #ffe7e7, #f4c4c4);
background-image: -o-linear-gradient(top, #ffe7e7, #f4c4c4);
background-image: linear-gradient(to bottom, #ffe7e7, #f4c4c4);
-webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 8px;
border:1px solid #d2a9a9;
color: #333;
font-size: 18px;
padding: 9px 18px;
text-decoration: none;
font-weight:bold;
text-align:center;
margin:10px;
width:100px;
}
#hitachi_adv .h5-inner table td.bg-green{
background-color:#92d050;
}
#hitachi_adv .h5-inner table td .square-green{
background-image: -webkit-linear-gradient(top, #bcfe76, #9cdc57);
background-image: -moz-linear-gradient(top, #bcfe76, #9cdc57);
background-image: -ms-linear-gradient(top, #bcfe76, #9cdc57);
background-image: -o-linear-gradient(top, #bcfe76, #9cdc57);
background-image: linear-gradient(to bottom, #bcfe76, #9cdc57);
-webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 8px;
border:1px solid #7aaf42;
color: #333;
font-size: 18px;
padding: 9px 18px;
text-decoration: none;
font-weight:bold;
text-align:center;
margin:10px;
width:100px;
}

#hitachi_adv .h5-inner .table-inner-title{
  margin-top:0;
  width:533px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid #476527;
  background-color:#819e43;
  background-image: -webkit-linear-gradient(top, #a9c769, #819e43);
background-image: -moz-linear-gradient(top, #a9c769, #819e43);
background-image: -ms-linear-gradient(top, #a9c769, #819e43);
background-image: -o-linear-gradient(top, #a9c769, #819e43);
background-image: linear-gradient(to bottom, #a9c769, #819e43);
  padding: 4px 8px;
  font-size:16px!important;
  font-weight:bold;
  text-align:center;
  color:#FFF;
  position:absolute;
}
.h5-inner table{
margin-top:10px;
}
.h5-inner table td.lineup-left{
  background-color:#cfe59f;
  padding:5px;
}
#hitachi_adv .h5-inner table td.lineup-left .title{
  font-size:18px;
  font-weight:bold;
  margin-left:10px;
}
#hitachi_adv .h5-inner table td.lineup-left .title .subtitle{
  font-size:12px;
  font-weight:normal;
  margin-left:-5px;
}
#hitachi_adv .h5-inner table td.lineup-left ul .left-5em{
  margin-left:5em;
}
#hitachi_adv .h5-inner table td.lineup-right{
background-color:#9ae184;
  padding:5px;
}
#hitachi_adv .h5-inner table td.lineup-right table.no-border{
  width:100%;
  border:none;
}
#hitachi_adv .h5-inner table td.lineup-right table.no-border td{
  border:0px;  
  padding:5px;
}
#hitachi_adv .h5-inner table td.lineup-right .title{
  font-size:18px;
  font-weight:bold;
  margin-left:10px;
}
#hitachi_adv .h5-inner table td.lineup-right .title .subtitle{
  font-size:14px;
  font-weight:normal;
  margin-left:-10px;
}
#hitachi_adv .h5-inner .no-border ul{
  list-style-type:none;
  
}


#hitachi_adv .point{
  margin:10px auto 1.5em auto;
  border:1px solid #999;
  overflow:hidden;
  clear:both;
}
#hitachi_adv .point-title{
  color:#FFF;
  background-color:#C30D23;
  font-size:16px !important;
  font-weight:bold;
  width:120px;
  display:block;
  float:left;
  border-right:1px solid #999;
  line-height:4em;
  text-align:center;
  padding:2px 10px;
}
#hitachi_adv .point-text{
  display:flex;
  align-items: center;
  width:840px;
  padding:0px 10px 0 20px;
}
#hitachi_adv .point-text ul{
margin-left: -5px;
}
#hitachi_adv .img-center{
margin:10px auto!important;
text-align:center!important;
}

#hitachi_adv .f_left{float:left}
#hitachi_adv .f_right{float:right}
#hitachi_adv .border-w{
  border-top:1px solid #999;
  border-left:0px;
  border-right:0px;
  border-bottom:0px;
  width:100%;
}

#hitachi_adv .three-points{
position:relative;
width:100%;
min-height: 230px;
display:block;
overflow:visible;
}
#hitachi_adv .arc{
position:absolute;
top:0;
left:-20px;
border-top-right-radius: 200px 200px;
border-bottom-right-radius: 200px 200px;
border:2px solid #953735;
min-height:200px;
max-width:100px;
}
#hitachi_adv .radius-ball01{
background-color:#FFF;
border:2px solid #376092;
border-radius:50%;
height:70px;
width:70px;
margin-left:50px;
}
#hitachi_adv .radius-ball01 .text{
font-size:15px!important;
font-weight:bold;
color:#000;
margin: 20px 10px;
display:inline-block;
}
#hitachi_adv .radius-ball02{
background-color:#FFF;
border:2px solid #953735;
border-radius:50%;
height:70px;
width:70px;
margin-left:70px;
}
.radius-ball02 .text{
font-size:15px!important;
font-weight:bold;
color:#000;
margin: 20px 10px;
display:inline-block;
}
#hitachi_adv .radius-ball03{
background-color:#FFF;
border:2px solid #77933c;
border-radius:50%;
height:70px;
width:70px;
margin-left:50px;
font-weight:bold;
}
#hitachi_adv .radius-ball03 .text{
font-size:15px!important;
font-weight:bold;
color:#000;
margin: 20px 10px;
display:inline-block;
}

#hitachi_adv .ball01-text,
#hitachi_adv .ball02-text,
#hitachi_adv .ball03-text{
    line-height: 2;
    display: inline-block;
    color: #FFF;
    font-size: 15px!important;
    width: 100%;
    font-weight: bold;
}
#hitachi_adv .ball01-text{
    background-color: #376092;
    margin: 10px 0 0 80px;
    padding: 10px 0 10px 30px;
}

#hitachi_adv .ball02-text{
    background-color: #953735;
    margin: 22px 0 0 80px;
    padding: 10px 0 10px 50px;
}
#hitachi_adv .ball03-text{
    background-color: #77933c;
    margin: 22px 0 0 80px;
    padding: 10px 0 10px 30px;
}

.ball01-text p,
.ball02-text p,
.ball03-text p{
margin-bottom:0!important;
margin-left:0;
width:85%;
}

#hitachi_adv .h5-inner .navy-inner-title{
  margin-top:0;
  width:calc(100% - 10px);
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid #376092;
  background-color:#376092;
  padding: 4px 8px;
  font-size:16px!important;
  font-weight:bold;
  text-align:center;
  color:#FFF;
  position:absolute;
  }
#hitachi_adv .h5-inner .sax-outer{
  margin-top:0;
  margin-bottom:20px;
  width:100%;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid #dbeef4;
  background-color:#dbeef4;
padding: 40px 10px 10px 20px;
     }  
#hitachi_adv .h5-inner .sax-inner{
    -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid #85d2f9;
  background-color:#85d2f9;
  padding: 4px 8px;
  float:right;
  width: 700px;
 }
#hitachi_adv .clearfix:after {
  content: "";
  clear: both;
  display: block;
}
#hitachi_adv .mgn-l-40p{
margin-left:40%;
}
#hitachi_adv .mgn-l-50p{
margin-left:50%;
}

  
#hitachi_adv .h5-inner ul.red-point li{
  position: relative;
  padding: 0.5em 0.5em 0.5em 1em;
  text-indent: -2em;
  margin-bottom: 5px;
  line-height: 1.5;
  vertical-align: middle;
  }
#hitachi_adv .h5-inner ul.red-point li:before{
  display:inline-block; 
  vertical-align: middle;
  content:'';
  width:1em;
  height: 1em;
  background: #C30D23;
  margin-right: 8px;
   }
#hitachi_adv  .h5-inner p.word-break-all{
  word-break: break-all;
  word-wrap: break-word;
  margin:0;
  padding:0;
  width:206px;
}

#hitachi_adv .h5-inner .mds{
  font-size:12pt!important;
  color:#1f497d;
  font-weight:bold;
}

#hitachi_adv  .bottomline{
  position: absolute;
  bottom: 10px;
  font-size: 12pt!important;
  color: #f62636;
  font-weight: bold;
  margin-left: -20px;
}

/*	2022/06/03
---------------------------------------------*/
#hitachi_adv .flx-items-center{
  align-items:center;
}
#hitachi_adv .flx-center{
  display:flex;
  align-items:center;
  justify-content:center;
}
#hitachi_adv .flx-around-sp-center{
  justify-content:space-around;
}
#hitachi_adv h3.ha8000{
  background-color:#1f497d;  
  border-left:9px solid #C30D23;
  color:#fff;
  font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",sans-serif !important;
  font-size:20px !important;
  line-height:1.4;
  padding:5px 5px 5px 13px;
  margin-top:20px;  
}
#hitachi_adv h3.ha8000-service{
  background-color: #7f7f7f;
  color: #fff;
  font-size: 20px !important;
  line-height: 1.4;
  padding: 5px;
  text-align: center;
  /*border-top:1px solid #1f497d!important;*/
  /*border-right:1px solid #1f497d!important;*/
  border-bottom:1px solid #1f497d!important;
 }
#hitachi_adv .h5-inner .table-inner-title{
  margin-top:0;
  width:970px;
  border-radius:10px;
  border:1px solid #476527;
  background-color:#819e43;
  background-image: -webkit-linear-gradient(top, #a9c769, #819e43);
  background-image: -moz-linear-gradient(top, #a9c769, #819e43);
  background-image: -ms-linear-gradient(top, #a9c769, #819e43);
  background-image: -o-linear-gradient(top, #a9c769, #819e43);
  background-image: linear-gradient(to bottom, #a9c769, #819e43);
  padding: 4px 8px;
  font-size:16px!important;
  font-weight:bold;
  text-align:center;
  color:#FFF;
  position:absolute;
}
#hitachi_adv .dp-table{
  display:table;
}
#hitachi_adv .dp-table-cell{
  display:table-cell;
  border:1px solid #999;
}
#hitachi_adv .dp-table-cell:first-of-type{
  background:#cfe59f;
  border-right:none;
}
#hitachi_adv .dp-table-cell:last-of-type{
  background:#9ae184;
}
#hitachi_adv hr.tbl-border{
  border-top:1px solid #999;
  border-left:none;
  border-bottom:none;
  border-right:none;
}
#hitachi_adv .left-padding{
  padding:1em;
}
#hitachi_adv .title{
  font-size:16px;
  font-weight:bold;
}
@media screen and (max-width:767px) and (min-width:1px) {
#hitachi_adv .arc{
  left:-50px;
}
#hitachi_adv .point-title{
  width:100%;
  float:initial;
  line-height: 1.6em;
}
#hitachi_adv .point-text{
  width:100%;
  float:initial;
}
#hitachi_adv .h5-inner .sax-inner{
  width:100%;
}
#hitachi_adv .flx-around-sp-center{
  justify-content:center;
}
#hitachi_adv .dp-table{
  display:block;
}
#hitachi_adv .dp-table-cell{
  display:block;
}
#hitachi_adv .h5-inner .table-inner-title{
  width:calc(100% - 10px);
}
#hitachi_adv .dp-table-cell:first-of-type{
  border-right:1px solid #999;
}
#hitachi_adv .left-padding{
  position:relative;
  padding:1em 1em 100px 1em;
}
}

@media screen and (max-width:320px) and (min-width:1px){
#hitachi_adv .ball01-text{
    line-height: 1.5;
    margin: 10px 0 0 50px;
    padding: 5px 0 5px 30px;
}
#hitachi_adv .ball02-text{
    line-height: 1.5;
    margin: 10px 0 0 50px;
    padding: 5px 0 5px 50px;
    }
#hitachi_adv .ball03-text{
    line-height: 1.5;
    margin: 22px 0 0 50px;
    padding: 5px 0 5px 30px;
    }
}

@media screen and (max-width:414px) and (min-width:321px) {
#hitachi_adv .ball01-text{
    line-height: 1.5;
    margin: 10px 0 0 50px;
    padding: 5px 0 5px 30px;
}
#hitachi_adv .ball02-text{
    line-height: 2;
    margin: 10px 0 0 50px;
    padding: 10px 0 10px 50px;
    }
#hitachi_adv .ball03-text{
    line-height: 2;
    margin: 22px 0 0 50px;
    padding: 10px 0 10px 30px;
    }
}
@media screen and (max-width:767px) and (min-width:415px) {
#hitachi_adv .ball01-text{
    line-height: 2;
    margin: 10px 0 0 50px;
    padding: 10px 0 10px 30px;
}
#hitachi_adv .ball02-text{
    line-height: 2;
    margin: 10px 0 0 50px;
    padding: 10px 0 10px 50px;
    }
#hitachi_adv .ball03-text{
    line-height: 2;
    margin: 22px 0 0 50px;
    padding: 10px 0 10px 30px;
    }
}