@charset "Shift_JIS";

/* **************************************************

Name:

NGCC　日立「Pentaho」LP

Create: 2021.07.13
Updata: 2022.02.04
Copyright Hitachi, Ltd. 2021. All rights reserved.

***************************************************** */
/* [-] 全体*/

*{
transition-duration: 0.2s;
}

#PopUpContents{
padding: 0px!important;
margin: 0px!important;
}

#pentaho-lp-wrap *{
box-sizing: border-box;
}

#pentaho-lp-wrap section{
padding-top: 100px;
margin-top: -100px;
}

sup{
font-size: 80%;
}

/* [-] タイトル*/

h2.pentaho-lp-h2{
height: 117px;
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/bg_h2.png");
background-position: center center;
background-size: auto 100%;
position: relative;
margin: 0px 0px 50px 0px;
padding: 0px;
}

h2.pentaho-lp-h2-red{
height: 117px;
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/bg_h2_red.png");
background-position: center center;
background-size: auto 100%;
position: relative;
margin: 0px 0px 50px 0px;
padding: 0px;
}


h2.pentaho-lp-h2 span,
h2.pentaho-lp-h2-red span{
width: 100%;
background-color: transparent;
text-align: center;
position: absolute;
color: #fff;
font-size: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

h3.pentaho-lp-h3 {
color: #333;
font-size: 1.5rem;
text-align: center;
}

h3.pentaho-lp-h3 .center-line::before {
content: '';
display: inline-block;
width: 80px;
height: 1.5rem;
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/line_black.png");
background-repeat: no-repeat;
background-position: left center;
margin-right: 1em;
}

h3.pentaho-lp-h3 .center-line::after {
content: '';
display: inline-block;
width: 80px;
height: 1.5rem;
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/line_black.png");
background-repeat: no-repeat;
background-position: left center;
margin-left: 1em;
}


#pentaho-lp-wrap .strong-style-red{
font-size: 1.5rem;
line-height: 1.2em;
color: #CD1B33;
text-align: center;
display: inline-block;
width: 100%;
}


/* [-] page top*/
.btn-pagetop{
margin-top: 50px;
margin-right: 20px;
}


/* [-] モジュール*/

#pentaho-lp-wrap .br-sm{
display: none;
}

#pentaho-lp-wrap .br-pc{
display: block;
}

#pentaho-lp-wrap .br-tb{
display: block;
}

#pentaho-lp-wrap .mg-b10{
margin-bottom: 10px;
}

#pentaho-lp-wrap .mg-b20{
margin-bottom: 20px;
}

#pentaho-lp-wrap .mg-b30{
margin-bottom: 30px;
}

#pentaho-lp-wrap .mg-b40{
margin-bottom: 40px;
}

#pentaho-lp-wrap .mg-b50{
margin-bottom: 50px;
}

#pentaho-lp-wrap .inner{
width: 100%;
max-width: 965px;
margin: auto;
}

#pentaho-lp-wrap .icon-box{
text-align: center!important;
}

#pentaho-lp-wrap .figure-box{
text-align: center;
}

#pentaho-lp-wrap .figure-box img{
width: 100%;
margin: 30px 0px;
}

#pentaho-lp-wrap .flex-block{
display: flex;
justify-content: space-between;
}

#pentaho-lp-wrap .flex-block .pentaho-lp-col1{
width: 100%;
}

#pentaho-lp-wrap .flex-block .pentaho-lp-col2{
width: 48%;
}

#pentaho-lp-wrap .flex-block .pentaho-lp-col3{
width: 32%;
}


#pentaho-lp-wrap .zoom{
	transition-duration: 0.3s;
}

#pentaho-lp-wrap .zoom:hover{
	transform: scale(1.05);
	transition-duration: 0.3s;
}


/*ボタンスタイル*/
#pentaho-lp-wrap .pentaho-lp-btn-detail,
#pentaho-lp-wrap .pentaho-lp-btn-detail-1,
#pentaho-lp-wrap .pentaho-lp-btn-detail-2,
#pentaho-lp-wrap .pentaho-lp-btn-detail-3{
text-align: center;
display: block;
}

#pentaho-lp-wrap .pentaho-lp-btn-detail a,
#pentaho-lp-wrap .pentaho-lp-btn-detail-1 a,
#pentaho-lp-wrap .pentaho-lp-btn-detail-2 a,
#pentaho-lp-wrap .pentaho-lp-btn-detail-3 a{
height: 77px;
background-repeat: no-repeat;
background-position: left center;
position: relative;
text-align: center;
display: inline-block;
margin: auto;
color: #fff;
font-size: 1.2rem;
}



