@charset "UTF-8";

.flexbox figure{
  width: 100%;
  margin-bottom: 10px;
}
.flexbox figure img{
  width: 100%;
  height: auto;
}
.flexbox p{
  width: 100%;
  margin-bottom: 15px;
}
@media (width >= 480px){
  .flexbox{
    display: flex;
    justify-content: space-between;
  }
  .flexbox figure{
    width: 30%;
  }
  .flexbox p{
    width: 65%;
    margin-bottom: 0;
  }
}
#box2 dl {
  margin-bottom: 20px;
}
#box2 dt span {
  background-color: #3eb2d4;
  color: #FFF;
  padding: 2px 10px;
}
#box2 dd {
  color: #3eb2d4;
  margin: 10px 0;
}
#box2 dd span {
  background-color: #e4f6ff;
  padding: 2px 5px;
  margin-right: 10px;
}
#box2 .inner {
  margin-top: 20px;
}


@media screen and (max-width: 480px) {
  #box2 dd {
    line-height: 2.2;
    margin-top: 5px;
  }
  #box2 dd br {
    display: block;
  }
}