/*------------------------------------------------------------
	infection
------------------------------------------------------------*/

#main .infection .locPhotoUl li{
  position: relative;
}

#main .infection .locPhotoUl .num{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #fff;
  background-color: #E27E00;
  border: 3px solid #fff;
  border-radius: 100vh;
  position: absolute;
  left: 50%;
  top: -27px;
  margin-left: -18px;
}

#main .infection .locPhotoUl h3{
  background-color: #E27E00;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  height: 75px;
  line-height: calc(40/30);
}

#main .infection .locPhotoUl .photo{
  padding: 27px 25px 66px;
}

#main .infection .sec02{
  background-color: #F4EFEA;
}

#main .infection .sec02 .headLine02{
  background-color: transparent;
  margin-bottom: 42px;
}

#main .infection .sec02 .headLine02 .jp{
  color: #E27E00;
}

#main .infection .sec02 .headLine02 .en{
  color: #333;
  border-color: #333;
}

#main .infection .sec03 .headLine02{
  margin-bottom: 0;
  background-color: #036DAF;
}

#main .infection .sec03 .locPhotoUl {
  margin-bottom: 40px;
}

#main .infection .sec03 .locPhotoUl li:not(:last-child){
   border-bottom: 1px solid #ddd;
}

#main .infection .sec03 .locPhotoUl .num{
  top: 30px;
  background-color: #036DAF;
}

#main .infection .sec03 .locPhotoUl .photo{
  padding: 50px 25px 40px;
}

#main .infection .sec03 .locPhotoUl img{
  margin-bottom: 30px;
}

@media all and (min-width: 768px) {
  #main .content {
    padding: 0 20px;
  }
  #main .infection .sec01 {
    justify-content: flex-start !important;
  }
  #main .infection .sec02 {
    padding-bottom: 60px;
    margin-bottom: 40px;
  }
  #main .infection .sec02 .headLine02 {
    margin-bottom: 0;
  }
  #main .infection .locPhotoUl {
    display: grid;
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
		grid-column-gap: 30px;
		grid-row-gap: 38px;
		margin-bottom: 60px;
  }
  #main .infection .locPhotoUl .photo {
    padding: 27px 0 ;
  }
  #main .infection .sec03 .locPhotoUl li:not(:last-child) {
    border-bottom: none;
  }
  #main .infection .sec03 .locPhotoUl {
    margin-bottom: 80px;
  }
  #main .infection .sec03 .locPhotoUl .photo{
    padding-bottom: 0;
  }
}