#pentaho-lp-wrap .pentaho-lp-btn-detail a span,
#pentaho-lp-wrap .pentaho-lp-btn-detail-1 a span,
#pentaho-lp-wrap .pentaho-lp-btn-detail-2 a span,
#pentaho-lp-wrap .pentaho-lp-btn-detail-3 a span{
display: block;
height: auto!important;
white-space: nowrap;
text-decoration: underline!important;
padding-left: 20px;
position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -51%);
    -webkit-transform: translate(-50%, -51%);
    -ms-transform: translate(-50%, -51%);
}

#pentaho-lp-wrap .pentaho-lp-btn-detail-1 a span i,
#pentaho-lp-wrap .pentaho-lp-btn-detail-3 a span i{
font-size: 14px;
font-style: normal;
}


#pentaho-lp-wrap .pentaho-lp-btn-detail a{
max-width: 300px;
width: 90%;
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/bg_btn_detail.png");
}

#pentaho-lp-wrap .pentaho-lp-btn-detail-1 a{
width: 90%;
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/bg_btn_detail_1.png");
}

#pentaho-lp-wrap .pentaho-lp-btn-detail-2 a{
width: 90%;
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/bg_btn_detail_2.png");
}

#pentaho-lp-wrap .pentaho-lp-btn-detail-3 a{
width: 90%;
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/bg_btn_detail_3.png");
}


#pentaho-lp-wrap .pentaho-lp-btn-detail-1 a span.icon-pdf,
#pentaho-lp-wrap .pentaho-lp-btn-detail-3 a span.icon-pdf{
content: '';
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon_pdf.png");
background-repeat: no-repeat;
background-position: right center;
background-size: auto 30px;
/*height: 25px;*/
padding-right: 40px;
display: block;
}
#pentaho-lp-wrap .pentaho-lp-btn-detail-3 a span.icon-pdf{
	line-height:100%;
}
#pentaho-lp-wrap .pentaho-lp-btn-detail-3 a span.icon-pdf i{
}
#pentaho-lp-wrap a span.icon-link,
#pentaho-lp-wrap .pentaho-lp-btn-detail-2 a span.icon-link{
content: '';
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon-white_01.png");
background-repeat: no-repeat;
background-position: right center;
background-size: auto 25px;
background-color: transparent;
/*height: 25px;*/
padding-right: 40px;
display: block;
}






/* [-Floating-bnr]
=========================================================================================== */


#Floating-bnr {
position: fixed;
left: auto;
top: 150px;
right: -20px;
width: 250px;
z-index: 120;
}

#Floating-bnr .action-close{
position: relative;
width: 220px;
}


#Floating-bnr .btn-close {
  background-image: url("/products/it/bigdata/platform/pentaho/lp/images/sec_close_icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 34px;
  height: 34px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;

}
#Floating-bnr .btn-close:hover {
  cursor: pointer;
}
#Floating-bnr .btn-close:active {
}

#Floating-bnr .box{
text-decoration: none;
}

#Floating-bnr .box dl {
  background-color: #cc242b;
  border-radius: 30px 0px 0px 30px;
  display: flex;
  align-items: center;
  width: 230px;
  border: solid #cc242b 8px;
  box-shadow: -10px 10px 10px rgba(0,0,0,0.4);
}

#Floating-bnr .box dl:hover{
background-color: #fff;
border: solid #cc242b 8px;
opacity: 1;
}

#Floating-bnr .box,
#Floating-bnr .box dd >*
{
color: #fff!important;
}

#Floating-bnr .box:hover,
#Floating-bnr .box:hover dt >*,
#Floating-bnr .box:hover dd >*
{
color: #cc242b!important;
opacity: 1.0!important;
}


#Floating-bnr .box dl dt{
margin-left: -60px;
width: 110px;
}

#Floating-bnr .box dl dt img{
box-shadow: -10px 10px 10px rgba(0,0,0,0.4);
border-radius: 50%;
}

#Floating-bnr .box dl dd{
padding: 0px 0px 0px 10px;
text-align: center;
margin-top: 20px;
margin-left: -10px;
width: 160px;
}

#Floating-bnr .box dl dd strong{
display: block;
}

#Floating-bnr .box dl dd strong span{
font-size: 18px;
transition-duration: 0.0s;
}

#Floating-bnr .box dl dd .TextStyle2{
margin-top: 1em;
padding: 0px;
text-align: left;
font-weight: bold;
font-size: 73%;
}


#Floating-bnr .box dl dd .ttl-01{
font-size: 83%;
font-weight: bold;
line-height: 1em;
margin: 10px auto;
border-bottom: thin solid #fff;
padding-bottom: 0.5em;
}

