/* -------------------------------- 

Company style

-------------------------------- */
.cd-hero-slider li.selected p{
                   text-align: center!important;
                   margin: 0 auto;
                   }
/* -------------------------------- 
margin-bottom
-------------------------------- */
.mgb30{
        margin-bottom: 30px;
        }
.mgb40{
        margin-bottom: 40px;
        }
/* -------------------------------- 

スライド画像

-------------------------------- */
.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
  background-image: url(../../img/top.jpg);
  
} 

.pankuzu {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0px;
}
#vision{
         background-image: url(../img/bg.jpg);
         background-size:cover;
         padding-bottom: 50px;
         padding-top: 80px;
         }
@media only screen and (min-width: 768px) {
#vision{
         background-image: url(../img/bg.jpg);
         background-size:cover;
         padding-bottom: 100px;
         padding-top: 80px;
         margin-bottom: 100px;
         }
         }
#vision p{
           text-align: left;
           line-height: 25px;
           color: #ffffff;
           text-shadow: 0 0 10px #0369ab,
               0 0 10px #0369ab,
               0 0 10px #0369ab,
               0 0 10px #0369ab,
               0 0 10px #0369ab;
           }
.catch-words{
            font-family: "Noto Sans", serif;
            font-weight: 600;
            font-size: 170%;
            line-height: 40px!important;
            margin-bottom: 30px!important;
             color: #ffffff;
            }
@media only screen and (min-width: 768px) {
#vision p{
           text-align: left;
           line-height: 35px;
           color: #ffffff;
           text-shadow: 0 0 10px #0369ab,
               0 0 10px #0369ab,
               0 0 10px #0369ab,
               0 0 10px #0369ab,
               0 0 10px #0369ab;
           }        
.catch-words{
            font-family: "Noto Sans", serif;
            font-weight: 600;
            font-size: 250%;
            line-height: 50px!important;
            margin-bottom: 30px!important;
             color: #ffffff;
            }
            }

.page-title-22{
    font-size: 20px;
    font-weight: 600;
    padding-top: 30px;
    margin-bottom: 30px;
    line-height: 1.3em;
    }

.page-title-25-c{
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    }
    
@media only screen and (min-width: 768px) {
.page-title-22{
    font-size: 22px;
    font-weight: 600;
    padding-top: 30px;
    margin-bottom: 70px;
    }
.page-title-25-c{
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    }
    }

/* 改行*/
@media screen and (min-width: 768px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 768px){   
  .pc { display:none; }
  .sp { display:block; }
}

/* -------------------------------- 
Building Autmation ＆ Control
-------------------------------- */
.sub-title{
 text-align: center;
  margin:50px 20px;
 line-height: 30px;
 color:#ffffff;
 font-size: 14px;
 line-height: 25px;
 text-align: left;
 }

@media only screen and (min-width: 768px) {
.sub-title{
 text-align: center;
  margin:15px 20px 50px 30px;
 line-height: 30px;
 color:#ffffff;
 font-size: 20px;
 font-weight: 700;
 }
 
.sub-title span{
 font-size: 16px;
 }
 }

/* -------------------------------- 
わたしたちのビジョン
-------------------------------- */
.vision-inbox {
    transform:skew(0deg, 0deg);
    background-image: url(../assets/index/vision.jpg);
}

.visiontitle {
  height: auto;
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  margin-top: -30px;
  margin-left:20px;
  margin-bottom:20px;
}

.vision-sub-title {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin:10px 30px 20px 30px;
  line-height: 28px;
}

.vision-txt{
	text-align: center;
	font-size:13px;
	margin-top:20px;
	line-height: 25px;
	color:#ffffff;
	margin-top:50px;
	margin-bottom:50px;
	max-width:500px;
	margin:0 auto;
}

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

.cd-fixed-bg.cd-bg-2 .vision-inbox {
    padding: 10px;
    vertical-align: middle;
    margin-top:30px;
      	}

.visiontitle {
  height: auto;
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
}

.vision-sub-title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding-bottom:50px;
  padding-right:30px;
  padding-left:30px;
  line-height: 35px;
  max-width: 960px;
  margin:0 auto;
}

.vision-txt{
    max-width:600px;
	text-align: center;
	font-size:16px;
	margin-top:50px;
	margin-bottom:50px;
	margin:0 auto;
	line-height: 25px;
	color:#ffffff;
}
}

p {
  text-align: left;
}

.card-list {
    border: 1px solid #0b4697;
    border-radius: 4px;
    box-shadow: none !important;
}
@media ( min-width : 768px ){
.card-list {
    border: 1px solid #0b4697;
    border-radius: 4px;
    box-shadow: none !important;

}
}

/*TEAM*/
.team-title{
             color: #0b4697;
             font-weight: 600;
             font-size: 40px;
             text-align: center;
             padding: 20px 20px 10px 20px;
             }
.team-title2{
                   font-size: 16px;
                   line-height: 20px;
                   color: #0b4697;
                   text-align: center;
                   font-weight: 500;
                   min-height: 50px;
                   margin-bottom: 20px;
                   }
.card-text-tax {
    margin: 0;
    padding: 0 15px;
    text-align: left;
    min-height: auto;
}
@media ( min-width : 768px ){
.team-title{
             color: #0b4697;
             font-weight: 600;
             font-size: 40px;
             text-align: center;
             padding: 20px 20px 10px 20px;
             }
.team-title2{
                   font-size: 16px;
                   line-height: 20px;
                   color: #0b4697;
                   text-align: center;
                   font-weight: 500;
                   min-height: 50px;
                   margin-bottom: 20px;
                   }
.card-text-tax {
    margin: 0;
    padding: 0 15px;
    text-align: left;
    min-height: 120px;
}
}

#team .card-list ul{
               margin: 20px;
               color: #818181!important;
               list-style: none;
               }

#team .card-list ul li {
   color: #ffffff!important;
  margin: 0px 5px 5px 0px;
  font-size: 15px;
  }

#team a{
  color: #ffffff;
  display: block;
  background: #91CA26;
  color: #ffffff!important;
  font-weight: 500;
  font-size: 15px;
  padding: 5px 15px;
  border-radius: 50px;
  text-decoration: none;

         }
#team a:hover{
               background: #729f1e;
               transition : all 0.7s;
               }
         
#team .card-list img:hover {
        transform: none;
}