@charset "UTF-8";
/* CSS Document */

/* Carousel base class */
.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}
/*------------------------------------------
          TOP Banner Background img
--------------------------------------------*/
.main-slider {
   background-image:url(../images/slider/main-slider/main-slider.jpg);
   background-size: contain;
   background-repeat: no-repeat;
}/*--slider01--*/
.seekence-slider {
  background-image:url(../images/slider/seekence-slider/seekence-slider.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider02--*/
/*--バーナーの画像を一枚絵を使用--*/
.kupu-slider {
  background-image:url(../images/slider/kupu-slider/kupu-slider.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider03--*/
.illustration-design-slider {
  background-image:url(../images/slider/illustration-design-slider/illustration-design-slider.png);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider04--*/
.web-services-slider {
  background-image:url(../images/slider/web-services-slider/web-services-slider.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider05--*/
.video-services-slider {
  background-image:url(../images/slider/video-services-slider/video-services-slider.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider06--*/
.recruit-slider {
   background-image:url(../images/slider/recruit-slider/recruit-slider.jpg);
   background-size: contain;
   background-repeat: no-repeat;
}/*--slider07--*/
.news_vietnam_slider {
  background-image:url(../images/slider/news_vietnam_slider/news_vietnam_slider.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider08--*/
/*
.news_healthcare_seminar_slider {
  background-image:url(../images/slider/news_healthcare_seminar_slider/news_healthcare_seminar_slider.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
*/
.care_slider {
  background-image:url(../images/slider/care-slider/care-slider.png);
  background-size: contain;
  background-repeat: no-repeat;
}

/*--slider09--*/
.quadlab_slider {
  background-image:url(../images/slider/quadlab_slider/quadlab_slider.png);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider10--*/
.sponsor_slider {
  background-image: url(../images/slider/sponsor_slider/sponsor_slider.png);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider11--*/
.Online_seminar_delivery_support_slider {
  background-image: url(../images/slider/Online_seminar_delivery_support_slider/Online_seminar_\ delivery_support_\ slider.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider13--*/
.Nolift_slider {
  background-image: url(../images/slider/Nolift_slider/Nolift.png);
  background-size: contain;
  background-repeat: no-repeat;
}/*--slider14--*/



/*---------------------- 差し替えが多いため下記にバックアップ中 ----------------------------*/
/*
.slider2 { background-image:url(../images/slide2.jpg); }
.slider5 { background-image:url(../images/slide5.jpg);  }
.slider10 { background-image:url(../images/slide9.jpg); }
.slider11 { background-image:url(../images/slide11.jpg); }
.slider15 { background-image:url(../images/slide17.png); }
*/


/*------------------------------------------
                 TOP Banner text
--------------------------------------------*/
.banner-text{
  width: 100%;
  height: 32%;
  vertical-align: middle;
}
.banner-text h2{
  font-weight: bold;
  font-size: 36px;
  color: #FFF;
  text-shadow: 1.2px 1.2px 4px #252525;
  margin:16px 0 32px 0;
  padding:  0 0 0;
  line-height: 1.5;
}
@media (max-width: 1200px) {
  .banner-text h2 {
    font-size: 28px;
  }
}

.banner-text .long-text span{
  text-shadow:  1.2px 1.2px 4px #252525;
}
.banner-text p{
  font-size: 16px;
  font-weight: bold;
}
.banner-text p span{
  line-height: 1.75;
  font-size: 16px;
}

h2.black{
  color: #252525;
  text-shadow: none;
  font-family: tbudmincho-std, sans-serif;
}

h2.long-text{
 margin-bottom: 16px;
}
@media (max-width: 979px) {
  h2.long-text {
    font-size:20px;
    /* margin: 0px; */
  }
}
@media (max-width: 686px) {
  h2.long-text {
    display: none;
  }
}
@media (max-width: 555px) {
  .banner-text h2 span{
    display: none;
  }
}
@media (max-width: 480px) {
  .banner-text p span{
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .banner-text h2{
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
    text-shadow: 1.2px 1.2px 4px #252525;
    margin:0 0 8px 0;
    padding: 0 0 0 0;
  }
  .long-text{
    display:none;
  }
  .caption-text{
    display:none;
  }
  .span9 h1{
  font-size: 13px !important;
  }
}

/*------------------------------------------
                 TOP Banner text ここまで
--------------------------------------------*/

/*------------------------------------------
          TOP Banner 下部リーダー調整
--------------------------------------------*/
  /*carousel bottom item bar
   % will be depend on items 9items 9.8% */
.carousel-indicators li {
    display: block;
    float: left;
    width: 8.091%;  /* 11コ */
/*    width: 7.3%; /* 12コ */
    height: 8px;
    margin-right: 1%;
    text-indent: -999px;
    background-color: #ededed;
    /*border:2px solid #999;
    border-radius: 6px;*/
  }

.carousel .container { position:relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.modal .carousel-inner { background:none; }
.carousel-inner > .item {
  position: relative;
  display: none;
 -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}


.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: -3px;
  margin-top: -20px;
  z-index: 10;
  outline: none !important;
  height: 60px;
  width: 24px;
  padding:10px 1px;
  z-index:100;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.carousel-control.left {
background: url(../images/arrow-previous.png) center center no-repeat #FDFDFD;
-webkit-box-shadow: -3px 0px 2px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    -3px 0px 2px 0px rgba(50, 50, 50, 0.35);
box-shadow:         -3px 0px 2px 0px rgba(50, 50, 50, 0.35);
border-radius:0px 2px 2px 0px;
}

.carousel-control.right {
background: url(../images/arrow-next.png) center center no-repeat #FDFDFD;
right: -3px;
left: auto;
-webkit-box-shadow: 3px 0px 2px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    3px 0px 2px 0px rgba(50, 50, 50, 0.35);
box-shadow:         3px 0px 2px 0px rgba(50, 50, 50, 0.35);
border-radius:2px 0px 0px 2px;
}

.carousel-control:hover, .carousel-control:focus {  }

.carousel-indicators {
  position: absolute;
  top: 402px;
  left: 0;
  z-index: 100;
  margin: 0;
  list-style: none;
  width: 100%;
}


.carousel-indicators .active {
  background-color: #00acec;
  /*border:2px solid #00acec;*/
}

.carousel-caption {
  position: absolute;
  top:0;
  right:0;
  background-color: transparent;
  max-width: 600px;
  margin-top: 80px;
  margin-right: 40px;
  text-align:right;
  z-index:100;
}

.carousel-semner-caption{
  position: absolute;
  top:0;
  right:0;
  background-color: transparent;
  max-width: 600px;
  margin-top: 64px;
  margin-right: 40px;
  text-align:right;
  z-index:100;
}

.carousel-kupu-caption {
  position: absolute;
  top:0;
  right:0;
  background-color: transparent;
  max-width: 600px;
  margin-top: 36px;
  margin-right: 80px;
  text-align:center;
  z-index:100;
}
@media screen and (max-width: 767px) {
  .carousel-kupu-caption {
    margin-top: 28px;
    margin-right: 80px;
}}
@media screen and (max-width: 600px) {
  .carousel-kupu-caption {
    margin-top: 16px;
    margin-right: 60px;
}}
@media screen and (max-width: 480px) {
  .carousel-kupu-caption {
    margin-top: 16px;
    margin-right: 40px;
}}
@media screen and (max-width: 375px) {
  .carousel-kupu-caption {
    margin-top: 2px;
    margin-right: 24px;
}}

.carousel-Nolift-caption  {
  position: absolute;
  top:0;
  right:0;
  background-color: transparent;
  max-width: 600px;
  margin-top: 314px;
  margin-right: 126px;
  text-align:center;
  z-index:100;
}
@media screen and (max-width: 1199px) {
  .carousel-Nolift-caption {
    width: 100%;
    margin-top: 254px;
    margin-right: -160px;
  }
}
@media screen and (max-width: 979px) {
  .carousel-Nolift-caption {
    margin-top: 186px;
    margin-right: -200px;
  }
}
@media screen and (max-width: 768px) {
  .carousel-Nolift-caption {
    margin-top: 198px;
    margin-right: -190px;
  }
}
@media screen and (max-width: 740px) {
  .carousel-Nolift-caption {
    margin-top: 184px;
    margin-right: -190px;
  }
}
@media screen and (max-width: 632px) {
  .carousel-Nolift-caption {
    margin-top: 116px;
    margin-right: -172px;
  }
}
@media screen and (max-width: 480px) {
  .carousel-Nolift-caption {
    margin-top: 98px;
    margin-right: -112px;
}}
@media screen and (max-width: 375px) {
  .carousel-Nolift-caption {
    margin-top: 84px;
    margin-right: -98px;
}}


.semner-margin{margin-top: 64px;}

.carousel-caption-left{
  position: absolute;
  top:0;
  left:0;
  background-color: transparent;
  max-width: 600px;
  margin-top: 80px;
  margin-left: 40px;
  text-align:left;
  z-index:100;
}

.carousel-caption4 { /*170113-評価・報告ツール*/
  position: absolute;
  top:0;
  right:0;
  background-color: transparent;
  max-width: 600px;
  margin-top: 80px;
  margin-right: 40px;
  text-align:right;
  z-index:100;
}


.carousel-caption5 { /* - 190123_iot物作り展 - */
  position: absolute;
  top:0;
  left:0;
  background-color: transparent;
  max-width: 760px;
  margin-top: 40px;
  margin-left:75px;
  text-align:left;
  z-index:100;
}

.carousel-caption-long {
  position: absolute;
  top:0;
  right:-4px;
  background-color: transparent;
  max-width: 600px;
  margin-top: 40px;
  margin-right: 24px;
  text-align:right;
  z-index:100;
}
@media (max-width: 480px) {
  .carousel-caption-long{
    margin-right: 16px;
    margin-top: 16px;
  }
}
@media (max-width: 355px) {
  .carousel-caption-long{
    margin-top: 4px;
  }
}


.carousel-caption h1 { font-size: 28.5px;visibility:hidden;/*TPHQ*/ }
.carousel-caption h1 b { font-size: 25.5px; }
.carousel-caption h1,
.carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #111;
  /*TPHQ-COMMENTOUT*/
  /*text-shadow: 0 1px 1px rgba(255,255,255,.4);*/
  /*font-family: Hiragino Mincho pro, MS PMincho, "Roboto", sans-serif;*/
  font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;/*TPHQ*/
  visibility:hidden;/*TPHQ*/
}


.carousel-caption4 h1 { font-size: 28.5px;visibility:hidden;}
.carousel-caption4 h1 b { font-size: 25.5px;}
.carousel-caption4 h1,
.carousel-caption4 .lead {
  margin: 0;
  line-height: 1.25;
  color: #111;
  /*TPHQ-COMMENTOUT*/
  /*text-shadow: 0 1px 1px rgba(255,255,255,.4);*/
  /*font-family: Hiragino Mincho pro, MS PMincho, "Roboto", sans-serif;*/
  font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;/*TPHQ*/
  visibility:hidden;/*TPHQ*/
}

.carousel-caption6 { /*180905 Philippine International Motor Show*/
  position: absolute;
  top:50px;
  right:50px;
  background-color: transparent;
  max-width: 450px;
  text-align:right;
  z-index:100;
}


.lead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

.carousel .item { height: 390px; }
.carousel img {
  /*position: absolute;*/
  top: 0;
  left: 0;
  z-index:50;
  margin-bottom:20px;
}



.modal .carousel .item { height: 350px; }
.modal .carousel img { max-height: 320px; height:350px; top:0px; left:0px; position: relative; margin:-20px auto 0px;}

/*TOP Banner Button position*/

.carousel-caption .btn-3D { margin-top: 5px; clear:both; }

.carousel-caption4 .btn-3D { margin-top: 10px; clear:both; }

.carousel-caption5 .btn-3D { margin-top: 10px; clear:both; }


@media (max-width: 1200px) {

  .slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7, .slider11, .slider9, .slider12, .slider15, .slider16,.slider17,.slider18,.slider19,.slider20 { background-size: contain; background-repeat:no-repeat;}
  .slider8 { background-size: contain; background-repeat:no-repeat;}
  .slider10 { background-size: contain; background-repeat:no-repeat; margin-left:0}
  .carousel .item { height: 314px; }
  .carousel-indicators { top: 326px; }

  .carousel-kupu-caption img { float:right; height: 196px; } /*TPHQ*/
  .carousel-semner-caption img{ float:right; height: 144px;}


  .carousel-caption5 {
    position: absolute;
    top:0;
    left:0;
    background-color: transparent;
    max-width: 605px;
    margin-top: 40px;
    margin-left:70px;
    text-align:left;
    z-index:100;
  }
  .IOT{
  position: absolute;
  left: 115%;
  top: 72%;
  }

}

/* RESPONSIVE CSS *//*caption2 TOP slider7*/
@media (max-width: 1024px) {
  .slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7, .slider11, .slider9, .slider12, .slider15, .slider16,.slider17,.slider18,.slider19,.slider20 { background-size: contain; background-repeat:no-repeat;}
  .slider8 { background-size: contain; background-repeat:no-repeat;}
  .slider10 { background-size: contain; background-repeat:no-repeat; margin-left:0}
  .carousel .item { height: 314px; }
  .carousel-indicators { top: 326px; }
  /*TPHQ-COMMENTOUT*/
  /*
  .carousel-caption { margin-top: 30px; width: 100%;  }
  .carousel-caption h1 { font-size: 32px; }
  .carousel-caption h1 b { font-size: 25.5px; }
  .carousel img { max-height: 250px; top:10px; }
  */
   .carousel img { max-height: 260px;} /*TPHQ*/
   .carousel2 img { max-height: 260px;} /*TPHQ*/

  .carousel-caption h1 { font-size: 28.5px; }/*TPHQ*/
  .carousel-caption h1 b { font-size: 25.5px; }/*TPHQ*/
  .carousel-caption img { float:right; height: 65px; } /*TPHQ*/
  .carousel-kupu-caption img { float:right; height: 196px; } /*TPHQ*/
  .carousel-semner-caption img{ height: 124px;}

  .carousel-caption4 h1 { font-size: 28.5px; }/*TPHQ*/
  .carousel-caption4 h1 b { font-size: 25.5px; }/*TPHQ*/
  .carousel-caption4 img { float:right; height: 145px; } /*TPHQ*/

  .carousel-caption6 { /*180905 Philippine International Motor Show*/
  position: absolute;
  top:40px;
  right:65px;
  background-color: transparent;
  max-width: 28%;
  text-align:right;
  z-index:100;
  }


  .carousel-caption5 h1 { font-size: 28.5px; }
  .carousel-caption5 h1 b { font-size: 25.5px; }
  .carousel-caption5 {
    position: absolute;
    top:0;
    left:0;
    background-color: transparent;
    max-width: 600px;
    margin-top: 40px;
    margin-left:70px;
    text-align:left;
    z-index:100;
  }
  .IOT{
  position: absolute;
  left: 116%;
  top: 77%;
  }

}

@media(max-width: 979px){
  .slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7, .slider11, .slider9, .slider12, .slider15, .slider16,.slider17,.slider18,.slider19,.slider20 { background-size: contain; background-repeat:no-repeat;}
  .slider8 { background-size: contain; background-repeat:no-repeat;}
  .slider10 { background-size: contain; background-repeat:no-repeat; margin-left:0}
  .carousel .item { height: 242px; }
  .carousel-indicators { top: 254px; }

  .carousel-caption4 h1 { font-size: 28.5px; }/*TPHQ*/
  .carousel-caption4 h1 b { font-size: 25.5px; }/*TPHQ*/
  .carousel-caption4 img { float:right; height: 100px; margin-top:-20px;} /*TPHQ*/

  .carousel-caption5 h1 { font-size: 28.5px; }
  .carousel-caption5 h1 b { font-size: 25.5px; }
  .carousel-caption5 {
    position: absolute;
    top:0;
    left:0;
    background-color: transparent;
    max-width: 460px;
    margin-top: 25px;
    margin-left:55px;
    margin-bottom:0px;
    text-align:left;
    z-index:100;
  }
  .carousel-caption5 img{
    margin-bottom:0px;
  }
  .IOT{
  position: absolute;
  left: 114%;
  top: 77%;
  }
  .carousel-kupu-caption img { height: 136px; } /*TPHQ*/
  .carousel-semner-caption img{ height: 104px;}
  .carousel-semner-caption { margin-top: 48px;}
}

@media (max-width: 768px) {
  .carousel .item { height: calc(calc(100vw * 1) / 3); }
  .carousel-indicators { top: calc(calc(calc(100vw * 1) / 3) + 12px); }
  /*TPHQ-COMMENTOUT*/
  /*
  .carousel img { top:0px; left:-20px; height:200px; }
  .carousel-caption h1 { font-size: 26px; }
  .carousel-caption h1 b { font-size: 24.5px; }
  */
  .carousel { margin-left: -20px; margin-right: -20px;}/*TPHQ*/
  .carousel-caption { margin-top: 40px; margin-right:30px; }/*TPHQ*/

  .carousel-caption4 { margin-top: 40px; margin-right:30px; }/*TPHQ*/

  /* .carousel img { top:0px; max-height:200px; }TPHQ */
  .carousel-caption h1 { font-size: 25.5px; }/*TPHQ*/
  .carousel-caption h1 b { font-size: 22.5px; }/*TPHQ*/
  .carousel-caption img { float:right;} /*TPHQ*/
  .carousel-caption .btn { float:right;}

  .carousel-caption4 h1 { font-size: 25.5px; }/*TPHQ*/
  .carousel-caption4 h1 b { font-size: 22.5px; }/*TPHQ*/
  .carousel-caption4 img { float:right; height:78px;  margin-top:-10px;} /*TPHQ*/
  .carousel-caption4 .btn { float:right; margin-top:-40px;}


   .carousel-caption5 { margin-top: 35px; margin-right:30px; }
   .carousel-caption5 h1 { font-size: 25.5px; }
   .carousel-caption5 h1 b { font-size: 22.5px; }


   .clear{ clear:both;}/*TPHQ*/
  .carousel-caption .lead, .carousel-caption .btn { font-size: 18px; }

   .carousel-caption4 .lead, .carousel-caption3 .btn { font-size: 18px; }

  .carousel-control { display:none; }
  .modal .carousel-control { display:block; }
  .IOT{
  position: absolute;
  left: 120%;
  top: 75%;
  }

}

@media (max-width: 767px) {
  .carousel { margin-left: -20px; margin-right: -20px;}
  .carousel-caption { margin-top: 40px; margin-right:30px; }

  .carousel-caption4 { margin-top: 40px; margin-right:30px; }

  /*
  .carousel-caption5 { margin-top: 40px; margin-right:30px; }
  */

  .carousel img { left:-30px; }
  .carousel-caption h1 { font-size: 20px; }
  .carousel-caption h1 b { font-size: 18.5px; }
  .carousel-caption .lead, .carousel-caption .btn { font-size: 14px; }

  .carousel-caption4 h1 { font-size: 20px; }
  .carousel-caption4 h1 b { font-size: 18.5px; }
  .carousel-caption4 .lead, .carousel-caption .btn { font-size: 14px; }

  .carousel-caption5 h1 { font-size: 20px; }
  .carousel-caption5 h1 b { font-size: 18.5px; }
  .carousel-caption5 .lead, .carousel-caption .btn { font-size: 14px; }
  .carousel-caption5 img{
     margin:0 ;
     }
  .carousel-caption5 {
  position: absolute;
    background-color: transparent;
    max-width: 65%;
    margin:3% 0px 0px 7%;
    text-align:left;
    z-index:100;
  }
  .IOT{
  position: absolute;
  left: 110%;
  top: 78%;
  }
  .carousel-semner-caption { margin-top: 24px;}
}

@media (max-width: 676px) {
  .carousel-kupu-caption img {
      height: 96px;
    }
  }

  @media (max-width: 544px){
  .carousel-semner-caption {
      margin-top: 14px;
  }
  }

@media (max-width: 480px) {
  .slider1, .slider2, .slider3, .slider4, .slider5, .slider6, .slider7, .slider8,.slider10, .slider11,.slider12,.slider15,.slider16,.slider17,.slider18,.slider19,.slider20 { background-size: cover;}
  .slider10 { background-size: cover;}
  /* .carousel .item { height: 140px; } */
  /* .carousel-indicators { top: 150px; } */
  .carousel-kupu-caption img { height: 80px; top:40px; left:20px; margin-bottom:5px; }
  .carousel img { top:40px; left:20px; margin-bottom:5px; }
  .carousel-caption { margin-top: 20px; margin-right:20px; }

  .carousel-caption4 { margin-top: 25px; margin-right:20px; }

  .carousel-caption5 { margin-top: 5px; margin-right:px; }

  .caption-text{
    width:294px;
    padding:8px;
    margin:0;
    display:block;
    font-size:24px;
    text-shadow:1px 1px 2px #8a8a8a;
    font-weight:bold;
    color:#FFF;
    }
    .caption-text span{
    font-size:12px;
    }

  .modal .carousel-control { display:none; }
  .modal .carousel .item { height: 180px; }
  .modal .carousel img { height: 180px; top:0px; left:0px; }
  .carousel-caption img{ max-height:40px; top:0px;}
  .carousel-semner-caption img{ height: 40px;}
  .carousel-semner-caption { margin-right: 24px;}

  .carousel-caption4 img{ max-height:40px; top:0px;}
  /*.carousel-caption5 img{ display:none;}*/
  .carousel-caption6 img{ max-height:50px; top:-20px;}

  .carousel-caption5 {
    position: absolute;
    top:0;
    left:0;
    background-color: transparent;
    max-width: 500px;
    margin-top: 15px;
    margin-left:35px;
    margin-bottom:0px;
    text-align:left;
    z-index:100;
    }
  .IOT {
    position: absolute;
    top: 70%;
    left: 107%;
  }
}

/*TPHQ*/
@media (max-width: 355px) {
  /* .carousel .item { height: 115px; }
  .carousel-indicators { top: 120px; } */

/*180619_HPTOP_ID_carousel_img_caption_adjustment*/
.ID_caption{ margin-top:10px;}
.ID_caption img{ margin-bottom:5px;}

 .span9 h1{
  font-size: 12px !important;
  line-height: 15px;
  }

  .carousel-kupu-caption img { float:right; height: 64px; } /*TPHQ*/

  .carousel-Nolift-caption{
    margin-top: 72px;
    margin-right: -96px;
  }
  .carousel-semner-caption {margin-top: 16px;}
 .carousel-caption5 {
    position: absolute;
    top:0;
    left:0;
    background-color: transparent;
    max-width: 180px;
    margin-top: 8px;
    margin-left:30px;
    margin-bottom:0px;
    text-align:left;
    z-index:100;
  }
.IOT {
  top: 48px;
  left: 200px;
  }
}

/* QuadLab */
.carousel-caption.quadlab{
  margin-top: 128px;
  margin-right: 48px;
}
@media (max-width: 1200px) {
  .carousel-caption.quadlab{
    margin-top: 72px;
    margin-right: 48px;
  }
}
@media (max-width: 768px) {
  .carousel-caption.quadlab{
    margin-top: 72px;
    margin-right: 40px;
  }
}
@media (max-width: 700px) {
  .carousel-caption.quadlab{
    margin-top: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 580px) {
  .carousel-caption.quadlab{
    margin-top: 32px;
    margin-right: 40px;
  }
}
@media (max-width: 480px) {
  .carousel-caption.quadlab{
    margin-top: 20px;
    margin-right: 20px;
  }
}

/* care */
.carousel-caption.care{
  margin-top: 128px;
  margin-right: 30px;
}
@media (max-width: 1200px) {
  .carousel-caption.care{
    margin-top: 72px;
    margin-right: 30px;
  }
}
@media (max-width: 768px) {
  .carousel-caption.care{
    margin-top: 72px;
    margin-right: 40px;
  }
}
@media (max-width: 700px) {
  .carousel-caption.care{
    margin-top: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 580px) {
  .carousel-caption.care{
    margin-top: 32px;
    margin-right: 40px;
  }
}
@media (max-width: 480px) {
  .carousel-caption.care{
    margin-top: 20px;
    margin-right: 20px;
  }
}