#Floating-bnr .box dl dd .TextStyle1{
font-size: 16px;
font-weight: bold;
margin: 0px;
padding: 0px;
border-bottom: thin solid #fff;
}



/* checkbox non-display */
#Floating-bnr .checkbox {
  display: none;
}

/* close button */
#Floating-bnr .action-close {
  position: relative;
  margin-top: 2em;
}
#Floating-bnr .action-close .btn-close {
  position: absolute;
  right: 0px;
  top: -1em;
}
#Floating-bnr .action-close .box {
  margin-bottom: 2em;
}
#Floating-bnr .action-close #close:checked ~ .btn-close {
  display: none;
}
#Floating-bnr .action-close #close:checked ~ .box {
  display: none;
}

/* [-header]
=========================================================================================== */

/*リセット*/
header , nav{
margin: 0px!important;
}
/*/リセット*/

/* [-nav]
=========================================================================================== */

/*リセット*/
.HorizontalInnerLinks li a,
.VerticalInnerLinks li a,
.HorizontalInnerLinks li{
background-image: none;
color: #fff!important;
margin: 0px!important;
padding: 0px!important;
}
/*/リセット*/


#pentaho-lp-wrap #Anchor-link{
position: absolute;
}
#pentaho-lp-wrap #Anchor-link {
background-color: rgba(0,0,0,0.80);
width: 100%;
padding: 15px 4px;
z-index: 100;
height: 100px;
}

#pentaho-lp-wrap header #pentaho-pc-menu nav{
display: flex;
justify-content: space-between;
align-items: center;
}

#pentaho-lp-wrap header #pentaho-pc-menu nav ul.local-nav{
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 800px;
}

#pentaho-lp-wrap header #pentaho-pc-menu nav ul.local-nav li{
margin: 2px 0px;
}

#pentaho-lp-wrap header #pentaho-pc-menu nav ul.local-nav li::after{
content: '|';
margin: 0px 8px;
}

#pentaho-lp-wrap header #pentaho-pc-menu nav ul.local-nav a{
padding: 5px 5px 5px 0px!important;
display: inline-block;
text-decoration: none;
border-bottom: solid 2px rgba(233,0,28,0.00);
}

#pentaho-lp-wrap header #pentaho-pc-menu nav ul.local-nav a:hover{
border-bottom: solid 2px rgba(233,0,28,1.00);
}

#pentaho-lp-wrap header #pentaho-pc-menu nav ul.contact-btn a{
display: block;
text-decoration: none;
background-color: rgba(233,0,28,1.00);
padding: 10px 10px 10px 50px!important;
border-radius: 6px;
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon-white_02.png");
background-repeat: no-repeat;
background-size: auto 30px;
background-position: 10px center;
}

#pentaho-lp-wrap header #pentaho-pc-menu nav ul.contact-btn a:hover{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon-red_02.png");
background-color: rgba(255,255,255,1.00);
color: rgba(233,0,28,1.00)!important;
}


#pentaho-lp-wrap header #pentaho-sp-menu{
display: none;
}


/* [-デザイン適用]
=========================================================================================== */

/********************************************************* hero */


#pentaho-lp-wrap .hero{
/*height: 522px;*/
background-color: #000;
position: relative;
padding-top: 100px;
}


#pentaho-lp-wrap .hero .swiper-container{
height: 530px;
}


#pentaho-lp-wrap .hero .swiper-slide{
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

#pentaho-lp-wrap .hero .swiper-slide a:link,
#pentaho-lp-wrap .hero .swiper-slide a:visited{
text-decoration: none!important;
}


#pentaho-lp-wrap .hero .swiper-slide a:hover{
opacity: 0.7!important;
}

#pentaho-lp-wrap .hero .hero01{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/slider_01.jpg");
}

#pentaho-lp-wrap .hero .hero02{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/slider_02.jpg");
}

#pentaho-lp-wrap .hero .hero03{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/slider_03.jpg");
}

#pentaho-lp-wrap .hero .hero04{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/slider_04.jpg");
}


#pentaho-lp-wrap .hero .slide-ttl{
font-family: 'Noto Sans JP', sans-serif;
border-radius: 20px 20px 0 0;
max-width: 700px;
width: 90%;
height: 160px;
text-align: center;
color: #fff;
text-shadow: 1px 2px 8px #000;
z-index: 55;
padding: 20px;
position: absolute;
top: 160px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#pentaho-lp-wrap .hero .hero01 .slide-ttl p{
margin-bottom: 30px;
font-size: 1.1rem;
line-height: 1.2em;
font-weight: 500;
}

