@charset "UTF-8";

.mobile_catch{
  text-align: center;
  font-size: 230%;
  line-height: 1.0;
  padding-top: 100px;
  margin-bottom: 25px;
}

#mobile_icon ul{
  padding-top: 25px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 10px;
}
#mobile_icon ul li{
  font-size: 120%;
  font-weight: bold;
  width: calc((100% - 40px) / 5);
  list-style: none;
  color: var(--i_main_dark_color);
}
#mobile_icon ul li span{
  display: block;
  padding-top: 135px;
  position: relative;
}
#mobile_icon ul li span:before{
  content: " ";
  display: block;
  top: 0;
  left: 50%;
  width: 124px;
  height: 124px;
  position: absolute;
  z-index: 10;
  transform: translateX(-50%);
  box-shadow: 3px 3px 8px rgb(0 0 0 / 10%);
  border-radius: 100px;
}
#mobile_icon ul li:nth-child(1) span:before{background: url(/common/upload_data/japannetcc/image/20240430115907.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(2) span:before{background: url(/common/upload_data/japannetcc/image/20240430115901.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(3) span:before{background: url(/common/upload_data/japannetcc/image/20240430115844.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(4) span:before{background: url(/common/upload_data/japannetcc/image/20240430115855.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(5) span:before{background: url(/common/upload_data/japannetcc/image/20240430115904.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(6) span:before{background: url(/common/upload_data/japannetcc/image/20240430115850.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(7) span:before{background: url(/common/upload_data/japannetcc/image/20240430115841.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(8) span:before{background: url(/common/upload_data/japannetcc/image/20240430115853.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(9) span:before{background: url(/common/upload_data/japannetcc/image/20240430115913.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(10) span:before{background: url(/common/upload_data/japannetcc/image/20240430115847.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(11) span:before{background: url(/common/upload_data/japannetcc/image/20240430115910.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(12) span:before{background: url(/common/upload_data/japannetcc/image/20240430115838.png) no-repeat center center #fff;}
#mobile_icon ul li:nth-child(13) span:before{background: url(/common/upload_data/japannetcc/image/20240430115858.png) no-repeat center center #fff;}


#question + section li {
  background-color: #E5F7FF;
  padding: 10px 10px 10px 50px;
  margin-bottom: 20px;
  display: inline-block;
  background-image: url(/common/upload_data/japannetcc/image/20240425180725.png);
  background-size: 30px;
  background-position: center left 10px;
  background-repeat: no-repeat;
  list-style: none;
}



@media (min-width: 901px) {
  #mobile_icon ul{
    width: 90%;
  }
}

@media (max-width: 959px) {
  #mobile_icon ul li{
    width: 80px;
    margin-bottom: 35px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 80%;
  }

  #mobile_icon ul li span{
    padding-top: 90px;
  }


  #mobile_icon ul li span:before{
    width: 80px;
    height: 80px;
  }

  #mobile_icon ul li span:before{
    background-size: 50px auto;
  }

  .mobile_catch{
    font-size: 120%;
    padding-top: 50px;
    margin-bottom: 15px;
  }
}

@media (max-width: 479px) {
  .mobile_catch{
    font-size: 100%;
  }

  #mobile_icon ul li{
    width: 80px;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 80%;
  }
}