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

#knowledgeWrap p > span{  
  font-weight: bold;
  background:linear-gradient(transparent 70%, #AFE3F5 70%);
}

/*==============================
durabilityBox01
==============================*/

.durabilityBox01 > h5{
  text-align: left;
  margin-bottom: 15px;    
}

.durabilityBox01 > p{
  margin-bottom: 50px;    
}

.durabilityBox01 > div{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.durabilityBox01 > div > img{
  width: 100%;
  margin-bottom: 10px;
}

.durabilityBox01 > div > p{
  text-align: justify;
}

/*==============================
durabilityBox02
==============================*/

.durabilityBox02 > div{
  display: flex;
  text-align: left;
  margin-bottom: 100px;
}

.durabilityBox02 > div > img{
  max-width: 40%;
  align-self: flex-start;
  margin-right: 90px;
}

.durabilityBox02 > div > div > h5{
  margin-bottom: 30px;
}

.durabilityBox02 > div > div > p{
  text-align: justify;
}

@media screen and (max-width: 1000px){
  .durabilityBox02 > div{
    display: block;
    margin-bottom: 30px;
  }
  
  .durabilityBox02 > div > img{
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
  }
}