#pentaho-lp-wrap .hero .hero02 .slide-ttl p{
margin-bottom: 30px;
font-size: 1.2rem;
font-weight: 500;
}

#pentaho-lp-wrap .hero .hero03 .slide-ttl p{
margin-bottom: 30px;
font-size: 1.2rem;
font-weight: 500;
}

#pentaho-lp-wrap .hero .hero04 .slide-ttl p{
margin-bottom: 10px;
margin-top: 30px;
font-size: 1rem;
font-weight: 500;
}

#pentaho-lp-wrap .hero .hero01 .slide-ttl h1{
font-size: 3rem;
font-weight: bold;
margin: 0px!important;
padding: 0px!important;
line-height: 0.5em
}

#pentaho-lp-wrap .hero .hero02 .slide-ttl h2,
#pentaho-lp-wrap .hero .hero03 .slide-ttl h2{
font-size: 1.8rem;
font-weight: bold;
margin: 0px!important;
padding: 0px!important;
line-height: 0.5em;
background-image: none;
text-decoration: none!important;
}

#pentaho-lp-wrap .hero .hero04 .slide-ttl h2{
font-size: 1.2rem;
font-weight: normal;
margin: 0px!important;
padding: 0px!important;
line-height: 0.5em;
background-image: none;
text-decoration: none!important;
}

#pentaho-lp-wrap .hero .slide-ttl h1 span{
font-size: 1rem;
display: inline-block;
}


#pentaho-lp-wrap .hero .hero01 .slide-ttl{
background-color: rgba(194,0,0,0.80);
}

#pentaho-lp-wrap .hero .hero02 .slide-ttl,
#pentaho-lp-wrap .hero .hero03 .slide-ttl,
#pentaho-lp-wrap .hero .hero04 .slide-ttl{
background-color: rgba(0,0,0,0.80);
}

#pentaho-lp-wrap .hero .hero04 .slide-ttl{
position: relative;
}

#pentaho-lp-wrap .hero .hero04 .slide-ttl .dxlogo{
width: 100px;
height: 120px;
position: absolute;
top: 0px;
left: 10px;
}

#pentaho-lp-wrap .hero .hero04 .slide-ttl .dxlogo img{
width: auto;
height: 100%;
}

.swiper-pagination{
z-index: 60!important;
position: absolute;
top: 330px;
height: 5%;
}

.swiper-pagination-bullet {
  width: 15px!important;
  height: 15px!important;
  display: inline-block;
  border-radius: 100%;
  background: #fff!important;
  opacity: 0.9!important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #E60B27!important;
}


.bg-pagination{
background-color: #000;
height: 40px;
max-width: 700px;
width: 90%;
border-radius: 0 0 20px 20px;
position: absolute;
z-index: 55;
top: 320px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


#pentaho-lp-wrap .hero .top-info {
height: 100%;
width: 100%;
position: absolute;
top: 320px;
background-color: rgba(194,0,0,0.50);
border-top: 6px solid #000;
z-index: 50;
}

#pentaho-lp-wrap .hero .top-info .inner{
padding-top: 50px;
}

#pentaho-lp-wrap .hero .top-info .inner .flex-block{
height: 138px;
align-items: center;
}




#pentaho-lp-wrap .hero .top-info .top-news {
background-color: #fff;
margin-bottom: 10px;
}

#pentaho-lp-wrap .hero .top-info .top-news h2.pentaho-lp-h2-top-news{
background-color: #eee;
position: relative;
margin: 0px!important;
padding: 10px!important;
line-height: 100%!important;
height: auto!important;
}

#pentaho-lp-wrap .hero .top-info .top-news h2.pentaho-lp-h2-top-news a{
background-color: #000;
background-image: none;
display: inline-block;
color: #fff;
position: absolute;
text-align: center;
margin: 0px!important;
padding: 10px!important;
top: 0;
right: 0;
line-height: 100%!important;
height: auto!important;
}

#pentaho-lp-wrap .hero .top-info .top-news .pentahoTopicsNews{
margin: 0px;
padding: 10px;
box-sizing: border-box;
max-height:6em;
overflow-y:auto;
}

#pentaho-lp-wrap .hero .top-info .top-news .pentahoTopicsNews dd{
/*padding-left: 0px!important;*/
}

#pentaho-lp-wrap .hero .top-info .top-news .pentahoTopicsNews dd p.cate{
/*margin-left: 9em;*/
box-sizing:initial;
}

