@charset "utf-8";


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
サービス案内
.top-service-info
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.top-service-info-bg{background-color: #DFFFF7;}
.top-service-info{padding: 4rem 0 10rem;}
.top-service-info-text{text-align: center;}

.top-service-info-list{}
.top-service-info-list li{display: flex; justify-content: space-between;align-items: center;margin-top: 3rem;}

.top-service-info-image{width: 49%; height: 21rem; overflow: hidden;}
.top-service-info-image img{width: 100%;}

.top-service-info-list dl{width: 49%;}
.top-service-info-list dt{text-align: center;font-size: 1.9rem; font-weight: 600;}
.top-service-info-list dd{}
.top-service-info-list p{line-height: 1.75; margin: 1.5rem 0;}

.top-service-info-link{text-align: center;}
.top-service-info-link a{
   background-color: #12A581; margin: 0 auto;
  padding: 0.5rem 2.5rem; border-radius: 50px;
  color: #FFF; display:inline-block; font-weight: 500;
  transition: .3s;  -webkit-transform: scale(1);
  transform: scale(1);}
.top-service-info-link a:hover{
   background-color: #1497BC;border-radius: 0;
  -webkit-transform: scale(1.1); transform: scale(1.1);}

@media screen and (max-width: 768px) {
.top-service-info{padding: 4rem 0 5rem;}

.top-service-info-list li{flex-direction: column;margin-top: 3.5rem;}
.top-service-info-image{width: 100%; height: 13rem;}
.top-service-info-list dl{width: 100%;}

.top-service-info-list dt{font-size: 1.5rem;margin-top: 1.5rem}
.top-service-info-list p{line-height: 1.75; margin: 1.2rem 0 1.3rem;}
}



/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
banner領域
.top-banner
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.top-banner-bg{background-color: #f7f9f9;}
.top-banner-wrap{display: flex;justify-content: space-around;}
.top-banner{padding: 5rem 0 7rem;}
.top-banner-wrap li{width: 48%;}
.top-banner-wrap img{width: 100%;}

@media screen and (max-width: 768px) {
.top-banner-wrap{flex-direction: column;}
.top-banner-wrap li{width: 100%;margin-bottom:1rem ;}
.top-banner{padding: 5rem 0 4rem;margin-bottom: 0;}
}