@charset "UTF-8";
#service > div:nth-child(1) {padding: 5em 0;}
#service > div:nth-child(1) > ul > li {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -7em;padding-top: 7em;}
#service > div:nth-child(1) > ul > li + li {margin-top: 0;}
#service > div:nth-child(1) > ul > li figure {width: 45%;}
#service > div:nth-child(1) > ul > li div {width: 50%;}
#service > div:nth-child(1) > ul > li div p:nth-child(1) {}
#service > div:nth-child(1) > ul > li div p:nth-child(1) span:nth-child(1) {display: block;color: var(--color-02);font-size: 375%;font-family: "Barlow", sans-serif;font-weight: 700;line-height: 1;}
#service > div:nth-child(1) > ul > li div p:nth-child(1) span:nth-child(1)::before {display: inline-block;content: attr(data-title);font-size: 33.33%;margin-right: 0.3em;}
#service > div:nth-child(1) > ul > li div p:nth-child(1) span:nth-child(2) {display: block;font-size: 187.5%;font-weight: 700;margin-top: 0.25em;}
#service > div:nth-child(1) > ul > li div ul {margin: 1.5em 0 0;}
#service > div:nth-child(1) > ul > li div ul li {font-size: 112.5%;}
#service > div:nth-child(1) > ul > li div ul li::before {display: inline-block;content: '';width: 1em;height: 1px;margin-right: 0.5em;background: #333;vertical-align: super;}
#service > div:nth-child(1) > ul > li div ul li + li {margin-top: 0.5em;}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1100px) {
  #service > div:nth-child(1) > ul > li {font-size: 1.4vw;}
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
  #service > div:nth-child(1) {padding: 3em 0;}
  #service > div:nth-child(1) > ul > li {font-size: 100%;}
  #service > div:nth-child(1) > ul > li + li {margin-top: -3em;}
  #service > div:nth-child(1) > ul > li figure,
  #service > div:nth-child(1) > ul > li div {width: 100%;}
  #service > div:nth-child(1) > ul > li figure {clip-path: polygon(0 20%, 100% 20%, 100% 80%, 0 80%);margin: -20% 0;}
  #service > div:nth-child(1) > ul > li div {margin-top: 0.5em;}
  #service > div:nth-child(1) > ul > li div p:nth-child(1) {margin-top: 0.5em;}
  #service > div:nth-child(1) > ul > li div p:nth-child(1) span:nth-child(1) {font-size: 300%;}
  #service > div:nth-child(1) > ul > li div p:nth-child(1) span:nth-child(1)::before {font-size: 50%;}
  #service > div:nth-child(1) > ul > li div p:nth-child(1) span:nth-child(2) {font-size: 150%;}
  #service > div:nth-child(1) > ul > li div ul {margin-top: 0.5em;}
  #service > div:nth-child(1) > ul > li div ul li {font-size: 100%;line-height: 2;}
}
@media (orientation: landscape) and (max-width: 767px){}