#pentaho-lp-wrap .hero .top-info .top-news .pentahoTopicsNews dd ul{
width: 100%!important;
display: block;
margin-left: 0px;
margin-top: 4px;
}
#TopixNewsWrap{
	margin-bottom:30px;
}
.top-info #pentahoTopixArea{
	margin:15px 15px 0;
}
.top-info #pentahoTopixArea dl:not(.newtopics){
	display:none;
}
#TopixNewsWrap #pentahoTopixArea dl:nth-child(2n){
	display:none;
}
#pentahoTopixArea dl{
	margin-bottom:5px;
}
#pentahoTopixArea .categoryMark{
	display:inline-block;
	padding:1px 10px 0;
	width:10em;
	text-align:center;
	font-size:90%;
	border:1px solid #cdcdcd;
}
#pentahoTopixArea .listBody{
	font-size:100%;
	text-indent:0;
	margin-top:-1.7em;
	margin-left:11.5em;
	margin-bottom:10px;
}
#pentahoTopixArea .listBody .ListStyle1{
	font-size:inherit;
}
#pentahoTopixArea .listBody .ListStyle1 li{
	line-height:inherit;
}
#pentahoTopixArea .listBody .ListStyle1 li span{
	font-size:90%;
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em;
}

#pentaho-lp-wrap .hero .top-info .top-banner{
text-align: center;
}


/********************************************************* sc01 */

#pentaho-lp-wrap #sec01 .flex-block{
justify-content: space-around;
}

#pentaho-lp-wrap #sec01 .list-style-01,
#pentaho-lp-wrap #sec01 .list-style-02{
position: relative;
}


#pentaho-lp-wrap #sec01 .list-style-01 li,
#pentaho-lp-wrap #sec01 .list-style-02 li{
text-align: center;
margin-bottom: 1em;
padding: 10px;
border-radius: 4px;
}

#pentaho-lp-wrap #sec01 .list-style-01 li.arrow,
#pentaho-lp-wrap #sec01 .list-style-02 li.arrow{
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
background-position: center top;
background-repeat: no-repeat;
height: 100px;
}

#pentaho-lp-wrap #sec01 .list-style-01 li.arrow{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon_arrow_01.png");
}

#pentaho-lp-wrap #sec01 .list-style-02 li.arrow{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon_arrow_02.png");
}

/*list-style-01*/

#pentaho-lp-wrap #sec01 .list-style-01 li h3{
color: #2D4075
}

#pentaho-lp-wrap #sec01 .list-style-01 li:nth-of-type(2),
#pentaho-lp-wrap #sec01 .list-style-01 li:nth-of-type(3){
background-color: #99AAE1;
color: #000;
}

#pentaho-lp-wrap #sec01 .list-style-01 li:nth-of-type(5){
background-color: #313F71;
color: #fff!important;
border-radius: 100px;
font-weight: bold;
width: 100%;
position: absolute;
bottom: 0px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*list-style-02*/

#pentaho-lp-wrap #sec01 .list-style-02 li h3{
color: #245646;
}

#pentaho-lp-wrap #sec01 .list-style-02 li:nth-of-type(2),
#pentaho-lp-wrap #sec01 .list-style-02 li:nth-of-type(3),
#pentaho-lp-wrap #sec01 .list-style-02 li:nth-of-type(4){
background-color: #ABCDBC;
color: #000;
}

#pentaho-lp-wrap #sec01 .list-style-02 li:nth-of-type(6){
background-color: #315547;
color: #fff!important;
border-radius: 100px;
font-weight: bold;
width: 100%;
position: absolute;
bottom: 0px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*dl-style*/

#pentaho-lp-wrap #sec01 dl.dl-style-01,
#pentaho-lp-wrap #sec01 dl.dl-style-02{
position: relative;
background-repeat: no-repeat;
background-position: left top;
border: solid thin #ccc;
border-radius: 0px 10px 0px 10px;
padding: 70px 20px 20px 20px;
box-sizing: border-box;
}

#pentaho-lp-wrap #sec01 dl.dl-style-01{
background-color: #fff;
}

#pentaho-lp-wrap #sec01 dl.dl-style-02{
background-color: #eee;
}

#pentaho-lp-wrap #sec01 dl.dl-style-01{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/bg_sec01_dl_01.png")
}

#pentaho-lp-wrap #sec01 dl.dl-style-02{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/bg_sec01_dl_02.png")
}

#pentaho-lp-wrap #sec01 dl.dl-style-01 dt,
#pentaho-lp-wrap #sec01 dl.dl-style-02 dt{
width: 70px;
background-color: #fff;
border-radius: 10px;
border: solid thin #ccc;
text-align: center;
padding: 10px;
position: absolute;
top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#pentaho-lp-wrap #sec01 dl.dl-style-01 dd,
#pentaho-lp-wrap #sec01 dl.dl-style-02 dd{
width: 100%;
text-align: center;
}

