@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Barlow:700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap');


#main-contents #donation ol li:before {
  display: none;
}
#main-contents #donation .gift {
  margin:50px 0 40px;  
  text-align: center;
}
#main-contents #donation .gift img { 
  display: inline-block;
  width: auto;
  margin: 0 40px;
}
#main-contents #donation .box-sample {
  justify-content: flex-start;
  padding: 0 30px;
}
#main-contents #donation .sticker {
  width: 425px;
  margin: 0 20px 30px 0;
}
#main-contents #donation .sticker_w {
  width: 330px;
}
#main-contents #donation .milkbox {
  width: 120px;
  margin: 0 30px 0 20px;
}
#main-contents #donation .box-sample p {
  width: 500px;
  line-height: 1.7;
  padding-top: 45px;
}
#main-contents #donation .bank-list {
  justify-content: flex-start;
  width: 380px;
  margin-bottom: 10px;
}
#main-contents #donation .bank-list li {
  width: 50%;
}


@media all and (max-width: 812px) {
#main-contents #donation ol li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px #ccc solid;
}
#main-contents #donation ol li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#main-contents #donation .gift {
  margin:30px 0 20px;  
}
#main-contents #donation .gift .car {
  max-width: 150px;
  width: 57%;
  margin: 0 5% 0 0;
}
#main-contents #donation .gift .wheelchair { 
  max-width: 100px;
  width: 35%;
  margin: 0;
}
#main-contents #donation .box-sample {
  display: block;
  padding: 0 2%;
}
#main-contents #donation .box-sample img {
  margin: 0 auto;
}
#main-contents #donation .box-sample .sticker {
  max-width: 425px;
  width: 100%;
  margin-bottom: 5%;
}
#main-contents #donation .box-sample .sticker_w {
  max-width: 330px;
  width: 100%;
}
#main-contents #donation .box-sample .milkbox {
  width: 90px;
  margin-top: 5%;
}
#main-contents #donation .box-sample p {
  width: 100%;
  padding-top: 5%;
  font-size: 0.875em;
}

}



@media all and (max-width: 568px) {
#main-contents #donation .bank-list {
  display: block;
  width: 100%;
}
#main-contents #donation .bank-list li {
  width: 100%;
}

}