@charset "utf-8";
/* CSS Document */
.slideTop img{ max-width: 100%;}
.slideTop{display: none;}
.slideTop.slick-initialized{display: block;}

.sis_top01 div,
.sis_top02 div,
.sis_top03 div{
  width: 100%;
  height: 704px;
  background-size: auto 100%;
  background-repeat: no-repeat;
}







.sis_top01.zoomanim div,
.sis_top02.zoomanim div,
.sis_top03.zoomanim div{
  animation: fadezoom 5s ease-out forwards;
}
@keyframes fadezoom{
  0%{transform: scale(1.2);}
  100%{transform: scale(1);}
}
.sis_top01 p,
.sis_top02 p,
.sis_top03 p{
  position: absolute;
  width: 1110px;
  top: 324px;
  left: calc(50% - 555px);
  font-family: "Yu Mincho";
  font-size: 3.5rem;
  font-weight: 600;
  color: #FFFFFF;
}/*top: 394px;left: calc(50% - 805px);*/
.sis_top01 p{color: #fff;}
.sis_top03 p{color: #212121;}
/*left: calc(50% - 755px);top: 364px;*/

.sis_top01.slick-active p,
.sis_top02.slick-active p,
.sis_top03.slick-active p{
  animation: txtanimation 2s ease 1s 1 normal both;
}
@keyframes txtanimation{
  0%{
    opacity: 0;
    transform: translate3d(-40px, 0, 0);
  }
  100%{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}




.slide01{
  transition: all 0.25s linear 0.55s;
  opacity: 0;
}
.slide01.active{opacity: 1;}
.slide01 li{
	margin:0 15px;
	position:relative;
}
.slide01 li a{display: block;}
.slide01 li img{width: 256px;}
.slide01 li p{
  position: absolute;
  left: 14px;
  bottom: 14px;
  font-weight: 900;
  color: #FFFFFF;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.slide01 li.sis_signage p{
  color: #333333;
  text-shadow: 0px 3px 6px rgba(255, 255, 255, 0.16);
}




@media screen and (min-width:821px){
  .slide01 li a:hover{opacity: 0.7;}

  .sis_colm2 ul a:hover{
    color: #2299E1;
    border-bottom: 1px solid #2299E1;
  }
  .sis_colm2 div dl dd a:hover{text-decoration: underline;}
  .sis_colm2 dl + a:hover{text-decoration: none;}
}





@media screen and (max-width:1110px){
  .sis_top01 p,
  .sis_top02 p,
  .sis_top03 p{
    left: 0;
    top: 224px;
    width: 100%;
    padding: 0 24px;
    font-size: 2.875rem;
  }
}



@media screen and (max-width:420px){

.sis_top03 p{color: #fff;}
  .sis_top01 div,
  .sis_top02 div,
  .sis_top03 div{height: 420px;}
  .sis_top01 p,
  .sis_top02 p,
  .sis_top03 p{font-size: 2rem;}
  .sis_top01 p span,
  .sis_top02 p span,
  .sis_top03 p span{display: block;}

  .sis_ttlja{font-size: 0.875rem;}

  .sis_infomation h3{font-size: 1.125rem}
  .sis_infomation p{font-size: 0.875rem;}
  .sis_infomation dl{font-size: 0.875rem;}
  .sis_colm2{flex-wrap: wrap;}
  .sis_colm2 ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 22px 12px 0;
  }
  .sis_colm2 ul li{margin-bottom: 0;}
  .sis_colm2 ul a{font-size: 0.625rem;}
  .sis_colm2 div{border-right: none;}
  .sis_colm2 dl dd span.sis_modelnumber{font-size: 0.75rem;}
  .sis_pcbr{display: inline;}

}