#pentaho-lp-wrap #sec01 .Section{
margin-top: 1em;
}


/********************************************************* sc02 */

#pentaho-lp-wrap #sec02 .flex-block{
align-items: center;
}



#pentaho-lp-wrap #sec02 .kadai > dl{
position: relative;
background-repeat: no-repeat;
background-position: left top;
border-left: 4px solid #333;
padding: 0px;
box-sizing: border-box;
}




#pentaho-lp-wrap #sec02 .kadai > dl dt{
text-align: center;
background-color: #333;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
padding: 10px;
margin-bottom: 30px;
background-repeat: no-repeat;
background-position: 2px center;
background-size: auto 80%;
}

#pentaho-lp-wrap #sec02 .kadai > dl:nth-of-type(1) dt{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon_sec02_1_01.png");
}

#pentaho-lp-wrap #sec02 .kadai > dl:nth-of-type(2) dt{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon_sec02_1_02.png");
}

#pentaho-lp-wrap #sec02 .kadai > dl:nth-of-type(3) dt{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon_sec02_1_03.png");
}


#pentaho-lp-wrap #sec02 .kadai > dl dd{
background-image: url("/products/it/bigdata/platform/pentaho/lp/images/icon-glay_06.png");
background-repeat: no-repeat;
background-position: left 4px;
background-size: 20px auto;
padding: 0px 0px 1em 30px;
margin: 0 30px;
}

#pentaho-lp-wrap #sec02 .text-box{
text-align: center;
font-weight: bold;
}

#pentaho-lp-wrap #sec02 .text-box span{
display: block;
margin-bottom: 1em;
}

#pentaho-lp-wrap #sec02 .text-box span:nth-child(1){
font-size: 1.1rem;
}
#pentaho-lp-wrap #sec02 .text-box span:nth-child(2){
margin-bottom: 3em;
}

#pentaho-lp-wrap #sec02 .text-box span:nth-child(3){
font-size: 1.5rem;
}

#pentaho-lp-wrap #sec02 .text-box span:nth-child(3) strong{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-size: 5rem;
}

/*注釈リセット*/
#pentaho-lp-wrap #sec02 .AdditionalNotesStyle3 {
display: inline-block;
}


/********************************************************* sc03 */

/*　pentaho_jp.css　にコード記載あり*/

/********************************************************* sc04 */
#pentaho-lp-wrap #sec04 .flex-block{
flex-wrap: wrap;
}


#pentaho-lp-wrap #sec04 .flex-block dl{
border: thin solid #ccc;
margin-bottom: 20px;
}

#pentaho-lp-wrap #sec04 .flex-block dl dt{
background-color: #313F71;
text-align: center;
color: #fff;
font-weight: bold;
padding: 4px;
}

#pentaho-lp-wrap #sec04 .flex-block dl dd{
padding: 4px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
height: 100px;
}

#pentaho-lp-wrap #sec04 .flex-block dl dd span{
display: block;
width: 50%;
text-align: center;
font-size: 12px;
}

/********************************************************* sc05 */

/*　pentaho_jp.css　にコード記載あり*/

/********************************************************* sc06 */

/*　pentaho_jp.css　にコード記載あり*/

/********************************************************* sc07 */

#pentaho-lp-wrap #sec07 .flex-block{
align-items: center;
}



/********************************************************* sc08 */

#pentaho-lp-wrap #sec08 .flex-block{
justify-content: center;
}

#pentaho-lp-wrap #sec08 .flex-block li{
margin: 0px 20px;
}

#pentaho-lp-wrap #sec08 .flex-block li img{
border: thin solid #ccc;
}

/********************************************************* sc09 */

#pentaho-lp-wrap #sec09 .flex-block{
justify-content: space-between;
align-items: center;
}




/********************************************************* sc10 */

#pentaho-lp-wrap #sec10 .flex-block{
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}

/********************************************************* sc11 */

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news {
margin-bottom: 50px;
}

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news h3{
border-bottom: dotted thin #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
}

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news .flex-block{
align-items: flex-start;
}

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news .inner {
border: thin solid #ccc;
padding: 20px;
}

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news .pentaho-lp-col2:first-child{
width: 25%!important;
}

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news .pentaho-lp-col2:first-child .dxlogo{
text-align: center;
}

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news .pentaho-lp-col2:last-child{
width: 75%!important;
}

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news .inner:last-child{
border-top: none;
}

/********************************************************* sccontact */
#sec-contact .frame_inner p a{
box-sizing:initial;
}


/* [-] レスポンシブ
=========================================================================================== */

