@charset "UTF-8";

#page_concept h3 {
  margin: 0;
}
#page_concept ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#page_concept ul li {
  display: table;
  margin-top: 44px;
}
#page_concept ul li > * {
  display: table-cell;
  vertical-align: middle;
}
#page_concept ul li picture {
  width: 360px;
}
#page_concept ul li picture img {
  width: 100%;
  height: auto;
  box-shadow: 10px 10px 0px 0px #000;
  vertical-align: bottom;
}
#page_concept ul li .text {
  padding: 0 60px;
}
#page_concept ul li .text p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 0;
}
#page_concept .safety {
  margin-top: 90px;
  display: table;
  padding: 10px;
  background-color: #fff8c9;
}
#page_concept .safety > * {
  display: table-cell;
  vertical-align: middle;
}
#page_concept .safety picture {
  width: 360px;
}
#page_concept .safety picture img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#page_concept .safety .text {
  padding: 0 50px;
}
#page_concept .safety .text p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  #page_concept {
    padding: 0 6vw;
  }
  #page_concept h3 {
    text-align: center;
  }
  #page_concept ul li {
    display: block;
    margin-top: 10vw;
  }
  #page_concept ul li > *,
  #page_concept .safety > * {
    display: block;
  }
  #page_concept ul li picture,
  #page_concept .safety picture {
    display: block;
    width: 100%;
  }
  #page_concept ul li picture img {
    box-shadow: 3.125vw 3.125vw 0px 0px #000;
  }
  #page_concept ul li .text,
  #page_concept .safety .text {
    padding: 10vw 0 0;
  }
  #page_concept ul li .text p,
  #page_concept .safety .text p {
    font-size: 4.375vw;
  }
  #page_concept .safety {
    margin: 15vw -3.125vw 0;
    padding: 3.125vw;
  }
  #page_concept .safety .text {
    padding: 5vw 0 0;
  }
}