/* ==========================================================================
   Author's custom styles SP
   ========================================================================== */
.pc {
  display: none;
}

#service {
  background-color: #F0EDE1;
}
#service .inner {
  width: 89.744vw;
  margin: 0 auto;
}
#service .inner .wrap {
  padding: 5.128vw 5.128vw;
  background-color: rgba(255, 255, 255, 0.3);
  border: #2A65CB 0.256vw solid;
}
#service .inner ul {
  list-style: none;
}
#service .inner li {
  font-size: 4.103vw;
  color: #4A80DF;
  line-height: 2.5;
}
#service .inner p {
  text-align: justify;
  margin-top: 7.692vw;
  font-size: 3.077vw;
  line-height: 2;
}

.service-bg.sp {
  width: 100%;
  height: auto;
}

#product {
  background-color: #F0EDE1;
}
#product .inner {
  width: 89.744vw;
  margin: 0 auto;
}
#product .inner .category {
  background-color: rgba(229, 246, 255, 0.5);
  border: #2A65CB 0.256vw solid;
  font-weight: normal;
  font-size: 4.359vw;
  color: #4A80DF;
  text-align: center;
  padding: 2.564vw;
}
#product .inner ul {
  background-color: rgba(255, 255, 255, 0.3);
  border: #2A65CB 0.256vw solid;
  border-width: 0vw 0.256vw 0.256vw 0.256vw;
  padding: 5.128vw 7.692vw;
}
#product .inner li {
  list-style: none;
  font-size: 3.077vw;
  line-height: 6.41vw;
}
#product .inner .table {
  margin-top: 5.128vw;
}
#product .inner .table:first-of-type {
  margin-top: 0vw;
}
#product .inner > p {
  margin-top: 7.692vw;
  font-size: 3.077vw;
}

@media screen and (min-width: 768px) {
  /***************************

      PC

    *****************************/
  /* Style adjustments for viewports that meet the condition */
  .sp {
    display: none;
  }
  #service {
    background-color: #F0EDE1;
  }
  #service .inner {
    width: 625px;
    margin: 0 auto;
  }
  #service .inner .wrap {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    border: #2A65CB 1px solid;
    display: flex;
    gap: 40px;
  }
  #service .inner ul {
    list-style: none;
  }
  #service .inner li {
    font-size: 12.5px;
    color: #4A80DF;
    line-height: 2.5;
  }
  #service .inner p {
    margin-top: 30px;
    font-size: 11.25px;
  }
  .service-bg.pc {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
  }
  .service-bg.pc li {
    list-style: none;
  }
  .service-bg.pc img {
    max-width: 100%;
  }
  #product {
    background-color: #F0EDE1;
  }
  #product .inner {
    padding: 0;
    width: 625px;
    margin: 0 auto;
  }
  #product .inner .table {
    display: flex;
    margin-top: 0px;
  }
  #product .inner .table .category {
    border: #2A65CB 1px solid;
    border-width: 0px 0px 1px 1px;
    text-align: left;
    font-size: 12.5px;
    padding: 30px;
    width: 205px;
  }
  #product .inner .table ul {
    background-color: rgba(255, 255, 255, 0.3);
    border: #2A65CB solid;
    border-width: 0px 1px 1px 1px;
    padding: 30px;
    width: 420px;
  }
  #product .inner .table li {
    list-style: none;
    font-size: 11.25px;
    line-height: 2;
  }
  #product .inner .table:first-of-type .category {
    border-width: 1px 0px 1px 1px;
  }
  #product .inner .table:first-of-type ul {
    border-width: 1px 1px 1px 1px;
  }
  #product .inner > p {
    margin-top: 30px;
    font-size: 11.25px;
  }
}
@media screen and (min-width: 1200px) {
  /***************************

      PC - vw

    *****************************/
  /* Style adjustments for viewports that meet the condition */
  .sp {
    display: none;
  }
  #service {
    background-color: #F0EDE1;
  }
  #service .inner {
    width: 52.083vw;
    margin: 0 auto;
  }
  #service .inner .wrap {
    padding: 2.5vw;
    background-color: rgba(255, 255, 255, 0.3);
    border: #2A65CB 0.083vw solid;
    display: flex;
    gap: 3.333vw;
  }
  #service .inner ul {
    list-style: none;
  }
  #service .inner li {
    font-size: 1.042vw;
    color: #4A80DF;
    line-height: 2.5;
  }
  #service .inner p {
    margin-top: 2.5vw;
    font-size: 0.938vw;
  }
  .service-bg.pc {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
  }
  .service-bg.pc li {
    list-style: none;
  }
  .service-bg.pc img {
    max-width: 100%;
  }
  #product {
    background-color: #F0EDE1;
    padding-bottom: 4.583vw;
  }
  #product .inner {
    width: 52.083vw;
    margin: 0 auto;
  }
  #product .inner .table {
    display: flex;
    margin-top: 0;
  }
  #product .inner .table .category {
    border: #2A65CB solid;
    border-width: 0vw 0vw 0.083vw 0.083vw;
    text-align: left;
    font-size: 1.042vw;
    padding: 2.5vw;
    width: 17.083vw;
  }
  #product .inner .table ul {
    background-color: rgba(255, 255, 255, 0.3);
    border: #2A65CB 0.083vw solid;
    border-width: 0vw 0.083vw 0.083vw 0.083vw;
    padding: 2.083vw;
    width: 35vw;
  }
  #product .inner .table li {
    list-style: none;
    font-size: 0.938vw;
    line-height: 2;
  }
  #product .inner .table:first-of-type p {
    border-width: 0.083vw 0vw 0.083vw 0.083vw;
  }
  #product .inner .table:first-of-type ul {
    border-width: 0.083vw 0.083vw 0.083vw 0.083vw;
  }
  #product .inner > p {
    margin-top: 2.5vw;
    font-size: 0.938vw;
  }
}/*# sourceMappingURL=serivce.css.map */