/* for 1305px -
=========================================================================================== */
@media screen and (min-width: 1305px) {
}

/* for 995px - 1304px
=========================================================================================== */
@media screen and (min-width :995px) and (max-width: 1304px) {

.inner{
max-width: 965px;
width: 100%;
}


}

/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {



/* [-] モジュール*/

#pentaho-lp-wrap .br-sm{
display: block;
}

#pentaho-lp-wrap .br-pc{
display: none;
}

#pentaho-lp-wrap .br-tb{
display: block;
}
#pentaho-lp-wrap .inner{
width: 90%!important;
}


#pentaho-lp-wrap .figure-box img{
max-width: 640px!important;
width: 100%;
margin: 30px 0px;
}


/* [-nav]
================================================ */

#pentaho-lp-wrap #Anchor-link {
background-color: rgba(0,0,0,1.0);
width: 100%;
padding: 0px;
z-index: 100;
height: auto;
}


#pentaho-lp-wrap header #pentaho-pc-menu {
display: none;
}

#pentaho-lp-wrap header #pentaho-sp-menu{
display: block;
}

/*#Floating-bnr*/

#Floating-bnr .br-w{
display: block;
}

#Floating-bnr .br-n{
display: none;
}

/* [-Floating-bnr]
================================================ */
#Floating-bnr {
position: fixed;
top: auto;
left: auto;
right: auto;
bottom: 0px!important;
width: 100%;
z-index: 120;
}

#Floating-bnr .action-close{
position: relative;
width: 100%;
}

#Floating-bnr .btn-close {
  background-image: url("/products/it/bigdata/platform/pentaho/lp/images/sec_close_icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 34px;
  height: 34px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
}

#Floating-bnr .btn-close:hover {
  cursor: pointer;
}

#Floating-bnr .box{
text-decoration: none;
}

#Floating-bnr .box dl {
  background-color: rgba(0,0,0,0.80);
  border-radius: 0px 0px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff!important;
  border: none;
  border-top: solid #cc242b 8px;
}

#Floating-bnr .box dl:hover{
border: none;
border-top: solid #cc242b 8px;
background-color: rgba(0,0,0,0.80);
color: #fff;
}

#Floating-bnr .box dl:hover .ttl-01,
#Floating-bnr .box dl:hover .TextStyle2{
color: #fff!important;
}

#Floating-bnr .box dl dt,
#Floating-bnr .box dl dd{
width: 100%;
text-align: center;
}

#Floating-bnr .box dl dt{
margin-top: -50px;
margin-left: 0px;
}

#Floating-bnr .box dl dd strong{
display: block;
}

#Floating-bnr .box dl dd .ttl-01{
margin: 10px auto;
font-weight: bold;
font-size: 83%;
color: #fff;
border: none;
}

#Floating-bnr .box dl dd .TextStyle1{
background-image: none;
margin-bottom: 1em;
padding: 0px;
color: #fff;
display: inline;
width: auto;
border: none;
}

#Floating-bnr .box dl dd .TextStyle2{
color: #fff;
margin-bottom: 0px;
text-align: center;
padding-bottom: 1em;
}

/* checkbox non-display */
#Floating-bnr .checkbox {
  display: none;
}

/* close button */
#Floating-bnr .action-close {
  position: relative;
  margin-top: 2em;
}
#Floating-bnr .action-close .btn-close {
  position: absolute;
  right: 10px;
  top: 20px;
}
#Floating-bnr .action-close .box {
  margin-bottom: 2em;
}
#Floating-bnr .action-close #close2:checked ~ .btn-close {
  display: none;
}
#Floating-bnr .action-close #close2:checked ~ .box {
  display: none;
}


/* [-デザイン適用]
================================================ */

/***************************************** hero */


#pentaho-lp-wrap .hero{
/*height: 522px;*/
background-color: #000;
position: relative;
padding-top: 40px;
}


#pentaho-lp-wrap .hero .hero04 .slide-ttl .dxlogo{
display: none;
}


/***************************************** sc02 */
#pentaho-lp-wrap #sec02 .kadai dl dt{
text-align: center;
background-color: #333;
color: #fff;
font-size: 1.0rem!important;
font-weight: bold;
padding: 10px;
margin-bottom: 30px;
background-repeat: no-repeat;
background-position: 2px center;
background-size: auto 80%;
}

/*注釈リセット*/
#pentaho-lp-wrap #sec02 .AdditionalNotesStyle3 {
display: inline-block!important;
}

/***************************************** sc07 */

#pentaho-lp-wrap #sec07 .flex-block{
display: block;
}

