@charset "UTF-8";
/*  service ページ
____________________*/

.service_section .definition-list .definition-desc .img {
  width: 66.6%;
  margin: 0 auto 24px;
}

.trial_section .definition-item .img {
  margin: 0 auto 30px;
  width: 66.6%;
}

.trial_section .definition-item .title {
  color: var(--title-text-color);
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 20px;
}



/*_______________________________
　　　
　　　メディアクエリ切り替え
     　　　（TB・SP）
_______________________________*/


/* ↓ ↓ ↓ TB（1024px）以下　用 ↓ ↓ ↓ */

@media (max-width:1024px){

  /* --- */
  }
  /* ↑ ↑ ↑ TB（1024px）以下　用　↑ ↑ ↑ */
  
  /*  ↓ ↓ ↓ TB（820px）以下　用  ↓ ↓ ↓ */
  
  @media (max-width:820px){
  
  
  /* --- */
  }
  /* ↑ ↑ ↑ TB（820px）以下　用　↑ ↑ ↑ */
  
  
  /* ↓ ↓ ↓ SP（767px）以下　用 ↓ ↓ ↓ */
  
  @media screen and (max-width: 767px) {


  /* service ページ(SP)
____________________*/
  .service_section .definition-list .definition-desc .img {
    width: auto;
  }
  .service_section .definition-list .definition-desc .img svg {
    width: 100%;
    height: 100%;
  }
  .trial_section .definition-item .img {
    margin-bottom: 20px;
    width: auto;
  }
  .trial_section .definition-item .title {
    font-size: 15px;
    margin-bottom: 15px;
  }
  body.safe-system.service > div > main > article > section.service_section > div > div.definition-list > div.definition-item.sservice_04{
    margin-top: 10px;
  }
}
/* ↑ ↑ ↑ SP（767px）以下　用　↑ ↑ ↑ */