@charset "utf-8";
@import url("https://www.webjapan.co.jp/css/solution/ai-camera.css");
/* CSS Document */
a {
    text-decoration: none !important;
}
figure {
    margin: 0 0 20px 0;
}

header{
 height: auto !important;
}

.breadcrumbs{
 top: 185px;
}

@media print, screen and (min-width:768px){
 .breadcrumbs{
 top: 335px;
}
}

.link_btn a{
 display: block;
 width: 100%;
 max-width: 320px;
 margin: 20px auto 0;
 font-size: 18px;
 font-weight: bold;
 color: #333;
 border: 2px solid #00bba0;
 border-radius: 50px;
 padding: 10px;
 transition: all 0.5s;
 opacity: 1;
}

.link_btn a:hover{
 color: #fff;
 background: #00bba0;
}

.main-visual{
 background: #003da6;
 padding: 50px 15px;
}

.main-visual h2{
 font-weight: bold;
 color: #fff;
}


.body_camera_func_list{
 margin: 90px 0 0;
}
.body_camera_func_list li{
 position: relative;
 border-radius: 20px;
 background: #fff;
 margin-bottom: 110px;
 padding: 90px 20px 30px;
}

.body_camera_func_list li .icon{
 position: absolute;
 top: -70px;
  left: 0;
 right: 0;
 margin: auto;
 width: 140px;
 height: 140px;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 200px;
 
}

.body_camera_func_list li .icon img{
 width: 100%;
 height: auto;
}

.body_camera_func_list li h3{
 font-size: 20px;
 font-weight: bold;
 color: #003da6;
 margin-bottom: 30px;
}

.body_camera_func_list li p{
 text-align: left;
}


@media print, screen and (min-width:768px){
 .body_camera_func_list{
 display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
 }
 
 .body_camera_func_list li{
  width: 30%;
 }
 
 }