#pentaho-lp-wrap #sec07 .flex-block > * {
width: 100%;
text-align: center;
}

}
/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {

/* [-] モジュール*/

#pentaho-lp-wrap .br-tb{
display: none;
}

#pentaho-lp-wrap .flex-block{
display: block;
}

#pentaho-lp-wrap .flex-block .pentaho-lp-col1{
width: 100%;
}


#pentaho-lp-wrap .flex-block .pentaho-lp-col2{
width: 100%;
}

#pentaho-lp-wrap .flex-block .pentaho-lp-col3{
width: 100%;
}
/* [-] タイトル*/

h3.pentaho-lp-h3 {
font-size: 1.2rem;
text-align: left;
}

h3.pentaho-lp-h3 .center-line::before {
display: none;
}

h3.pentaho-lp-h3 .center-line::after {
display: none;
}

h2.pentaho-lp-h2 span,
h2.pentaho-lp-h2-red span{
font-size: 1.5rem;
}

/* [-] ボタン*/
.pentaho-lp-btn-detail a,
.pentaho-lp-btn-detail-1 a,
.pentaho-lp-btn-detail-2 a{
height: 57px;
font-size: 1rem!important;
}

#pentaho-lp-wrap .pentaho-lp-btn-detail-1 a span,
#pentaho-lp-wrap .pentaho-lp-btn-detail-2 a span{
/*margin-top: -10px;*/
}

.top-banner.pentaho-lp-col2 img{
    max-height:120px;
}


/* [-デザイン適用]
================================================ */

/****************************************** hero */


#pentaho-lp-wrap .hero .slide-ttl{
top: 40px;
}

.swiper-pagination{
top: 210px;
}

.bg-pagination{
top: 200px;
}

#pentaho-lp-wrap .hero .top-info {
top: 200px;
}


#pentaho-lp-wrap .hero .hero01 .slide-ttl p{
font-size: 1rem;
margin-bottom: 20px;
}

#pentaho-lp-wrap .hero .hero02 .slide-ttl p{
font-size: 1rem;
}

#pentaho-lp-wrap .hero .hero03 .slide-ttl p{
font-size: 1rem;
}



#pentaho-lp-wrap .hero .hero01 .slide-ttl h1{
font-size: 2rem;
}

#pentaho-lp-wrap .hero .hero02 .slide-ttl h1,
#pentaho-lp-wrap .hero .hero03 .slide-ttl h1{
font-size: 1.5rem;
}


/****************************************** sec01 */
/*dl-style*/

#pentaho-lp-wrap #sec01 dl.dl-style-01,
#pentaho-lp-wrap #sec01 dl.dl-style-02{
margin-bottom: 50px;
}

/****************************************** sec02 */
/*dl-style*/

#pentaho-lp-wrap #sec02 dl.dl-style-01,
#pentaho-lp-wrap #sec02 dl.dl-style-02{
margin-bottom: 20px;
}

/****************************************** sc08 */

#pentaho-lp-wrap #sec08 .flex-block{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

#pentaho-lp-wrap #sec08 .flex-block li{
width: 40%;
margin: 0px 0px;
}

/********************************************************* sc11 */



#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news .pentaho-lp-col2:first-child{
width: 100%!important;
}

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news .pentaho-lp-col2:first-child .dxlogo{
text-align: center;
margin-bottom: 20px;
}

#pentaho-lp-wrap #sec11 .pentaho-lp-pickup-news .pentaho-lp-col2:last-child{
width: 100%!important;
}


}
/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {

/* [-デザイン適用]
================================================ */

/****************************************** hero */

.top-info #TopixNewsWrap{
	max-height: 180px;
	overflow-y: auto;
}
#pentahoTopixArea .listBody{
	margin:0;
}
.JS #pentahoTopixArea .DateListStyle2 dd .LinkListStyle1{
	margin-bottom:0;
}
#pentaho-lp-wrap .hero .top-info .top-news .pentahoTopicsNews dd{
/*margin-top: -1.7em;*/
}


#pentaho-lp-wrap .hero .hero02 .slide-ttl p{
margin-top: 30px;
margin-bottom: 30px;
}


#pentaho-lp-wrap .hero .hero04 .slide-ttl p{
margin-bottom: 10px;
margin-top: 15px;
font-size: 1rem;
font-weight: 500;
}

#pentaho-lp-wrap .hero .hero02 .slide-ttl h2,
#pentaho-lp-wrap .hero .hero03 .slide-ttl h2{
font-size: 1.4rem;
line-height: 1em;
}

#pentaho-lp-wrap .hero .hero04 .slide-ttl h2{
font-size: 1.2rem;
line-height: 1.2em;
font-weight: 500;
}


}
/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {



}