.sap{}
.sap_tit{text-align:center;}
.sap_tit h2{}
.sap_tit p{margin-top:15px;}
.sap ul{display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto;width:1000px;margin-top:50px;}
.sap ul li{margin-left:-30px;width:250px;height:250px;border-radius:250px;overflow:hidden;position:relative;}
.sap ul li:nth-child(1){background:#171c61;}
.sap ul li:nth-child(2){background:#0686b6;}
.sap ul li:nth-child(3){background:#171c61;}
.sap ul li:nth-child(4){background:#0686b6;}
.sap ul li:nth-child(5){background:#0686b6;}
.sap ul li:nth-child(6){background:#171c61;}
.sap ul li:nth-child(7){background:#0686b6;}
.sap ul li:nth-child(8){background:#171c61;}
.sap ul li:nth-child(n+5){margin-top:-20px;}
.sap ul li img{width:100%;opacity:0.3;height:100%;object-fit:cover;}
.sap ul li p{font-weight:bold;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.sap_kind{}
.sap_kind ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px 0;}
.sap_kind ul li{border-radius:15px;width:48.5%;display:flex;align-items:center;justify-content:space-between;background:#f4f8ff;}
.sap_kind ul li img{width:40%;border-radius:15px;}
.sap_kind ul li div{width:55%;}
.sap_kind ul li div h4{}
.sap_kind ul li div h5{margin-top:5px;}
.sap_kind ul li div p{margin-top:10px;color:#555;}
.sap_kind ul li div i{font-style:normal;font-weight:500;color:#123792;display:block;margin-top:10px;}
.sap_kind ul li div p strong{color:#000;display:block;margin-bottom:8px;}
.sap_info{display:flex;gap:0 20px;margin-top:25px;}
.sap_info b{font-size:18px;}
.sap_info b span{margin-right:5px;}

.sap_kind2 ul{margin-top:40px;}
.sap_kind2 ul li{padding:0;width:32%;display:block;overflow:hidden;}
.sap_kind2 ul li img{width:100%;margin:0 auto;display:block;border-radius:0 0 15px 15px;}
.sap_kind2 ul li div{padding:40px;width:100%;}

@media screen and (max-width:768px){
  .sap ul{width:300px;margin-top: 30px;margin-left: 25px;}
  .sap ul li{width:150px;height:150px;}

.sap ul li:nth-child(3){background:#0686b6;}
.sap ul li:nth-child(4){background:#171c61;}
.sap ul li:nth-child(5){background:#171c61;;}
.sap ul li:nth-child(6){background:#0686b6;}
.sap ul li:nth-child(7){background:#0686b6}
.sap ul li:nth-child(8){background:#171c61;}
  
  .sap_tit p{margin-top:8px;}
  .sap_kind ul{flex-wrap:wrap;gap:15px 0}
  .sap_kind ul li{width:100%;flex-wrap:wrap;}
  .sap_kind ul li img{width:100%}
  .sap_kind ul li > div{width:100%;padding:25px;}
  .sap_kind ul li div{width:100%}
  .sap_kind ul li div p{margin-top:5px;}
  .sap_info{flex-wrap:wrap;gap:8px 0;margin-top:10px;}
  .sap_info b{font-size:14px;display:block;width:100%;}
  
  .sap_kind2 ul{margin-top:20px}
}