@charset "UTF-8";
/* CSS Document */
/*//////////PCサイズ///////////*/
@media screen and (min-width: 768px) {
  /* ============================== 
  サービスセクション start 
  ============================== */ 
  .service-section {
    width: 100vw;
    aspect-ratio: 16 / 7.5;
    background-color: #F2F2EF;
  }
  .service-grid {
    display: grid;
    grid-template-columns: 43% 1fr;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }
  .service-section.reverse .service-grid {
    direction: rtl;
  }
  .service-section.reverse .service-image, .service-section.reverse .service-text {
    direction: ltr;
  }
  .service-image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .service-text {
    display: flex;
    align-items: center; /* 上下中央 */ justify-content: center; /* 左右中央 */
  }
  .service-text-inner {
    width: 44vw;
    color: #000;
    text-align: justify;
  }
  .service-text-inner h2 {
    font-size: 2rem; /* リード */ font-weight: bold;
    color: #2b6d56;
    margin-bottom: 2rem;
    letter-spacing: 0.1rem;
    font-family: "Noto Serif JP", serif;
  }
  .service-text-inner h3 {
    font-size: 1.4rem; /* サブタイトル */ font-weight: 300;
    color: #2b6d56;
    margin-bottom: 1.2rem;
    font-family: "Noto Serif JP", serif;
  }
  .service-text-inner p {
    font-size: 1rem; /* 本文 */ line-height: 2;
    margin-bottom: 1.5rem;
  }
  /* ============================== 
  サービスセクション end 
  ============================== */
}