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

h1.c-heading01{
  margin-bottom: 30px;
}


/*-----------
safe
-----------*/

.safe_contents {
}

.safe_box {
  display:flex;
  margin: 0 0 40px;
}

.safe_box img {
  width: 300px;
  padding: 0 0 0 20px;
}

.safe_box img.pt20 {
  padding: 20px 0 0 20px;
}

.safe_box .txt {
  width: 700px;
}

.safe_box .txt h3 {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 10px 27px;
}

.safe_box .txt h3.no1 {
  background: url("../images/safe/no1.png") no-repeat left 5px;
  background-size: 20px auto;
}

.safe_box .txt h3.no2 {
  background: url("../images/safe/no2.png") no-repeat left 5px;
  background-size: 20px auto;
}

.safe_box .txt h3.no3 {
  background: url("../images/safe/no3.png") no-repeat left 5px;
  background-size: 20px auto;
}

.safe_box .txt h3.no4 {
  background: url("../images/safe/no4.png") no-repeat left 5px;
  background-size: 20px auto;
}

.safe_box .txt p {
}

.safe_box .txt ul.list,
.safe_box .txt ul.list_kome{
  padding: 0 0 20px;
  list-style: none;
}

.safe_box .txt ul.list li,
.safe_box .txt ul.list_kome li{
  padding-left: 1em;
  position: relative;
}

.safe_box .txt ul.list li::before{
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.safe_box .txt ul.list_kome li::before{
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and ( max-width:767px) {

.safe_contents {
}

.safe_box {
  display: block;
  margin: 0 0 12%;
}

.safe_box img {
  width: 80%;
  padding: 0;
  margin: 0 auto;
  display: block;
}

.safe_box .txt {
  width: 100%;
}

}