@charset "utf-8";

/*
----------------------*/
/*
----------------------------------------*/
/*
---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
□ Guide
---------------------------------------------------------------------------*/
.p-gid_block {
  font-feature-settings: "palt";
  margin-top: 6rem;
  @media (width <= 768px) {
    margin-top: 4rem;
  }
  h3 {
    color: var(--text-primary);
    font-size: 2rem;
    font-weight: 500;
    border-bottom: 0.2rem solid;
    border-image: linear-gradient(135deg, #f55b84 0%, #58abe4 100%) 1;
    padding-bottom: 0.6rem;
  }
  p{
    font-size: 1.8rem;
    @media (width <= 768px) {
      font-size: 1.6rem;
    }
  }
}
.p-gid_imgWrap{
  text-align: center;
  margin: 4rem 0;
}
.p-gid_list{
  li{
    font-size: 1.8rem;
    list-style-type: decimal;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
    @media (width <= 768px) {
      font-size: 1.6rem;
    }
    + li{
      margin-top: 1rem;
    }
    h4{
      display: inline;
      font-weight: 700;
    }
  }
}
.p-gid_sampleList {
  h4 {
    color: var(--primary);
    font-size: 2rem;
    font-weight: 700;
    margin-top: 4rem;
    @media (width <=768px) {
      font-size: 1.8rem;
      margin-top: 2rem;
    }
  }
  dl {
    margin-top: 2rem;
    dt {
      font-size: 1.8rem;
      font-weight: 700;
      position: relative;
      padding-left: 1.5rem;
      @media (width <=768px) {
        font-size: 1.6rem;
        padding-left: 1.2rem;
      }
      &::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1rem;
        height: 1rem;
        background: #4a90e2;
        border-radius: 50%;
        @media (width <=768px) {
          width: .8rem;
          height: .8rem;
        }
      }
    }
    dd {
      font-size: 1.8rem;
      @media (width <=768px) {
        font-size: 1.5rem;
      }
    }
  }
}